WordPress.org
Get WordPress

Make WordPress Core

Changeset 17791


Ignore:
Timestamp:
05/04/2011 12:45:50 AM (12 years ago)
Author:
lancewillett
Message:

Twenty Eleven fixes - see #17198

  • RTL tweaks and fixes
  • Misc style fixes
  • Fix tags output, comment links, and remove trailing spaces from translatable strings
Location:
trunk/wp-content/themes/twentyeleven
Files:
4 added
8 edited

Legend:

Unmodified
Added
Removed

  • trunk/wp-content/themes/twentyeleven/colors/dark.css

    r17772 r17791  
    393393    border-color: #222;
    394394}
     395.rtl .commentlist .children li.comment {
     396    border-color: #222;
     397}
    395398.comment-meta {
    396399    color: #999;
    … …  
    398401.commentlist > li:before {
    399402    content: url(../images/comment-arrow-dark.png);
     403}
     404.rtl .commentlist > li:before {
     405    content: url(../images/comment-arrow-dark-rtl.png);
    400406}
    401407
    … …  
    407413.commentlist > li.bypostauthor:before {
    408414    content: url(../images/comment-arrow-bypostauthor-dark.png);
     415}
     416.rtl .commentlist > li.bypostauthor:before {
     417    content: url(../images/comment-arrow-bypostauthor-dark-rtl.png);
    409418}
    410419
    … …  
    425434    background: #000;
    426435    border: 4px solid #111;
    427     -webkit-box-shadow: inset 0 1px 3px #333;
    428     -moz-box-shadow: inset 0 1px 3px #333;
    429     box-shadow: inset 0 1px 3px #333;
     436    -webkit-box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
     437    -moz-box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
     438    box-shadow: inset 0 1px 3px rgba(51,51,51,0.95);
    430439}
    431440#respond .comment-form-author label,
    … …  
    434443#respond .comment-form-comment label {
    435444    background: #111;
    436     -webkit-box-shadow: 1px 1px 2px #333;
    437     -moz-box-shadow: 1px 1px 2px #333;
    438     box-shadow: 1px 1px 2px #333;
     445    -webkit-box-shadow: 1px 2px 2px rgba(51,51,51,0.8);
     446    -moz-box-shadow: 1px 2px 2px rgba(51,51,51,0.8);
     447    box-shadow: 1px 1px 2px rgba(51,51,51,0.8);
    439448    color: #aaa;
     449}
     450.rtl #respond .comment-form-author label,
     451.rtl #respond .comment-form-email label,
     452.rtl #respond .comment-form-url label,
     453.rtl #respond .comment-form-comment label {
     454    -webkit-box-shadow: -1px 2px 2px rgba(51,51,51,0.8);
     455    -moz-box-shadow: -1px 2px 2px rgba(51,51,51,0.8);
     456    box-shadow: -1px 1px 2px rgba(51,51,51,0.8);
    440457}
    441458#respond .comment-form-author .required,

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

    r17788 r17791  
    44 *
    55 * Learn more: http://codex.wordpress.org/Post_Formats
    6  * 
     6 *
    77 * @package WordPress
    88 * @subpackage Twenty Eleven
    … …  
    6666
    6767    <footer class="entry-meta">
    68         <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in ', 'twentyeleven' ); ?></span><?php the_category( ', ' ); ?></span>
     68        <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in', 'twentyeleven' ); ?></span> <?php the_category( ', ' ); ?></span>
     69        <?php the_tags( '<span class="sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">' . __( 'Tagged', 'twentyeleven' ) . '</span> ', ', ', '</span>' ); ?>
     70
     71        <?php if ( comments_open() ) : ?>
    6972        <span class="sep"> | </span>
    70         <?php the_tags( '<span class="tag-links">' . __( 'Tagged ', 'twentyeleven' ) . '</span>', ', ', '<span class="sep"> | </span>' ); ?>
    71         <span class="comments-link"><?php comments_popup_link( __( 'Leave a reply', 'twentyeleven' ), __( '1 reply', 'twentyeleven' ), __( '% replies', 'twentyeleven' ) ); ?></span>
     73        <span class="comments-link"><?php comments_popup_link( __( '<span class="leave-reply">Leave a reply</span>', 'twentyeleven' ), __( '<b>1</b> Reply', 'twentyeleven' ), __( '<b>%</b> Replies', 'twentyeleven' ) ); ?></span>
     74        <?php endif; ?>
     75
    7276        <?php edit_post_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?>
    7377    </footer><!-- #entry-meta -->

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

    r17788 r17791  
    44 *
    55 * Learn more: http://codex.wordpress.org/Post_Formats
    6  * 
     6 *
    77 * @package WordPress
    88 * @subpackage Twenty Eleven
    … …  
    5151            </div><!-- .entry-meta -->
    5252            <div class="entry-meta">
    53                 <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in ', 'twentyeleven' ); ?></span><?php the_category( ', ' ); ?></span><br />
    54                 <?php the_tags( '<span class="tag-links">' . __( 'Tagged ', 'twentyeleven' ) . '</span>', ', ', '' ); ?><br />
     53                <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in ', 'twentyeleven' ); ?></span><?php the_category( ', ' ); ?></span>
     54                <?php the_tags( '<span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">' . __( 'Tagged', 'twentyeleven' ) . '</span> ', ', ', '</span>' ); ?>
     55                <?php if ( comments_open() ) : ?>
     56                <span class="comments-link"><?php comments_popup_link( __( '<span class="leave-reply">Leave a reply</span>', 'twentyeleven' ), __( '<b>1</b> Reply', 'twentyeleven' ), __( '<b>%</b> Replies', 'twentyeleven' ) ); ?></span>
    5557                <?php endif; ?>
    56 
    5758            </div><!-- .entry-meta -->
     59            <?php endif; ?>
    5860
    5961            <?php edit_post_link( __( 'Edit', 'twentyeleven' ), '<span class="edit-link">', '</span>' ); ?>

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

    r17788 r17791  
    5151        <footer class="entry-meta">
    5252            <?php if ( 'post' == $post->post_type ) : // Hide category and tag text for pages on Search ?>
    53             <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in ', 'twentyeleven' ); ?></span><?php the_category( ', ' ); ?></span>
    54             <?php the_tags( '<span class="sep"> | </span><span class="tag-links">' . __( 'Tagged ', 'twentyeleven' ) . '</span>', ', ', '' ); ?>
     53            <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in', 'twentyeleven' ); ?></span> <?php the_category( ', ' ); ?></span>
     54            <?php the_tags( '<span class="sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">' . __( 'Tagged', 'twentyeleven' ) . '</span> ', ', ', '</span>' ); ?>
    5555            <?php endif; ?>
    5656

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

    r17787 r17791  
    4848        <footer class="entry-meta">
    4949            <?php if ( 'post' == $post->post_type ) : // Hide category and tag text for pages on Search ?>
    50             <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in ', 'twentyeleven' ); ?></span><?php the_category( ', ' ); ?></span>
    51             <?php the_tags( '<span class="sep"> | </span><span class="tag-links">' . __( 'Tagged ', 'twentyeleven' ) . '</span>', ', ', '' ); ?>
     50            <span class="cat-links"><span class="entry-utility-prep entry-utility-prep-cat-links"><?php _e( 'Posted in', 'twentyeleven' ); ?></span> <?php the_category( ', ' ); ?></span>
     51            <?php the_tags( '<span class="sep"> | </span> <span class="tag-links"><span class="entry-utility-prep entry-utility-prep-tag-links">' . __( 'Tagged', 'twentyeleven' ) . '</span> ', ', ', '</span>' ); ?>
    5252            <?php endif; ?>
    5353

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

    r17790 r17791  
    4646    float: right;
    4747    right: 0;
    48     right: auto;
    4948}
    5049#access ul ul ul {
    5150    right: 100%;
    52     right: auto;
    5351}
    5452
    … …  
    5755    left: 7.6%;
    5856    text-align: left;
    59     left: auto;
    6057}
    6158
    … …  
    6360    float: left;
    6461    padding: 4px 28px 4px 10px;
     62    width: 8%;
     63}
     64#branding #s:focus {
     65    width: 26%;
    6566}
    6667
    … …  
    115116.singular .entry-header .entry-meta {
    116117    right: 0;
    117     right: auto;
    118118}
    119119.singular .pull.alignright {
    … …  
    189189article.intro .edit-link a {
    190190    left: 20px;
    191     left: auto;
    192191}
    193192
    … …  
    203202    margin: -10px 0 1.625em -8.9%;
    204203    left: -35px;
    205     left: auto;
    206204    border-right: none;
    207205}
    … …  
    212210    right: -23.8%;
    213211    padding: 4px 85px 4px 26px;
    214     right: auto;
    215212}
    216213
    … …  
    219216    right: 9%;
    220217    margin: 1.625em 0 0 9%;
    221     right: auto;
    222218}
    223219
    … …  
    229225.featured-posts section.featured-post {
    230226    right: 0;
    231     right: auto;
    232227}
    233228#content .feature-slider {
    234229    right: 8.9%;
    235     right: auto;
    236230}
    237231.feature-slider li {
    … …  
    248242    left: 0;
    249243    text-align: left;
    250     left: auto;
    251244}
    252245
    … …  
    261254    margin-left: 5px;
    262255    right: 10px;
    263     right: auto;
    264256    margin-right: auto;
    265257}
    … …  
    280272#nav-single {
    281273    left: 0;
    282     left: auto;
     274    right: auto;
    283275}
    284276#nav-single .nav-next {
    … …  
    309301.commentlist .children li.comment {
    310302    border-right: 1px solid #ddd;
    311     -moz-border-radius: 0 0 3px 3px;
    312     border-radius: 0 0 3px 3px;
     303    -moz-border-radius: 3px 0 0 3px;
     304    border-radius: 3px 0 0 3px;
    313305    border-left: none;
    314306}
    … …  
    319311.commentlist .avatar {
    320312    right: -102px;
    321     right: auto;
    322313}
    323314.commentlist > li:before {
     315    content: url(images/comment-arrow-rtl.png);
    324316    right: -21px;
    325     right: auto;
     317}
     318.commentlist > li.bypostauthor:before {
     319    content: url(images/comment-arrow-bypostauthor-rtl.png);
    326320}
    327321.commentlist .children .avatar {
    328322    right: 2.2em;
    329     right: auto;
    330323}
    331324
    … …  
    336329#respond .comment-form-comment label {
    337330    right: 4px;
    338     right: auto;
    339331}
    340332#respond .comment-form-author .required,
    341333#respond .comment-form-email .required {
    342334    right: 68%;
    343     right: auto;
    344335}
    345336#respond .form-submit {
    … …  
    349340    right: 30px;
    350341    padding: 5px 22px 5px 42px;
    351     right: auto;
    352342}
    353343#respond #cancel-comment-reply-link {
    … …  
    357347#cancel-comment-reply-link {
    358348    left: 1.625em;
    359     left: auto;
    360349}
    361350
    … …  
    396385article.feature-image.small .entry-summary a {
    397386    right: -9%;
    398     right: auto;
    399 }
    400 
    401 
    402 /* =Responsive Structure
    403 ----------------------------------------------- */
    404 
    405 @media (max-width: 800px) {
    406 
    407 /* Three Footer Widget Areas */
    408 #supplementary.three .widget-area {
    409     float: right;
    410     margin-left: 3.7%;
    411     margin-right: auto;
    412 }
    413 #supplementary.three .widget-area + .widget-area + .widget-area {
    414     margin-left: 0;
    415     margin-right: auto;
    416 }
    417 
    418 /* Simplify the showcase template when small feature */
    419     section.featured-post .attachment-small-feature,
    420     .one-column section.featured-post .attachment-small-feature {
    421     float: right;
    422 }
    423 article.feature-image.small {
    424     float: left;
    425 }
    426 article.feature-image.small .entry-summary a {
    427     right: -9%;
    428     right: auto;
    429 }
    430 }
    431 
    432 /* Make sure the logo and search form don't collide */
    433     #branding #searchform {
    434     left: 1px;
    435 }
    436 
    437 @media (max-width: 650px) {
    438 
    439 /* Remove the margin on singular articles */
     387}
     388
    440389
    441390/* =Responsive Structure
    … …  
    465414    article.feature-image.small .entry-summary a {
    466415        right: -9%;
     416    }
     417
     418    /* Make sure the logo and search form don't collide */
     419        #branding #searchform {
     420        left: 1px;
     421    }
     422}
     423
     424@media (max-width: 800px) {
     425
     426    /* Three Footer Widget Areas */
     427    #supplementary.three .widget-area {
     428        float: right;
     429        margin-left: 3.7%;
     430        margin-right: auto;
     431    }
     432    #supplementary.three .widget-area + .widget-area + .widget-area {
     433        margin-left: 0;
     434        margin-right: auto;
     435    }
     436
     437    /* Simplify the showcase template when small feature */
     438        section.featured-post .attachment-small-feature,
     439        .one-column section.featured-post .attachment-small-feature {
     440        float: right;
     441    }
     442    article.feature-image.small {
     443        float: left;
     444    }
     445    article.feature-image.small .entry-summary a {
     446        right: -9%;
    467447        right: auto;
    468448    }
    … …  
    471451    #branding #searchform {
    472452    left: 1px;
    473     left: auto;
    474453    }
    475454}
    … …  
    481460    .commentlist .avatar {
    482461        right: 2.2em;
    483         right: auto;
    484462    }
    485463}
    … …  
    497475    .commentlist .avatar {
    498476        right: 2.2em;
    499         right: auto;
    500477    }
    501478}

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

    r17790 r17791  
    472472    padding-bottom: 10px;
    473473    position: relative;
    474     z-index: 1;
     474    z-index: 2;
    475475}
    476476#site-title {
    … …  
    837837    font-size: 18px;
    838838    font-weight: 300;
    839     line-height: 46px; 
     839    line-height: 48px; 
    840840    overflow: hidden;
    841841    position: absolute;
    … …  
    855855    font-size: 14px;
    856856    font-weight: bold;
     857    position: relative;
    857858    text-transform: lowercase;
     859    top: -1px;
    858860}
    859861/*
    … …  
    10351037    margin-top: -6px;
    10361038    padding: 20px 30px;
     1039    overflow: hidden;
    10371040}
    10381041.format-image div.entry-meta {
    … …  
    10441047    float: none;
    10451048    width: 65%;
     1049}
     1050.format-image .entry-meta span.cat-links,
     1051.format-image .entry-meta span.tag-links,
     1052.format-image .entry-meta span.comments-link {
     1053    display: block;
    10461054}
    10471055.format-image .wp-caption {
    … …  
    14941502    top: -4px;
    14951503    right: 0;
     1504    z-index: 1;
    14961505}
    14971506#nav-single .nav-previous,
    … …  
    17891798    -moz-border-radius: 5px;
    17901799    border-radius: 5px;
    1791     -webkit-box-shadow: inset 0 1px 3px #ccc;
    1792     -moz-box-shadow: inset 0 1px 3px #ccc;
    1793     box-shadow: inset 0 1px 3px #ccc;
     1800    -webkit-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
     1801    -moz-box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
     1802    box-shadow: inset 0 1px 3px rgba(204,204,204,0.95);
    17941803    position: relative;
    17951804    padding: 10px;
    … …  
    18071816#respond .comment-form-comment label {
    18081817    background: #eee;
    1809     -webkit-box-shadow: 1px 1px 2px #ccc;
    1810     -moz-box-shadow: 1px 1px 2px #ccc;
    1811     box-shadow: 1px 1px 2px #ccc;
     1818    -webkit-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
     1819    -moz-box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
     1820    box-shadow: 1px 2px 2px rgba(204,204,204,0.8);
    18121821    color: #555;
    18131822    display: inline-block;
    … …  
    18171826    padding: 4px 10px;
    18181827    position: relative;
    1819     top: 41px;
     1828    top: 40px;
    18201829    z-index: 1;
     1830}
     1831.rtl #respond .comment-form-author label,
     1832.rtl #respond .comment-form-email label,
     1833.rtl #respond .comment-form-url label,
     1834.rtl #respond .comment-form-comment label {
     1835    -webkit-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
     1836    -moz-box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
     1837    box-shadow: -1px 2px 2px rgba(204,204,204,0.8);
    18211838}
    18221839#respond input[type="text"]:focus,
    … …  
    18331850    font-size: 22px;
    18341851    font-weight: bold;
    1835     left: 68%;
     1852    left: 75%;
    18361853    position: absolute;
    1837     top: 52px;
     1854    top: 45px;
    18381855    z-index: 1;
    18391856}
    … …  
    19121929#respond input[type=text] {
    19131930    display: block;
     1931    height: 24px;
    19141932    width: 75%;
    19151933}
Note: See TracChangeset for help on using the changeset viewer.