Skip to content

Commit

Permalink
Posts Layout Overhaul - v1
Browse files Browse the repository at this point in the history 
— changed posts layout according to image
— changed site main color to #e34848
  • Loading branch information
Andre Bulatov committed Jan 22, 2016
1 parent 4a8542f commit 9d4a1c6
Show file tree
Hide file tree
Showing 2 changed files with 224 additions and 24 deletions.
198 changes: 178 additions & 20 deletions wp-content/themes/mag-wp/css/colors/default.css
View file
Expand Up @@ -471,13 +471,13 @@ img.logo:hover {
}
.top-social li a:hover {
text-shadow: 0px 0px 3px #999;
color: #a3032d !important;
color: #e34848 !important;
}
.jquerycssmenu-right ul li a {
color: #000 !important;
}
#myjquerymenu2 ul li.current-menu-item a {
color: #a3032d !important;
color: #e34848 !important;
}
.top-navigation {
background-color: #fff !important;
Expand All @@ -500,7 +500,6 @@ header .sticky .jquerycssmenu-right {
}



/* Header Nav */
.jquerycssmenu-right ul li ul {
background: #fff;
Expand All @@ -516,6 +515,7 @@ header .sticky .jquerycssmenu-right {
}



/* Body */
div#featured-boxes {
background: #fff;
Expand Down Expand Up @@ -573,11 +573,145 @@ span._5mdd {
line-height: 1.37;
display: inherit;
}
/*
.widget.widget_text {
height: 214px;
}


*/
/* Album review - Sidebar widget */
.upw-posts .album_review {
width: 47%;
display: inline-block;
vertical-align: top;
}
.upw-posts .album_review:nth-child(odd) {
margin-right: 11px;
}
.upw-posts .album_review .entry-title a {
font-size: 12px;
line-height: 14px;
display: inline-flex;
}
.upw-posts .album_review .entry-meta {
font-size: 10px;
}
/* Post listing */
ul.classic-blog li.post {
height: auto;
display: inline-block;
float: none;
vertical-align: top;
/* width: 260px; */
margin: 0 0 50px 23px;
background: rgba(245, 245, 245, 0.42);
}
ul.classic-blog li.post .entry-thumb-cont {
position: relative;
}
ul.classic-blog li.post .entry-thumbnail {
display: block;
position: relative;
}
ul.classic-blog li.post .entry-thumbnail img {
display: block;
}
ul.classic-blog li.post .article-category {
background: none !important;
padding: 0;
font-size: 0;
margin: 0 0 0 10px;
-webkit-transform: skewX(-10deg);
-o-transform: skewX(-7deg);
-ms-transform: skewX(-7deg);
transform: skewX(-10deg);
bottom: 0;
display: inline-flex;
}
ul.classic-blog li.post .article-category .post-date,
ul.classic-blog li.post .article-category .author,
ul.classic-blog li.post .article-category .tiptipBlog {
padding: 1px 11px;
font-size: 10px;
display: inline-block;
text-transform: none;
}
ul.classic-blog li.post .article-category .post-date {
color: #FFF;
float: none;
width: auto;
height: auto;
text-align: center;
position: relative;
z-index: 101;
margin: 0 !important;
background-color: #373737;
display: inline-block;
}
ul.classic-blog li.post .article-category .post-date span.month {
font-size: inherit;
text-transform: initial;
display: initial;
position: relative;
top: inherit;
}
ul.classic-blog li.post .article-category .post-date span.day {
font-size: inherit;
font-weight: inherit;
position: relative;
top: inherit;
}
ul.classic-blog li.post .article-category .author {
background-color: #4b4b4b;
}
ul.classic-blog li.post .article-category .entry-author-last {
display: none;
}
ul.classic-blog li.post .article-category .tiptipBlog {
background-color: #e34848;
}
ul.classic-blog li.post h2.article-title.entry-title {
min-height: 66px;
text-align: center;
display: table;
vertical-align: middle;
margin: 5px 0 0 0;
}
ul.classic-blog li.post h2.article-title.entry-title a {
line-height: 16px;
display: table-cell;
vertical-align: middle;
}
ul.classic-blog li.post .article-summary {
line-height: 15px;
min-height: 60px;
vertical-align: middle;
margin-bottom: 10px;
}
ul.classic-blog li.post .entry-footer {
background: #fff;
width: 108%;
margin-left: -4%;
white-space: nowrap;
overflow: hidden;
}
ul.classic-blog li.post .entry-read-more,
ul.classic-blog li.post .entry-comment-count,
ul.classic-blog li.post .entry-empty-box {
background: #f2f2f2;
padding: 2px 7px;
display: inline-block;
margin: 2px 0 0;
}
ul.classic-blog li.post .entry-comment-count {
margin: 0;
}
ul.classic-blog li.post .entry-read-more a {
color: #94979c !important;
}
ul.classic-blog li.post .entry-empty-box {
width: 100%;
background: rgba(245, 245, 245, 0.75);
}



Expand Down Expand Up @@ -608,9 +742,6 @@ ul.footer-social li a:hover {
footer .widget a {
color: #777 !important;
}
.copyright {
background-color: #fff !important;
}
.widget.widget_anthemes_subscribe {
background: #fff;
color: #777 !important;
Expand All @@ -619,22 +750,25 @@ footer .widget a {
background: #fff;
}
.popular-words a:hover {
color: #a3032d !important;
color: #e34848 !important;
}
#flags {
div#flags {
width: 250px;
margin: 0 auto;
}
/*
#flags ul {
div#flags ul {
padding: 10px;
}
#flags li {
div#flags li {
margin-bottom: 10px !important;
}
#flags li + li {
div#flags li + li {
margin-left: 33px;
}
a.notranslate.flag:after {
div#flags li a {
position: relative;
}
div#flags li a.notranslate.flag:after {
content: attr(title);
display: block;
color: #000;
Expand All @@ -643,23 +777,31 @@ a.notranslate.flag:after {
font-size: 10px;
left: -9px;
}
*/
.copyright {
background-color: #fff !important;
}
img#earmilky {
width: 43px;
vertical-align: middle;
}




/* Jobs Page */
.post-248999 h3 {
color: #A3032D;
color: #e34848;
}
.post-249009 .entry h1.page-title {
color: #A3032D;
color: #e34848;
}
h3 {
color: #A3032D;
color: #e34848;
}




/* Archive Pages */
.archive-header {
background-color: #fff;
Expand All @@ -670,6 +812,7 @@ h3 {




/* Mobile */
div#click-menu {
background: #777;
Expand All @@ -687,7 +830,12 @@ div#click-menu {
}




/* Single Post */
.author-left-meta {
margin-top: 22px;
}
.single-content h1.article-title {
color: #555;
}
Expand All @@ -699,7 +847,7 @@ div#single-share {
background-color: #fff;
}
.p-first-letter p a {
background-color: #a3032d;
background-color: #e34848;
color: #fff !important;
}
.entry strong {
Expand Down Expand Up @@ -755,6 +903,16 @@ h6.post-answer {



/* Album reviews */
.single-content .review .review_info h2 {
color: #e34848;
}
.single-content .review .review_info h3 {
color: #555;
}




/* Google ad -- also disabled in index.html line 139 */
.home-728 {
Expand Down
50 changes: 46 additions & 4 deletions wp-content/themes/mag-wp/index.php
View file
Expand Up @@ -63,15 +63,44 @@
<li <?php post_class('hentry h-entry') ?> id="post-<?php the_ID(); ?>">

<?php if ( has_post_thumbnail()) { ?>
<div class="post-date date updated">
<!--
<div class="post-date date updated">
<span class="month"><?php the_time('M', '', '', true); ?></span>
<span class="day"><?php the_time('d', '', '', true); ?></span>
</div><!-- end .post-date -->
</div>
--><!-- end .post-date -->

<a href="<?php the_permalink(); ?>"> <?php echo the_post_thumbnail('thumbnail-blog'); ?></a>
<div class="entry-thumb-cont">
<a href="<?php the_permalink(); ?>" class="entry-thumbnail">
<?php echo the_post_thumbnail('thumbnail-blog'); ?>
</a>
<div class="article-category">
<div class="post-date date updated">
<span class="month"><?php the_time('M', '', '', true); ?></span>
<span class="day"><?php the_time('d', '', '', true); ?></span>
</div>
<span class="vcard author p-author h-card">
<span class="fn">
<a href="<?php echo get_author_posts_url( get_the_author_meta( 'ID' ) ); ?>">
<spam class="entry-author-first given-name"><?php the_author_meta('first_name'); ?></spam>
<span class="entry-author-last family-name"><?php the_author_meta('last_name'); ?></span>
</a>
</span>
</span>
<?php
$category = get_the_category();
if ($category) {
echo '<a href="' . get_category_link( $category[0]->term_id ) . '" class="tiptipBlog" title="' . sprintf( __( "View all posts in %s", "anthemes" ), $category[0]->name ) . '" rel="tag" ' . '>' . $category[0]->name.'</a> ';}
?>
</div>
</div>

<!--
<div class="article-category"><i></i> <?php $category = get_the_category(); if ($category)
{ echo '<a href="' . get_category_link( $category[0]->term_id ) . '" class="tiptipBlog" title="' . sprintf( __( "View all posts in %s", "anthemes" ), $category[0]->name ) . '" rel="tag" ' . '>' . $category[0]->name.'</a> ';} ?>
</div><div class="arrow-down-cat"></div><!-- end .article-category -->
</div>
-->
<!-- <div class="arrow-down-cat"></div> --><!-- end .article-category -->
<?php } else { ?>
<div class="post-date date updated">
<span class="month"><?php the_time('M', '', '', true); ?></span>
Expand All @@ -87,15 +116,28 @@
<h2 class="article-title entry-title">
<a href="<?php the_permalink(); ?>" rel="bookmark"><?php the_title(); ?></a>
</h2>
<p class="article-summary entry-summary"><?php echo anthemes_excerpt(strip_tags(strip_shortcodes(get_the_excerpt())), 105); ?></p>
<div class="entry-footer">
<p class="entry-comment-count">
Comments: (<?php comments_number( '0', '1', '%' ); ?>)
</p>
<p class="entry-read-more">
<a href="<?php the_permalink(); ?>" title="Read the whole article.">Read More...</a>
</p>
<div class="entry-empty-box">&nbsp;</div>
</div>


<?php if(function_exists('taqyeem_get_score')) { ?>
<?php taqyeem_get_score(); ?>
<?php } ?>
<!--
<span><?php _e('written by', 'anthemes'); ?>
<span class="vcard author p-author h-card">
<span class="fn"><?php the_author_posts_link(); ?></span>
</span>
</span>
-->
</div><!-- end .an-content -->

</li>
Expand Down

0 comments on commit 9d4a1c6

Please sign in to comment.