Changeset 21933

Timestamp:

09/20/2012 09:51:48 PM (12 years ago)

Author:

lancewillett

Message:

Twenty Twelve: rework markup and styles for status post format after discussion with drewstrojny and testing for float clearing. Closes #21743.

Location:

trunk/wp-content/themes/twentytwelve

Files:

• content-status.php (modified) (1 diff)
• rtl.css (modified) (1 diff)
• style.css (modified) (5 diffs)

trunk/wp-content/themes/twentytwelve/content-status.php

@@ -10 +10 @@
 
     <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 -->

trunk/wp-content/themes/twentytwelve/rtl.css

@@ -94 +94 @@
 
 /* Status posts */
-.format-status div.avatar img {
+.format-status .entry-header img {
     float: right;
     margin-left: 21px;

trunk/wp-content/themes/twentytwelve/style.css

@@ -159 +159 @@
 /* Clearing floats */
 .clear:after,
-.wrapper:after {
+.wrapper:after,
+.format-status .entry-header:after {
     clear: both;
 }
@@ -165 +166 @@
 .clear:after,
 .wrapper:before,
-.wrapper:after {
+.wrapper:after,
+.format-status .entry-header:before,
+.format-status .entry-header:after {
     display: table;
     content: "";
@@ -1028 +1031 @@
 
 /* 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;
@@ -1042 +1045 @@
     margin: 0;
 }
-.format-status div.avatar h2 {
+.format-status .entry-header h2 {
     font-size: 12px;
     font-size: 0.857142857rem;
@@ -1049 +1052 @@
     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;