Skip to content

Commit

Permalink
css updates
Browse files Browse the repository at this point in the history
  • Loading branch information
@sigel
sigel committed Feb 11, 2014
1 parent 2d933e1 commit 4cc169d
Show file tree
Hide file tree
Showing 5 changed files with 22 additions and 23 deletions.
4 changes: 4 additions & 0 deletions README.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,10 @@ StartPress Start Page Wordpress Theme

Changelog :
_____________
v1.2
- Responsive Fixes
- CSS Updates

v1.1
- Fixed some bugs
- Added dereferer option
Expand Down
19 changes: 6 additions & 13 deletions css/mobile.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -126,8 +126,8 @@ ul.cat li {
display: block;
float: left;
margin: 3px 6px 6px 0;
width: 150px;
height: 150px;
width: 75px;
height: 75px;
overflow: hidden;
-moz-box-shadow: 0px 10px 14px -7px #cacaca;
-webkit-box-shadow: 0px 10px 14px -7px #cacaca;
Expand All @@ -149,24 +149,17 @@ ul.cat li {
color:#a6a6a6;
text-shadow:0px 1px 0px #ffffff;
}
ul.cat li:hover, ul.cat li:focus { border-color: #eee; }
ul.cat li:hover, ul.cat li:focus { border-color: transparent; }
ul.cat li.noimg { background: url('../img/noimg.png') center center no-repeat #eee; }
ul.cat li a { display: block; line-height: 150px; text-align: center; font-family: 'Raleway', sans-serif; color: #333; text-shadow:0px 1px 0px #fff; }
ul.cat li a { display: block; line-height: 75px; text-align: center; font-family: 'Raleway', sans-serif; color: #333; text-shadow:0px 1px 0px #fff; -webkit-transition: all 1.2s ease; -moz-transition: all 1.2s ease; -o-transition: all 1.2s ease; -ms-transition: all 1.2s ease; transition: all 1.2s ease; }
ul.cat li a:hover, ul.cat li a:focus {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #eeeeee), color-stop(1, #cccccc));
background:-moz-linear-gradient(top, #eeeeee 5%, #cccccc 100%);
background:-webkit-linear-gradient(top, #eeeeee 5%, #cccccc 100%);
background:-o-linear-gradient(top, #eeeeee 5%, #cccccc 100%);
background:-ms-linear-gradient(top, #eeeeee 5%, #cccccc 100%);
background:linear-gradient(to bottom, #eeeeee 5%, #cccccc 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#eeeeee', endColorstr='#cccccc',GradientType=0);
background-color:#eeeeee;
background: #333333;
color: #eee;
text-decoration: none;
text-shadow: 1px 1px 1px #333;
}
ul.cat li a:active {position:relative; top:1px; }
ul.cat li img { vertical-align: middle; }
ul.cat li img { vertical-align: middle; width: 100%; height: 100%; }
ul.cat li span { position: relative; display: block; }

.pageList ul { display: block; clear: both; margin: 0; padding: 0 }
Expand Down
2 changes: 2 additions & 0 deletions css/non-mobile.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,6 +16,8 @@ ul.myaccount a em { display: inline-block; font-style: normal; }
Bookmarks
------------------------------------- */
h3.cat { width: 98.5%; }
ul.cat li { width: 150px; height: 150px; }
ul.cat li a { display: block; line-height: 150px; }

/* ------------------------------------
Content
Expand Down
18 changes: 9 additions & 9 deletions header.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -65,20 +65,20 @@
<header>
<?php get_search_form(); ?>
<div class="wrap">
<div class="logo"><a href="#" class="top-item"><img src="<?php bloginfo('template_directory'); ?>/img/logo.png"></a></div>
<div class="logo"><a href="#" class="fx top-item"><img src="<?php bloginfo('template_directory'); ?>/img/logo.png"></a></div>
<ul class="myaccount">
<li><a href="#" class="btnSearch"><span class="icon-search"></span> <em>Search</em></a></li>
<li><a href="#" class="fx btnSearch"><span class="icon-search"></span> <em>Search</em></a></li>
<?php
if ( is_user_logged_in() ) { ?>
<li><a href="/wp-admin/edit.php?post_type=bookmark" class="modal" data-fancybox-type="iframe"><span class="icon-cog"></span> <em>Manage</em></a></li>
<li><a href="/wp-login.php?action=logout"><span class="icon-off"></span> <em>Logout</em></a></li>
<li><a href="/wp-admin/edit.php?post_type=bookmark" class="fx modal" data-fancybox-type="iframe"><span class="icon-cog"></span> <em>Manage</em></a></li>
<li><a href="/wp-login.php?action=logout" class="fx"><span class="icon-off"></span> <em>Logout</em></a></li>
<? } else { ?>
<li><a href="/wp-admin/" class="modal" data-fancybox-type="iframe"><span class="icon-off"></span> <em>Login</em></a></li>
<li><a href="/wp-admin/" class="fx modal" data-fancybox-type="iframe"><span class="icon-off"></span> <em>Login</em></a></li>
<? } ?>
</ul>
<ul class="sub-menus">
<h3>Categories</h3>
<li class="close-nav"><a title="Home" href="<?php echo get_site_url(); ?>"><span class="icon-home"></span> Home</a></li>
<li class="close-nav"><a title="Home" class="fx" href="<?php echo get_site_url(); ?>"><span class="icon-home"></span> Home</a></li>
<?php
//for each category, show all posts
$cat_args=array(
Expand All @@ -103,11 +103,11 @@
}
$posts=get_posts($args);
if ($posts) {
echo '<li class="close-nav"><a href="/#' . $category->slug . '" title="' . sprintf( __( "View all Bookmarks in %s" ), $category->name ) . '" ' . '><span class="icon-right-dir"></span> ' . $category->name.'</a></li> ';
echo '<li class="close-nav"><a class="fx" href="/#' . $category->slug . '" title="' . sprintf( __( "View all Bookmarks in %s" ), $category->name ) . '" ' . '><span class="icon-right-dir"></span> ' . $category->name.'</a></li> ';
} // if ($posts
} // foreach($categories
?>
<li class="close-nav"><a title="Quicklinks" href="#quicklinks"><span class="icon-globe"></span> Quicklinks</a></li>
<li class="close-nav"><a title="Quicklinks" class="fx" href="#quicklinks"><span class="icon-globe"></span> Quicklinks</a></li>
<div class="pageList"><?php
$args = array(
'title_li' => '<h3>Pages</h3>',
Expand All @@ -117,7 +117,7 @@
'sort_column' => 'menu_order, post_title'
);
wp_list_pages($args); ?>
<a href="#" class="close-nav"><span class="icon-up-open"></span> CLOSE </a>
<a href="#" class="fx close-nav"><span class="icon-up-open"></span> CLOSE </a>
</div>
</div><!--Wrap-->
</header>
Expand Down
2 changes: 1 addition & 1 deletion index.php
View file
Original file line number Diff line number Diff line change
Expand Up @@ -30,7 +30,7 @@
echo '<ul class="cat">';
foreach($posts as $post) {
setup_postdata($post); ?>
<li<?php if ( !has_post_thumbnail() ) { echo ' class="noimg"'; } ?>><a <?php if (get_post_meta($post->ID, 'sp_modal', true) == "on" ) { ?><?php echo 'class="modal" data-fancybox-type="iframe" ' ?><?php } ?>href="<?php if (get_post_meta($post->ID, 'sp_anon', true) == "on") : ?><?php echo "http://www.dereferer.org/?"; ?><?php endif; ?><?php if ( get_post_meta($post->ID, 'sp_url') ) : ?><?php echo get_post_meta($post->ID, 'sp_url', true); ?><?php endif; ?>" rel="bookmark" title="<?php the_title_attribute(); ?>" <?php if (get_post_meta($post->ID, 'sp_new', true) == "on") { ?><?php echo 'target="_blank"'; ?><?php } ?>><?php if ( has_post_thumbnail() ) { echo get_the_post_thumbnail($post_id, 'bookmark-icon'); } ?><span><?php the_title(); ?></span></a></li>
<li class="fx <?php if ( !has_post_thumbnail() ) { echo 'noimg'; } ?>"><a <?php if (get_post_meta($post->ID, 'sp_modal', true) == "on" ) { ?><?php echo 'class="modal" data-fancybox-type="iframe" ' ?><?php } ?>href="<?php if (get_post_meta($post->ID, 'sp_anon', true) == "on") : ?><?php echo "http://www.dereferer.org/?"; ?><?php endif; ?><?php if ( get_post_meta($post->ID, 'sp_url') ) : ?><?php echo get_post_meta($post->ID, 'sp_url', true); ?><?php endif; ?>" rel="bookmark" title="<?php the_title_attribute(); ?>" <?php if (get_post_meta($post->ID, 'sp_new', true) == "on") { ?><?php echo 'target="_blank"'; ?><?php } ?>><?php if ( has_post_thumbnail() ) { echo get_the_post_thumbnail($post_id, 'bookmark-icon'); } ?><span><?php the_title(); ?></span></a></li>
<?php
} // foreach($posts
echo '</ul>';
Expand Down

0 comments on commit 4cc169d

Please sign in to comment.