WordPress.org
Get WordPress

Make WordPress Core

Changeset 17788


Ignore:
Timestamp:
05/02/2011 09:11:32 PM (15 years ago)
Author:
iandstewart
Message:

Twenty Eleven: Post Format headings and CSS cleanup; See #17198 props matveb

Location:
trunk/wp-content/themes/twentyeleven
Files:
2 added
5 edited

Legend:

Unmodified
Added
Removed

  • trunk/wp-content/themes/twentyeleven/content-aside.php

    r17787 r17788  
    1313        <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    1414                <header class="entry-header">
    15                         <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
     15                        <hgroup>
     16                                <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
     17                                <h2 class="entry-format">Aside</h2>
     18                        </hgroup>
    1619
    1720                        <?php if ( 'post' == $post->post_type ) : ?>

  • trunk/wp-content/themes/twentyeleven/content-gallery.php

    r17787 r17788  
    1313<article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    1414        <header class="entry-header">
    15                 <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
     15                <hgroup>
     16                        <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
     17                        <h2 class="entry-format">Gallery</h2>
     18                </hgroup>
    1619
    1720                <div class="entry-meta">

  • trunk/wp-content/themes/twentyeleven/content-image.php

    r17787 r17788  
    1313        <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    1414                <header class="entry-header">
    15                         <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
     15                        <hgroup>
     16                                <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
     17                                <h2 class="entry-format">Image</h2>
     18                        </hgroup>
    1619
    1720                        <?php if ( comments_open() ) : ?>

  • trunk/wp-content/themes/twentyeleven/content-link.php

    r17787 r17788  
    1313        <article id="post-<?php the_ID(); ?>" <?php post_class(); ?>>
    1414                <header class="entry-header">
    15                         <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
     15                        <hgroup>
     16                                <h1 class="entry-title"><a href="<?php the_permalink(); ?>" title="<?php printf( esc_attr__( 'Permalink to %s', 'twentyeleven' ), the_title_attribute( 'echo=0' ) ); ?>" rel="bookmark"><?php the_title(); ?></a></h1>
     17                                <h2 class="entry-format">Link</h2>
     18                        </hgroup>
    1619
    1720                        <?php if ( 'post' == $post->post_type ) : ?>

  • trunk/wp-content/themes/twentyeleven/style.css

    r17776 r17788  
    4343}
    4444table {/* tables still need 'cellspacing="0"' in the markup */
    45 border-collapse: separate;
    46 border-spacing: 0;
     45        border-collapse: separate;
     46        border-spacing: 0;
    4747}
    4848caption, th, td {
    … …  
    6060        border: 0;
    6161}
    62 header, hgroup, footer, section, article, nav, aside {
     62article, aside, details, figcaption, figure,
     63footer, header, hgroup, menu, nav, section {
    6364        display: block;
    6465}
    … …  
    220221        border: none;
    221222        display: block;
     223        height: auto;
    222224        max-width: 60%;
    223         height: auto;
    224225        position: static;
    225226}
    … …  
    235236        height: 150px;
    236237        overflow: hidden;
     238        padding: 0;
    237239        text-overflow: ellipsis;
    238         padding: 0;
    239240}
    240241.one-column article.feature-image.small .entry-summary a {
    … …  
    294295}
    295296.one-column .commentlist .children .avatar {
    296         position: absolute;
    297297        background: none;
    298298        padding: 0;
     299        position: absolute;
    299300        top: 2.2em;
    300301        left: 2.2em;
    … …  
    445446        color: #1b8be0;
    446447        text-decoration: none;
    447 }
    448 a:visited {
    449448}
    450449a:focus,
    … …  
    577576#branding #searchform {
    578577        position: absolute;
    579         text-align: right;
    580578        top: 4.3em;
    581579        right: 7.6%;
     580        text-align: right;
    582581}
    583582#branding #searchform div {
    … …  
    592591        height: 22px;
    593592        padding: 4px 10px 4px 28px;
    594         width: 26%;
    595593        -webkit-transition-duration: 400ms;
    596594        -webkit-transition-property: width, background;
    … …  
    599597        -moz-transition-property: width, background;
    600598        -moz-transition-timing-function: ease;
     599        width: 26%;
    601600}
    602601#branding #s:focus {
    … …  
    620619}
    621620#branding .with-image #searchform {
     621        top: auto;
    622622        bottom: -27px;
    623         top: auto;
    624623}
    625624
    … …  
    654653}
    655654.blog .sticky .entry-header .entry-meta {
    656         position: absolute !important;
    657655        clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    658656        clip: rect(1px, 1px, 1px, 1px);
     657        position: absolute !important;
    659658}
    660659.entry-title,
    … …  
    669668        line-height: 1.5em;
    670669        padding-bottom: .3em;
     670        padding-top: 15px;
    671671}
    672672.entry-title,
    … …  
    834834        font-size: 18px;
    835835        font-weight: 300;
    836         height: 48px;
    837836        line-height: 46px;     
    838837        overflow: hidden;
    … …  
    843842        right: 0;
    844843        width: 48px;
     844        height: 48px;
    845845}
    846846.entry-header .comments-link a:hover {
    … …  
    854854        text-transform: lowercase;
    855855}
    856 
     856/* Post Formats */
     857.entry-header .entry-format {
     858        color: #666;
     859        font-size: 10px;
     860        font-weight: 500;
     861        letter-spacing: 0.1em;
     862        line-height: 2.6em;
     863        position: absolute;
     864        text-transform: uppercase;
     865        top: -5px;
     866}
     867.entry-header hgroup .entry-title {
     868        padding-top: 15px;
     869}
     870article.format-aside .entry-content,
     871article.format-link .entry-content,
     872article.format-status .entry-content {
     873        padding: 20px 0 0;
     874}
     875.recent-posts .entry-header .entry-format {
     876        display: none;
     877}
     878.recent-posts .entry-header hgroup .entry-title {
     879        padding-top: 0;
     880}
    857881
    858882/* Singular content styles for Posts and Pages */
    … …  
    975999        box-shadow: 0 1px 2px #ccc;
    9761000        float: left;
    977         margin: 4px 10px 1.625em 0;
     1001        margin: 4px 10px 2px 0;
    9781002        padding: 0;
    9791003}
    … …  
    10081032        display: inline-block;
    10091033        float: left;
    1010         width: 40%;
     1034        width: 35%;
    10111035}
    10121036.format-image div.entry-meta + div.entry-meta {
    10131037        float: none;
    1014         width: 60%;
     1038        width: 65%;
    10151039}
    10161040.format-image .wp-caption {
    … …  
    10341058/* =error404
    10351059----------------------------------------------- */
     1060
    10361061.error404 #main #searchform {
    10371062        background: #f9f9f9;
    … …  
    10941119}
    10951120article.intro .edit-link a {
    1096         position: absolute;
    10971121        background: #aaa;
    10981122        -moz-border-radius: 3px;
    10991123        border-radius: 3px;
    11001124        color: #fff;
     1125        font-size: 12px;
    11011126        padding: 0px 8px;
    1102         font-size: 12px;
     1127        position: absolute;
     1128        top: 30px;
    11031129        right: 20px;
    11041130        text-decoration: none;
    1105         top: 30px;
    11061131}
    11071132article.intro .edit-link a:hover {
    … …  
    11231148}
    11241149section.featured-post .entry-meta {
    1125         position: absolute !important;
    11261150        clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
    11271151        clip: rect(1px, 1px, 1px, 1px);
     1152        position: absolute !important;
    11281153}
    11291154
    … …  
    11571182        padding: 4px 26px 4px 85px;
    11581183        position: relative;
     1184        top: 20px;
    11591185        text-decoration: none;
    1160         top: 20px;
    11611186        width: 180px;
    11621187}
    … …  
    12721297        box-shadow: inset 1px 1px 5px rgba(0,0,0,0.5), inset 0 0 2px rgba(255,255,255,0.5);
    12731298        display: block;
     1299        width: 14px;
    12741300        height: 14px;
    1275         width: 14px;
    12761301}
    12771302.feature-slider a.active {
    … …  
    13631388.image-attachment div.attachment img {
    13641389        display: block;
     1390        height: auto;
    13651391        margin: 0 auto 1.625em;
     1392        width: 100%;
    13661393}
    13671394.image-attachment .entry-caption p {
    … …  
    15451572        font-weight: bold;
    15461573        padding: 0;
    1547 }
    1548 .widget_twentyeleven_ephemera .entry-title a {
    1549 }
    1550 .widget_twentyeleven_ephemera .entry-title a:hover {
    15511574}
    15521575.widget_twentyeleven_ephemera .comments-link a {
    … …  
    22392262}
    22402263
     2264
    22412265/* =IE7
    22422266----------------------------------------------- */
    … …  
    22572281        margin-right: 7.6%;
    22582282}
    2259 #ie7 .page-template-showcase-php {
    2260 }
Note: See TracChangeset for help on using the changeset viewer.