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:
parent
5e9365fc54
commit
3854197ba8
|
@ -10,12 +10,17 @@
|
||||||
|
|
||||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||||
<div class="entry-content">
|
<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">→</span>', 'twentytwelve' ) ); ?>
|
<?php the_content( __( 'Continue reading <span class="meta-nav">→</span>', 'twentytwelve' ) ); ?>
|
||||||
</div><!-- .entry-content -->
|
</div><!-- .entry-content -->
|
||||||
|
|
||||||
<footer class="entry-meta">
|
<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>' ); ?>
|
<?php edit_post_link( __( 'Edit', 'twentytwelve' ), '<span class="edit-link">', '</span>' ); ?>
|
||||||
</footer><!-- .entry-meta -->
|
</footer><!-- .entry-meta -->
|
||||||
</article><!-- #post -->
|
</article><!-- #post -->
|
||||||
|
|
|
@ -93,16 +93,11 @@ article.format-link .entry-content {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Status posts */
|
/* Status posts */
|
||||||
.format-status .entry-content p {
|
.format-status div.avatar img {
|
||||||
margin-left: 48px;
|
float: right;
|
||||||
margin-left: 3.428571429rem;
|
margin-left: 21px;
|
||||||
margin-right: auto;
|
margin-left: 1.5rem;
|
||||||
}
|
margin-right: 0;
|
||||||
.format-status div.avatar {
|
|
||||||
float: left;
|
|
||||||
margin-left: auto;
|
|
||||||
margin-right: 14px;
|
|
||||||
margin-right: 1rem;
|
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
|
@ -1027,14 +1027,37 @@ article.format-quote .entry-content blockquote {
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Status posts */
|
/* Status posts */
|
||||||
.format-status .entry-content p {
|
|
||||||
margin-right: 48px;
|
|
||||||
margin-right: 3.428571429rem;
|
|
||||||
}
|
|
||||||
.format-status div.avatar {
|
.format-status div.avatar {
|
||||||
float: right;
|
margin-bottom: 24px;
|
||||||
margin-left: 14px;
|
margin-bottom: 1.714285714rem;
|
||||||
margin-left: 1rem;
|
}
|
||||||
|
.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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue