Twenty Twelve: update status post format styles and markup, props drewstrojny. See #21743.

git-svn-id: http://core.svn.wordpress.org/trunk@21932 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Lance Willett 2012-09-20 19:42:19 +00:00
parent c88df865e7
commit 7ecd155173
3 changed files with 42 additions and 19 deletions

View File

@ -10,12 +10,17 @@
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
<div class="entry-content">
<div class="avatar"><?php echo get_avatar( get_the_author_meta( 'ID' ), apply_filters( 'twentytwelve_status_avatar', '48' ) ); ?></div>
<div class="avatar">
<header>
<h1><?php the_author(); ?></h1>
<h2><a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php echo get_the_date(); ?></a></h2>
</header>
<?php echo get_avatar( get_the_author_meta( 'ID' ), apply_filters( 'twentytwelve_status_avatar', '48' ) ); ?>
</div>
<?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?>
</div><!-- .entry-content -->
<footer class="entry-meta">
<a href="<?php the_permalink(); ?>" title="<?php echo esc_attr( sprintf( __( 'Permalink to %s', 'twentytwelve' ), the_title_attribute( 'echo=0' ) ) ); ?>" rel="bookmark"><?php echo get_the_date(); ?></a>
<?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>
</footer><!-- .entry-meta -->
</article><!-- #post -->

15
rtl.css
View File

@ -93,16 +93,11 @@ article.format-link .entry-content {
}
/* Status posts */
.format-status .entry-content p {
margin-left: 48px;
margin-left: 3.428571429rem;
margin-right: auto;
}
.format-status div.avatar {
float: left;
margin-left: auto;
margin-right: 14px;
margin-right: 1rem;
.format-status div.avatar img {
float: right;
margin-left: 21px;
margin-left: 1.5rem;
margin-right: 0;
}

View File

@ -1027,14 +1027,37 @@ article.format-quote .entry-content blockquote {
}
/* Status posts */
.format-status .entry-content p {
margin-right: 48px;
margin-right: 3.428571429rem;
}
.format-status div.avatar {
float: right;
margin-left: 14px;
margin-left: 1rem;
margin-bottom: 24px;
margin-bottom: 1.714285714rem;
}
.format-status div.avatar header {
display: inline-block;
}
.format-status div.avatar h1 {
font-size: 15px;
font-size: 1.071428571rem;
font-weight: normal;
line-height: 1.6;
margin: 0;
}
.format-status div.avatar h2 {
font-size: 12px;
font-size: 0.857142857rem;
font-weight: normal;
line-height: 2;
margin: 0;
}
.format-status div.avatar a {
color: #777;
}
.format-status div.avatar a:hover {
color: #21759b;
}
.format-status div.avatar img {
float: left;
margin-right: 21px;
margin-right: 1.5rem;
}