WordPress.org

Make WordPress Core

Changeset 21933


Ignore:
Timestamp:
09/20/2012 09:51:48 PM (9 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:
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.