golem
/
twentyGOLEM
9
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

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:
Lance Willett 2012-09-20 21:51:48 +00:00
parent 7ecd155173
commit 2d14714b15
3 changed files with 21 additions and 17 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

15
content-status.php
View File

@ -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">&rarr;</span>', 'twentytwelve' ) ); ?>
</div><!-- .entry-content -->

2
rtl.css
View File

@ -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;

21
style.css
View File

@ -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;