Archive Headers + Author Page CSS

montreyw · Feb 2, 2016 · fec9fcc · fec9fcc
1 parent a9050e0
commit fec9fcc
Show file tree

Hide file tree

Showing 2 changed files with 98 additions and 20 deletions.
diff --git a/wp-content/themes/mag-wp/css/colors/default.css b/wp-content/themes/mag-wp/css/colors/default.css
@@ -433,6 +433,9 @@ a {
 	-o-transition: all 137ms;
 	transition: all 137ms;
 }
+h1, h2, h3, h4, h5, h6 {
+	color: #555;
+}
 blockquote {
 	margin: 0 7% 7%;
 	border-left: 4px solid #e34848;
@@ -1170,6 +1173,7 @@ div.big-thing-box ul.big-thing.owl-carousel div.owl-stage div.owl-item.active:nt
 }
 .home-content ul.classic-blog li .entry-comment-count {
 	margin: 0;
+	padding: 2px 17px;
 }
 .home-content ul.classic-blog li .entry-read-more a {
 	color: #94979c !important;
@@ -1540,13 +1544,83 @@ h6.post-answer {
 
 
 /* Author Writer Page */
+.author-meta,
+.author-meta img.avatar,
+.author-meta a.author-nrposts,
+.author-meta ul.author-social-top,
+.author-meta ul.author-social-top li,
+.author-meta .author-info a.author-link,
+.author-meta .author-info {
+	float: none;
+	margin: 0;
+	padding: 0;
+	display: inline-block;
+}
+.archive-header {
+	margin: 20px 0 30px;
+}
+.archive-header h1 {
+	text-transform: uppercase;
+	font-size: 37px;
+	margin: 0 0 30px;
+}
 .author-meta {
     background-color: #fff;
 }
-.author-meta .entry p {
+.author-meta .entry {
+	max-width: 730px;
+}
+.author-meta .entry .author-photo-cont {
+	display: block;
+	width: 300px;
+	height: 300px;
+	margin: 0 auto 20px;
+	position: relative;
+}
+.author-meta .entry a.author-photo-cont {
+	display: block;
+}
+.author-meta .entry .author-photo-cont a.author-nrposts {
+	position: absolute;
+	bottom: 0;
+	right: 0;
+	border-top-left-radius: 3px;
+	border-bottom-right-radius: 3px;
+	width: auto;
+	padding: 0 3px;
+	min-width: 17px;
+}
+.author-meta .entry .author-photo-cont a.author-photo-anchor {
+	display: block;
+	max-width: 100%;
+	max-height: 100%;
+}
+.author-meta .entry .author-photo-cont img {
+	height: 100%;
+	width: 100%;
+	border-radius: 3px;
+}
+.author-meta .entry .author-info ul.author-social-top {
+	margin: 0 10px 0 0;
+}
+.author-meta .entry .author-info ul.author-social-top li a {
+	border-radius: 50%;
+}
+.author-meta .entry .author-info ul.author-social-top li a i {
+	padding: 0;
+}
+.author-meta .entry .author-info a.author-link {
+	text-decoration: none;
+}
+.author-meta .entry .author-info p {
     color: #777;
 }
-
+/* Voices */
+.archive-header img.earmilk-voices {
+	background: #f5f5f5;
+	padding: 10px;
+	border-radius: 13px;
+}
 
 
 /* Post grid types */
@@ -2300,19 +2374,19 @@ body #responsive-menu #responsive-menu-title {
 		font-size: 17px;
 		padding: 10px;
 	}
-	div.wrap-fullwidth div.home-content .home-content ul.classic-blog {
+	div.wrap-fullwidth div.home-content ul.classic-blog {
 		float: none;
 		margin: 0 auto;
 		width: 86%;
 		padding: 0 7%;
 	}
-	div.wrap-fullwidth div.home-content .home-content ul.classic-blog li img {
+	div.wrap-fullwidth div.home-content ul.classic-blog li {
+		margin: 0 auto 30px;
 		width: 100%;
-		height: auto;
 	}
-	div.wrap-fullwidth div.home-content .home-content ul.classic-blog li {
-		margin: 0 auto 30px;
+	div.wrap-fullwidth div.home-content ul.classic-blog li img {
 		width: 100%;
+		height: auto;
 	}
 	ul#masonry_list li {
 		margin: 0 auto 50px !important;

diff --git a/wp-content/themes/mag-wp/index.php b/wp-content/themes/mag-wp/index.php
@@ -36,7 +36,7 @@
 									<?php echo number_format_i18n( get_the_author_posts() ); ?>
 								</a>
 								<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>" class="author-photo-anchor">
-									<?php echo get_avatar( get_the_author_meta( 'user_email' ), 100 ); ?>
+									<?php echo get_avatar( get_the_author_meta( 'user_email' ), 300 ); ?>
 								</a>
 							</div>
 							<div class="author-info">
@@ -51,7 +51,7 @@
 										<a target="_blank" href="//plus.google.com/<?php echo the_author_meta('google'); ?>?rel=author">
 											<i class="fa fa-google-plus"></i></a></li><?php } ?>                            
 								</ul>
-								 &rsaquo; <a class="author-link" href="<?php the_author_meta('url'); ?>" target="_blank"><?php the_author_meta('url'); ?></a><br />
+								<a class="author-link" href="<?php the_author_meta('url'); ?>" target="_blank"><?php the_author_meta('url'); ?></a><br />
 								<p><?php the_author_meta('description'); ?></p>
 							</div><!-- end .autor-info -->
 						</div><!-- end .entry -->
@@ -70,17 +70,21 @@
 <!-- Begin Wrap Content -->
 <div class="wrap-fullwidth hfeed h-feed">
 
-  <!-- Begin Main Home Content 950px -->
-  <div class="home-content">
-
-    <div class="section-top-title">
-      <h3><?php _e('Freshest Content', 'anthemes'); ?></h3>
-      <!-- Top social icons. -->
-      <?php if (!empty($smof_data['top_icons'])) { ?>
-        <?php echo stripslashes($smof_data['top_icons']); ?>
-      <?php } ?>
-    </div><div class="arrow-down-widget"></div>
-    <div class="clear"></div><!-- end .section-top-title -->
+	<!-- Begin Main Home Content 950px -->
+	<div class="home-content">
+		<div class="section-top-title">
+			<?php if (is_author()): ?> 
+				<h3>Freshest Pieces by <?php the_author(); ?></h3>
+			<?php else: ?>
+				<h3><?php _e('Freshest Content', 'anthemes'); ?></h3>
+			<?php endif ?>
+			<!-- Top social icons. -->
+			<?php if (!empty($smof_data['top_icons'])) { ?>
+				<?php echo stripslashes($smof_data['top_icons']); ?>
+			<?php } ?>
+		</div>
+	<div class="arrow-down-widget"></div>
+	<div class="clear"></div><!-- end .section-top-title -->