fixes css

darrius · Sep 30, 2013 · 74942a0 · 74942a0
1 parent 8301e55
commit 74942a0
Show file tree

Hide file tree

Showing 3 changed files with 38 additions and 17 deletions.
diff --git a/inc/template-tags.php b/inc/template-tags.php
@@ -35,25 +35,23 @@ function symbol_content_nav( $nav_id ) {
 		$nav_class = 'site-navigation post-navigation';
 
 	?>
-	<nav role="navigation" id="<?php echo $nav_id; ?>" class="center-content <?php echo $nav_class; ?>">
-		<div class="article-content">
-	<?php if ( is_single() ) : // navigation links for single posts ?>
+		<nav role="navigation" id="<?php echo $nav_id; ?>" class="center-content <?php echo $nav_class; ?>">
+		<?php if ( is_single() ) : // navigation links for single posts ?>
 
-		<?php previous_post_link( '<div class="nav-previous">%link</div>', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'symbol' ) . '</span> %title' ); ?>
-		<?php next_post_link( '<div class="nav-next">%link</div>', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'symbol' ) . '</span>' ); ?>
+			<?php previous_post_link( '<div class="nav-previous">%link</div>', '<span class="meta-nav">' . _x( '&larr;', 'Previous post link', 'symbol' ) . '</span> %title' ); ?>
+			<?php next_post_link( '<div class="nav-next">%link</div>', '%title <span class="meta-nav">' . _x( '&rarr;', 'Next post link', 'symbol' ) . '</span>' ); ?>
 
-	<?php elseif ( $wp_query->max_num_pages > 1 && ( is_home() || is_archive() || is_search() ) ) : // navigation links for home, archive, and search pages ?>
+		<?php elseif ( $wp_query->max_num_pages > 1 && ( is_home() || is_archive() || is_search() ) ) : // navigation links for home, archive, and search pages ?>
 
-		<?php if ( get_next_posts_link() ) : ?>
-		<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'symbol' ) ); ?></div>
-		<?php endif; ?>
+			<?php if ( get_next_posts_link() ) : ?>
+			<div class="nav-previous"><?php next_posts_link( __( '<span class="meta-nav">&larr;</span> Older posts', 'symbol' ) ); ?></div>
+			<?php endif; ?>
 
-		<?php if ( get_previous_posts_link() ) : ?>
-		<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'symbol' ) ); ?></div>
-		<?php endif; ?>
+			<?php if ( get_previous_posts_link() ) : ?>
+			<div class="nav-next"><?php previous_posts_link( __( 'Newer posts <span class="meta-nav">&rarr;</span>', 'symbol' ) ); ?></div>
+			<?php endif; ?>
 
-	<?php endif; ?>
-		</div>
+		<?php endif; ?>
 	</nav><!-- #<?php echo $nav_id; ?> -->
 	<?php
 }

diff --git a/style.css b/style.css
@@ -429,7 +429,7 @@ nav.paging-navigation,
 #nav-below {
   overflow: hidden;
   display: block;
-  padding: 30px 0;
+  padding: 30px 20px;
 }
 nav.paging-navigation a,
 #nav-below a {
@@ -439,6 +439,7 @@ nav.paging-navigation a,
   font-weight: bold;
   text-transform: uppercase;
   font-size: 12px;
+  margin-bottom: 20px;
 }
 nav.paging-navigation a:hover,
 #nav-below a:hover {
@@ -452,6 +453,17 @@ nav.paging-navigation .nav-left,
 #nav-below .nav-left {
   float: left;
 }
+nav.paging-navigation .nav-previous,
+#nav-below .nav-previous,
+nav.paging-navigation .nav-next,
+#nav-below .nav-next {
+  display: inline-block;
+}
+nav.paging-navigation .nav-next,
+#nav-below .nav-next {
+  float: right;
+  display: inline-block;
+}
 /* =Sidebar
 -------------------------------------------------------------- */
 .widget-area {

diff --git a/style.styl b/style.styl
@@ -299,13 +299,24 @@ body.page-template-page-lastfm-php
 /* =Pagination
 -------------------------------------------------------------- */
 nav.paging-navigation, #nav-below
-	overflow: hidden; display: block; padding: 30px 0;
+	overflow: hidden; display: block; padding: 30px 20px;
 	a
-		display: inline-block; border: 1px solid #ebebeb; padding: 20px 20px; font-weight: bold; text-transform: uppercase; font-size: 12px;
+		display: inline-block; 
+		border: 1px solid #ebebeb;
+		padding: 20px 20px; 
+		font-weight: bold; text-transform: uppercase; font-size: 12px;
+		margin-bottom: 20px;
 		&:hover{border-color: #333;}
 	.nav-continue{float: right;}
 	.nav-left{float: left;}
 
+	.nav-previous, .nav-next
+		display: inline-block
+
+	.nav-next
+		float: right
+		display: inline-block
+
 
 /* =Sidebar
 -------------------------------------------------------------- */