Changeset 21932

Timestamp:

09/20/2012 07:42:19 PM (12 years ago)

Author:

lancewillett

Message:

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

Location:

trunk/wp-content/themes/twentytwelve

Files:

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

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

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

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

@@ -94 +94 @@
 
 /* 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;
 }
 

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

@@ -1028 +1028 @@
 
 /* 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;
 }