Twenty Twelve: rework markup and styles for status post format after discussion with drewstrojny and testing for float clearing. Closes #21743.
git-svn-id: http://core.svn.wordpress.org/trunk@21933 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
parent
3854197ba8
commit
6d132acb80
|
@ -9,14 +9,15 @@
|
|||
?>
|
||||
|
||||
<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
|
||||
<div class="entry-header">
|
||||
<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><!-- .entry-header -->
|
||||
|
||||
<div class="entry-content">
|
||||
<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' ) ); ?>
|
||||
</div><!-- .entry-content -->
|
||||
|
||||
|
|
|
@ -93,7 +93,7 @@ article.format-link .entry-content {
|
|||
}
|
||||
|
||||
/* Status posts */
|
||||
.format-status div.avatar img {
|
||||
.format-status .entry-header img {
|
||||
float: right;
|
||||
margin-left: 21px;
|
||||
margin-left: 1.5rem;
|
||||
|
|
|
@ -158,13 +158,16 @@ img {
|
|||
|
||||
/* Clearing floats */
|
||||
.clear:after,
|
||||
.wrapper:after {
|
||||
.wrapper:after,
|
||||
.format-status .entry-header:after {
|
||||
clear: both;
|
||||
}
|
||||
.clear:before,
|
||||
.clear:after,
|
||||
.wrapper:before,
|
||||
.wrapper:after {
|
||||
.wrapper:after,
|
||||
.format-status .entry-header:before,
|
||||
.format-status .entry-header:after {
|
||||
display: table;
|
||||
content: "";
|
||||
}
|
||||
|
@ -1027,34 +1030,34 @@ article.format-quote .entry-content blockquote {
|
|||
}
|
||||
|
||||
/* Status posts */
|
||||
.format-status div.avatar {
|
||||
.format-status .entry-header {
|
||||
margin-bottom: 24px;
|
||||
margin-bottom: 1.714285714rem;
|
||||
}
|
||||
.format-status div.avatar header {
|
||||
.format-status .entry-header header {
|
||||
display: inline-block;
|
||||
}
|
||||
.format-status div.avatar h1 {
|
||||
.format-status .entry-header h1 {
|
||||
font-size: 15px;
|
||||
font-size: 1.071428571rem;
|
||||
font-weight: normal;
|
||||
line-height: 1.6;
|
||||
margin: 0;
|
||||
}
|
||||
.format-status div.avatar h2 {
|
||||
.format-status .entry-header h2 {
|
||||
font-size: 12px;
|
||||
font-size: 0.857142857rem;
|
||||
font-weight: normal;
|
||||
line-height: 2;
|
||||
margin: 0;
|
||||
}
|
||||
.format-status div.avatar a {
|
||||
.format-status .entry-header header a {
|
||||
color: #777;
|
||||
}
|
||||
.format-status div.avatar a:hover {
|
||||
.format-status .entry-header header a:hover {
|
||||
color: #21759b;
|
||||
}
|
||||
.format-status div.avatar img {
|
||||
.format-status .entry-header img {
|
||||
float: left;
|
||||
margin-right: 21px;
|
||||
margin-right: 1.5rem;
|
||||
|
|
Loading…
Reference in New Issue