WordPress.org

Make WordPress Core

Changeset 21933


Ignore:
Timestamp:
09/20/12 21:51:48 (19 months 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:
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-content/themes/twentytwelve/content-status.php

    r21932 r21933  
    1010 
    1111    <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>> 
     12        <div class="entry-header"> 
     13            <header> 
     14                <h1><?php the_author(); ?></h1> 
     15                <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> 
     16            </header> 
     17            <?php echo get_avatar( get_the_author_meta( 'ID' ), apply_filters( 'twentytwelve_status_avatar', '48' ) ); ?> 
     18        </div><!-- .entry-header --> 
     19 
    1220        <div class="entry-content"> 
    13             <div class="avatar"> 
    14                 <header> 
    15                     <h1><?php the_author(); ?></h1> 
    16                     <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> 
    17                 </header> 
    18                 <?php echo get_avatar( get_the_author_meta( 'ID' ), apply_filters( 'twentytwelve_status_avatar', '48' ) ); ?> 
    19             </div> 
    2021            <?php the_content( __( 'Continue reading <span class="meta-nav">&rarr;</span>', 'twentytwelve' ) ); ?> 
    2122        </div><!-- .entry-content --> 
  • trunk/wp-content/themes/twentytwelve/rtl.css

    r21932 r21933  
    9494 
    9595/* Status posts */ 
    96 .format-status div.avatar img { 
     96.format-status .entry-header img { 
    9797    float: right; 
    9898    margin-left: 21px; 
  • trunk/wp-content/themes/twentytwelve/style.css

    r21932 r21933  
    159159/* Clearing floats */ 
    160160.clear:after, 
    161 .wrapper:after { 
     161.wrapper:after, 
     162.format-status .entry-header:after { 
    162163    clear: both; 
    163164} 
     
    165166.clear:after, 
    166167.wrapper:before, 
    167 .wrapper:after { 
     168.wrapper:after, 
     169.format-status .entry-header:before, 
     170.format-status .entry-header:after { 
    168171    display: table; 
    169172    content: ""; 
     
    10281031 
    10291032/* Status posts */ 
    1030 .format-status div.avatar { 
     1033.format-status .entry-header { 
    10311034    margin-bottom: 24px; 
    10321035    margin-bottom: 1.714285714rem; 
    10331036} 
    1034 .format-status div.avatar header { 
     1037.format-status .entry-header header { 
    10351038    display: inline-block; 
    10361039} 
    1037 .format-status div.avatar h1 { 
     1040.format-status .entry-header h1 { 
    10381041    font-size: 15px; 
    10391042    font-size: 1.071428571rem; 
     
    10421045    margin: 0; 
    10431046} 
    1044 .format-status div.avatar h2 { 
     1047.format-status .entry-header h2 { 
    10451048    font-size: 12px; 
    10461049    font-size: 0.857142857rem; 
     
    10491052    margin: 0; 
    10501053} 
    1051 .format-status div.avatar a { 
     1054.format-status .entry-header header a { 
    10521055    color: #777; 
    10531056} 
    1054 .format-status div.avatar a:hover { 
     1057.format-status .entry-header header a:hover { 
    10551058    color: #21759b; 
    10561059} 
    1057 .format-status div.avatar img { 
     1060.format-status .entry-header img { 
    10581061    float: left; 
    10591062    margin-right: 21px; 
Note: See TracChangeset for help on using the changeset viewer.