WordPress.org
Get WordPress

Make WordPress Core

Changeset 25999


Ignore:
Timestamp:
11/02/2013 04:35:35 AM (13 years ago)
Author:
lancewillett
Message:

Twenty Fourteen: revamp the RTL stylesheet and related cleanup. Props iamtakashi, see #25801.

Location:
trunk/src/wp-content/themes/twentyfourteen
Files:
5 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-content/themes/twentyfourteen/functions.php

    r25980 r25999  
    242242        wp_enqueue_script( 'twentyfourteen-slider', get_template_directory_uri() . '/js/slider.js', array( 'jquery' ), '20131028', true );
    243243
    244     wp_enqueue_script( 'twentyfourteen-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '20131011', true );
     244    wp_enqueue_script( 'twentyfourteen-script', get_template_directory_uri() . '/js/functions.js', array( 'jquery' ), '20131102', true );
    245245}
    246246add_action( 'wp_enqueue_scripts', 'twentyfourteen_scripts' );

  • trunk/src/wp-content/themes/twentyfourteen/inc/customizer.php

    r25998 r25999  
    152152        .search-toggle,
    153153        .hentry .mejs-controls .mejs-time-rail .mejs-time-current,
     154        .widget button,
     155        .widget input[type="button"],
     156        .widget input[type="reset"],
     157        .widget input[type="submit"],
    154158        .widget_calendar tbody a,
    155159        .slider-control-paging a:hover:before,
    … …  
    229233        .entry-meta a:hover,
    230234        .cat-links a:hover,
     235        .entry-content .edit-link a:hover,
    231236        .post-navigation a:hover,
    232237        .image-navigation a:hover,
    … …  
    235240        .comment-list .trackback a:hover,
    236241        .comment-metadata a:hover,
     242        .comment-reply-title small a:hover,
    237243        .widget a:hover,
    238244        .widget a:focus,
    … …  
    241247        .content-sidebar .widget a:focus,
    242248        .content-sidebar .widget a:active,
     249        .content-sidebar .widget .widget-title a:hover,
     250        .content-sidebar .widget .widget-title a:focus,
     251        .content-sidebar .widget .widget-title a:active,
    243252        .content-sidebar .widget_twentyfourteen_ephemera .entry-meta a:hover,
    244253        .featured-content a:hover {

  • trunk/src/wp-content/themes/twentyfourteen/js/functions.js

    r25995 r25999  
    7878        }
    7979
    80         // Focus styles for primary menu.
    81         $( '.primary-navigation' ).find( 'a' ).on( 'focus.twentyfourteen blur.twentyfourteen', function() {
     80        // Focus styles for menus.
     81        $( '.primary-navigation, .secondary-navigation' ).find( 'a' ).on( 'focus.twentyfourteen blur.twentyfourteen', function() {
    8282            $( this ).parents().toggleClass( 'focus' );
    8383        } );

  • trunk/src/wp-content/themes/twentyfourteen/rtl.css

    r25971 r25999  
    11/*
    22Theme Name: Twenty Fourteen
     3Description: Adds support for languages written in a Right To Left (RTL) direction.
     4It's easy, just a matter of overwriting all the horizontal positioning attributes
     5of your CSS stylesheet in a separate stylesheet file named rtl.css.
     6
     7See http://codex.wordpress.org/Right_to_Left_Language_Support
    38*/
     9
     10/**
     11 * Table of Contents:
     12 *
     13 * 1.0 - Reset
     14 * 2.0 - Repeatable Patterns
     15 * 4.0 - Header
     16 * 5.0 - Navigations
     17 * 6.0 - Content
     18 *   6.4 - Entry Content
     19 *   6.5 - Galleries
     20 *   6.7 - Post/Paging Navigation
     21 *   6.10 - Contributor Page
     22 *   6.14 - Comments
     23 * 7.0 - Sidebar
     24 *   7.1 - Widgets
     25 *   7.2 - Content Sidebar Widgets
     26 * 9.0 - Featured Content
     27 * 10.0 - Media Queries
     28 * -----------------------------------------------------------------------------
     29 */
     30
     31
     32/**
     33 * 1.0 Reset
     34 * -----------------------------------------------------------------------------
     35 */
    436
    537body {
    … …  
    840}
    941
    10 /* =Reset
    11 ----------------------------------------------- */
    12 
    13 caption, th, td {
    14     text-align: right;
    15 }
    16 
    17 
    18 /* =Global
    19 ----------------------------------------------- */
    20 
    21 /* Text elements */
    22 
    23 ul, ol {
    24     margin: 0 22px 24px 0;
     42a {
     43    display: inline-block;
     44}
     45
     46ul,
     47ol {
     48    margin: 0 20px 24px 0;
    2549}
    2650
    2751li > ul,
    2852li > ol {
    29     margin-right: 20px;
    30     margin-left: auto;
    31 }
    32 
    33 .site-content blockquote.alignright {
    34     margin: 7px 0 7px 24px;
    35 }
    36 
    37 .site-content blockquote.alignleft {
    38     margin: 7px 24px 7px 0;
    39 }
    40 
    41 /* Alignment */
    42 .alignright {
     53    margin: 0 20px 0 0;
     54}
     55
     56caption,
     57th,
     58td {
     59    text-align: right;
     60}
     61
     62
     63/**
     64 * 2.0 Repeatable Patterns
     65 * -----------------------------------------------------------------------------
     66 */
     67
     68.wp-caption-text {
     69    padding-left: 10px;
     70    padding-right: 0;
     71}
     72
     73.screen-reader-text:focus {
     74    right: 5px;
     75    left: auto;
     76}
     77
     78
     79/**
     80 * 4.0 Header
     81 * -----------------------------------------------------------------------------
     82 */
     83
     84.site-title {
    4385    float: right;
    44     margin-left: 24px;
    45     margin-right: auto;
    46 }
    47 
    48 .alignleft {
    49     float: left;
    50     margin-right: 24px;
    51     margin-left: auto;
    52 }
    53 
    54 .screen-reader-text:focus {
    55     left: auto;
    56     right: 5px;
    57 }
    58 
    59 /* =Header
    60 ----------------------------------------------- */
     86}
    6187
    6288.search-toggle {
    … …  
    6692}
    6793
    68 .site-title {
    69     float: right;
    70 }
    71 
    72 .menu-toggle {
    73     left: 0;
    74     right: auto;
    75 }
    76 
    77 .search-toggle {
    78     float: right;
    79     padding: 25px 0 0 10px;
    80 }
    81 
    8294.search-box .search-field {
    8395    float: left;
    84 }
    85 
    86 
    87 /* =Menu
    88 ----------------------------------------------- */
    89 
    90 /* Primary Navigation */
    91 .primary-navigation ul {
    92     padding-right: 0;
    93     padding-left: 0;
    94 }
    95 
    96 .primary-navigation ul ul li {
     96    padding: 1px 6px 2px 2px;
     97}
     98
     99.search-toggle .screen-reader-text {
     100    right: auto;
     101    left: 0;
     102}
     103
     104
     105/**
     106 * 5.0 Navigations
     107 * -----------------------------------------------------------------------------
     108 */
     109
     110.site-navigation ul ul {
     111    margin-right: 20px;
    97112    margin-left: auto;
    98     margin-right: 15px;
    99 }
    100 
    101 .primary-navigation ul ul {
    102     right: -999em;
    103     left: auto;
    104 }
    105 
    106 .primary-navigation ul ul ul {
    107     right: -999em;
    108     left: auto;
    109 }
    110 
    111 
    112 .primary-navigation ul li:hover > ul,
    113 .primary-navigation ul li.focus > ul {
     113}
     114
     115.menu-toggle {
    114116    right: auto;
    115 }
    116 
    117 .primary-navigation ul ul li:hover > ul,
    118 .primary-navigation ul ul li.focus > ul {
    119     left: auto;
    120     right: 100%;
    121 }
    122 
    123 /* Secondary Navigation */
    124 .secondary-navigation ul ul {
    125     margin: 0 20px 0 0;
    126 }
    127 
    128 /* Mobile Navigations */
    129 .mobile-navigation ul ul li {
    130     margin-right: 15px;
    131     margin-left: auto;
    132 }
    133 
    134 
    135 /* =Content
    136 ----------------------------------------------- */
    137 
    138 .entry-content th,
    139 .comment-content th {
    140     border-left: 1px solid rgba(0, 0, 0, 0.1);
    141     border-right: none;
    142 }
    143 
    144 .entry-content td,
    145 .comment-content td {
    146     border-left: 1px solid rgba(0, 0, 0, 0.1);
    147     border-right: none;
    148 }
    149 
    150 .more-link .meta-nav,
    151 ..post-format-archive-link .meta-nav {
    152     right: 0;
    153     left: auto;
    154 }
    155 
    156 .more-link:hover .meta-nav,
    157 ..post-format-archive-link:hover .meta-nav {
    158     right: 5px;
    159     left: auto;
    160 }
    161 
    162 .page-links a,
    163 .page-links > span {
    164     margin-left: 1px;
    165     margin-right: auto;
    166 }
    167 
    168 .page-links > span.page-links-title {
    169     padding-right: 0;
    170     padding-left: 0;
    171 }
     117    left: 0;
     118}
     119
     120
     121/**
     122 * 6.0 Content
     123 * -----------------------------------------------------------------------------
     124 */
     125
     126/**
     127 * 6.3 Entry Meta
     128 * -----------------------------------------------------------------------------
     129 */
    172130
    173131.tag-links a {
    … …  
    176134
    177135.tag-links a:before {
    178     border-left: 10px solid #8c8c8c;
    179     right: -10px;
    180     left: auto;
    181     border-right: none;
     136    border-right: 0;
     137    border-left: 8px solid #767676;
     138    right: -7px;
     139    left: auto;
    182140}
    183141
    … …  
    193151
    194152
    195 /* =Post Formatted posts column
    196 ----------------------------------------------- */
    197 
    198 .widget_twentyfourteen_ephemera .widget-title:before {
    199     margin-left: 10px;
     153/**
     154 * 6.4 Entry Content
     155 * -----------------------------------------------------------------------------
     156 */
     157
     158.page-links a,
     159.page-links > span {
     160    margin: 0 0 2px 1px;
     161}
     162
     163.page-links > .page-links-title {
     164    padding-right: 0;
     165    padding-left: 9px;
     166}
     167
     168.more-link .meta-nav,
     169.post-format-archive-link .meta-nav {
     170    right: 0;
     171    left: auto;
     172}
     173
     174.more-link:hover .meta-nav,
     175.post-format-archive-link:hover .meta-nav {
     176    right: 5px;
     177    left: auto;
     178}
     179
     180
     181/**
     182 * 6.5 Gallery
     183 * -----------------------------------------------------------------------------
     184 */
     185
     186.gallery-item {
     187    float: right;
     188    margin: 0 0 4px 4px;
     189}
     190
     191.gallery-columns-1 .gallery-item:nth-of-type(1n),
     192.gallery-columns-2 .gallery-item:nth-of-type(2n),
     193.gallery-columns-3 .gallery-item:nth-of-type(3n),
     194.gallery-columns-4 .gallery-item:nth-of-type(4n),
     195.gallery-columns-5 .gallery-item:nth-of-type(5n),
     196.gallery-columns-6 .gallery-item:nth-of-type(6n),
     197.gallery-columns-7 .gallery-item:nth-of-type(7n),
     198.gallery-columns-8 .gallery-item:nth-of-type(8n),
     199.gallery-columns-9 .gallery-item:nth-of-type(9n) {
    200200    margin-right: auto;
    201 }
    202 
    203 
    204 /* =Media
    205 ----------------------------------------------- */
    206 
    207 img.alignright,
    208 .wp-caption.alignright,
    209 blockquote.alignright {
    210     margin: 7px 0 7px 24px;
    211 }
    212 
    213 img.alignleft,
    214 .wp-caption.alignleft,
    215 blockquote.alignleft {
    216     margin: 7px 24px 7px 0;
    217 }
    218 
    219 .wp-caption-text {
    220     padding: 0 0 0 10px;
     201    margin-left: 0;
     202}
     203
     204.gallery-caption {
     205    padding: 6px 8px;
     206    right: 0;
     207    left: auto;
    221208    text-align: right;
    222209}
    223210
    224 
    225 /* =Navigation
    226 ----------------------------------------------- */
     211.gallery-caption:before {
     212    right: 0;
     213    left: auto;
     214}
     215
     216
     217/**
     218 * 6.7 Post/Image/Paging Navigation
     219 * -----------------------------------------------------------------------------
     220 */
    227221
    228222.paging-navigation .page-numbers {
    229     margin-left: 5px;
    230223    margin-right: auto;
    231 }
    232 
    233 .post-navigation [rel="prev"],
    234 .post-navigation [rel="next"],
    235 .image-navigation .previous-image,
    236 .image-navigation .next-image {
    237     text-align: right;
    238 }
    239 
    240 .comment-navigation {
    241     padding-right: 10px;
    242     padding-left: 0;
    243 }
    244 
    245 .comment-navigation .nav-previous a {
    246     margin-left: 10px;
    247     margin-right: auto;
    248 }
    249 
    250 
    251 /* =Comments
    252 ----------------------------------------------- */
     224    margin-left: 1px;
     225}
     226
     227
     228/**
     229 * 6.10 Contributor Page
     230 * -----------------------------------------------------------------------------
     231 */
     232
     233.contributor-avatar {
     234    float: right;
     235    margin: 0 0 20px 30px;
     236}
     237
     238.contributor-posts-link:before {
     239    margin: -3px -3px -2px 5px;
     240}
     241
     242
     243/**
     244 * 6.14 Comments
     245 * -----------------------------------------------------------------------------
     246 */
    253247
    254248.comment-author {
    … …  
    262256}
    263257
    264 .comment-metadata,
    265 .comment-content {
     258.comment-content,
     259.comment-list .reply,
     260.comment-metadata {
    266261    padding-right: 36px;
    267262    padding-left: 0;
     263}
     264
     265.comment-edit-link {
     266    margin-right: 10px;
     267    margin-left: auto;
     268}
     269
     270.comment-edit-link:before {
     271    margin: 3px 0 0 2px;
     272}
     273
     274.comment-reply-link:before,
     275.comment-reply-login:before {
     276    margin: 3px 0 0 3px;
    268277}
    269278
    … …  
    278287}
    279288
    280 .comment .comment-respond {
    281     margin-right: 36px;
     289.comment-reply-title small a {
     290    float: left;
     291}
     292
     293.comment-navigation .nav-previous a {
     294    margin-right: auto;
     295    margin-left: 10px;
     296}
     297
     298
     299/**
     300 * 7.0 Sidebars
     301 * -----------------------------------------------------------------------------
     302 */
     303
     304/**
     305 * 7.1 Widgets
     306 * -----------------------------------------------------------------------------
     307 */
     308
     309.widget li > ol,
     310.widget li > ul {
     311    margin-right: 10px;
    282312    margin-left: auto;
    283313}
    284314
    285 .comment-edit-link {
    286     margin-left: 0;
    287     margin-right: 10px;
    288 }
    289 
    290 .comment-edit-link:before {
    291     margin: 3px 0 0 2px;
    292 }
    293 
    294 .comment-reply-link:before,
    295 .comment-reply-login:before {
    296     margin: 3px 0 0 3px;
    297 }
    298 
    299 
    300 /* =Widgets
    301 ----------------------------------------------- */
    302 
    303 .widget li > ul,
    304 .widget li > ol {
    305     margin: 0 10px 0 0;
    306 }
    307 
    308 .widget select,
    309 .widget iframe {
    310     margin-right: 1px;
    311     margin-left: auto;
    312 }
    313 
    314 /* Caledar widget*/
     315.widget input,
     316.widget textarea {
     317    padding: 1px 4px 2px 2px;
     318}
     319
    315320.widget_calendar caption {
    316321    text-align: right;
    317322}
    318323
    319 .widget_calendar#prev {
     324.widget_calendar #prev {
    320325    padding-right: 5px;
    321326    padding-left: 0;
    … …  
    323328
    324329.widget_calendar #next {
    325     border-left: 1px solid rgba(255, 255, 255, 0.2);
     330    padding-right: 0;
    326331    padding-left: 5px;
    327332    text-align: left;
    328     padding-right: 0;
    329     border-right: none;
    330 }
    331 
    332 
    333 /* =Content Sidebar
    334 ----------------------------------------------- */
    335 
    336 .content-sidebar .widget .children,
    337 .content-sidebar .widget .sub-menu {
     333}
     334
     335.widget_twentyfourteen_ephemera .entry-content ul,
     336.widget_twentyfourteen_ephemera .entry-content ol {
     337    margin: 0 20px 18px 0;
     338}
     339
     340.widget_twentyfourteen_ephemera .entry-content li > ul,
     341.widget_twentyfourteen_ephemera .entry-content li > ol {
    338342    margin: 0 20px 0 0;
    339343}
    340344
    341 .content-sidebar .widget .widgets-multi-column-grid li {
    342     padding: 0 0 6px 8px;
    343 }
    344 
    345 
    346 /* =Contributor Page
    347 ----------------------------------------------- */
    348 
    349 .contributor-avatar {
     345
     346/**
     347 * 7.2 Content Sidebar Widgets
     348 * -----------------------------------------------------------------------------
     349 */
     350
     351.content-sidebar .widget li > ol,
     352.content-sidebar .widget li > ul {
     353    margin-right: 18px;
     354    margin-left: auto;
     355}
     356
     357.content-sidebar .widget_twentyfourteen_ephemera .widget-title:before {
     358    margin: -1px 0 0 18px;
     359}
     360
     361
     362/**
     363 * 9.0 Featured Content
     364 * -----------------------------------------------------------------------------
     365 */
     366
     367.featured-content .post-thumbnail img {
     368    right: 0;
     369    left: auto;
     370}
     371
     372.slider-viewport {
     373    direction: ltr;
     374}
     375
     376.slider .featured-content .entry-header {
     377    right: 0;
     378    left: auto;
     379    text-align: right;
     380}
     381
     382.slider-control-paging {
    350383    float: right;
    351     margin: 0 0 20px 30px;
    352 }
    353 
    354 .contributor-posts-link:before {
    355     margin: -3px -3px -2px 5px;
    356 }
    357 
    358 
    359 /* =Media Queries
    360 ----------------------------------------------- */
    361 
    362 /* Mobile list style */
     384}
     385
     386.slider-control-paging li {
     387    float: right;
     388    margin: 2px 0 2px 4px;
     389}
     390
     391.slider-control-paging li:last-child {
     392    margin-right: auto;
     393    margin-left: 0;
     394}
     395
     396.slider-control-paging a:before {
     397    right: 10px;
     398    left: auto;
     399}
     400
     401.slider-direction-nav li {
     402    border-width: 2px 0 0 1px;
     403    float: right;
     404}
     405
     406.slider-direction-nav li:last-child {
     407    border-width: 2px 1px 0 0;
     408}
     409
     410.slider-direction-nav a:before {
     411    content: "\f429";
     412}
     413
     414.slider-direction-nav .slider-next:before {
     415    content: "\f430";
     416}
     417
     418
     419/**
     420 * 10.0 Media Queries
     421 * -----------------------------------------------------------------------------
     422 */
     423
    363424@media screen and (max-width: 400px) {
    364     .list-view .post-thumbnail img {
     425    .list-view .site-content .post-thumbnail img {
    365426        float: right;
    366427        margin: 0 0 3px 10px;
    … …  
    368429}
    369430
    370 @media screen and (min-width: 400px) {
    371     .content-area .featured-post:before,
    372     .content-area .post-format a:before,
    373     .content-area .entry-date a:before,
    374     .content-area .entry-date a:before,
    375     .content-area .byline a:before,
    376     .content-area .comments-link a:before,
    377     .entry-comment .edit-link a:before,
    378     .content-area .full-size-link a:before,
    379     .content-area .parent-post-link a:before {
    380         margin: 0 0 0 2px;
    381     }
    382 
    383     .content-area .entry-meta > span {
     431@media screen and (min-width: 401px) {
     432    .site-content .entry-meta > span {
     433        margin-right: auto;
    384434        margin-left: 10px;
     435    }
     436
     437    .site-content .format-video .post-format a:before {
     438        margin: -1px 0 0 2px;
     439    }
     440
     441    .site-content .format-image .post-format a:before {
     442        margin: -1px 0 0 3px;
     443    }
     444
     445    .site-content .format-quote .post-format a:before {
     446        margin: -1px 0 0 3px;
     447    }
     448
     449    .site-content .format-gallery .post-format a:before {
     450        margin: -1px 0 0 4px;
     451    }
     452
     453    .site-content .format-aside .post-format a:before {
     454        margin: -1px 0 0 3px;
     455    }
     456
     457    .site-content .format-link .post-format a:before {
     458        margin: -1px 0 0 3px;
     459    }
     460
     461    .site-content .featured-post:before {
     462        margin: 0 0 0 3px;
     463    }
     464
     465    .site-content .entry-date a:before,
     466    .attachment .site-content span.entry-date:before {
     467        margin: 0 0 0 1px;
     468    }
     469
     470    .site-content .comments-link a:before {
     471        margin: -1px 0 0 2px;
     472    }
     473
     474    .entry-content .edit-link a:before,
     475    .entry-meta .edit-link a:before {
     476        margin: -1px 0 0 2px;
     477    }
     478
     479    .site-content .full-size-link a:before {
     480        margin: -1px 0 0 2px;
     481    }
     482
     483    .site-content .parent-post-link a:before {
     484        margin: -1px 0 0 2px;
     485    }
     486}
     487
     488@media screen and (min-width: 642px) {
     489    .site-content .entry-header {
     490        padding-right: 30px;
     491        padding-left: 30px;
     492    }
     493}
     494
     495@media screen and (min-width: 673px) {
     496    .search-toggle {
    385497        margin-right: auto;
    386     }
    387 
    388     .content-area .format-video .post-format a:before {
    389         margin: -1px 0 0 2px;
    390     }
    391 
    392     .content-area .format-image .post-format a:before {
    393         margin: -1px 0 0 2px;
    394     }
    395 
    396     .content-area .format-gallery .post-format a:before {
    397         margin: -1px 0 0 4px;
    398     }
    399 
    400     .content-area .featured-post:before {
    401         margin: -1px 0 0 3px;
    402     }
    403 
    404     .content-area .entry-date a:before,
    405     .attachment span.entry-date:before {
    406         margin: 0 0 0 1px;
    407     }
    408 
    409     .content-area .comments-link a:before {
    410         margin: -1px 0 0 2px;
    411     }
    412 
    413     .entry-comment .edit-link a:before {
    414         margin: -1px 0 0 2px;
    415     }
    416 
    417     .page .entry-comment .edit-link a:before {
    418         margin: 5px 0 0 2px;
    419     }
    420 }
    421 
    422 @media screen and (min-width: 672px) {
     498        margin-left: 18px;
     499    }
     500
    423501    .content-area {
    424502        float: right;
    … …  
    426504
    427505    .site-content {
    428         margin: 0 0 0 33.33333333%;
     506        margin-right: auto;
     507        margin-left: 33.33333333%;
     508    }
     509
     510    .archive-header,
     511    .comments-area,
     512    .image-navigation,
     513    .page-header,
     514    .page-content,
     515    .post-navigation,
     516    .site-content .entry-content,
     517    .site-content .entry-summary,
     518    .site-content footer.entry-meta {
     519        padding-right: 30px;
     520        padding-left: 30px;
     521    }
     522
     523    .full-width .site-content {
     524        margin-left: 0;
    429525    }
    430526
    431527    .content-sidebar {
    432528        float: left;
    433         margin: 0 -30.35714285% 0 0;
    434         padding: 36px 0 24px 10px;
    435     }
    436 
    437     .ephemera {
     529        margin-right: -33.33333333%;
     530        margin-left: auto;
     531    }
     532
     533    .grid .featured-content .hentry {
     534        float: right;
     535    }
     536
     537    .slider-control-paging {
     538        padding-right: 20px;
     539        padding-left: 0;
     540    }
     541
     542    .slider-direction-nav {
    438543        float: left;
    439         margin: 0 -30.35714285% 0 0;
    440         padding: 36px 0 0 10px;
    441     }
    442 
    443     .featured-content .hentry {
    444         float: right;
    445     }
    446 }
    447 
    448 @media screen and (min-width: 740px) {
    449     .comment-author {
    450         padding-right: 60px;
    451         padding-left: 0;
    452     }
    453 
    454     .comment-metadata,
    455     .comment-content {
    456         padding-right: 60px;
    457         padding-left: 0;
    458     }
    459 
    460     .comments-title,
    461     .no-comments,
    462     .comment-respond,
    463     .comments-area article,
    464     .comment-list .trackback,
    465     .comment-list .pingback,
    466     .post-navigation [rel="prev"],
    467     .post-navigation [rel="next"] {
    468         padding-left: 9.12778904%;
    469         padding-right: 9.12778904%;
    470     }
    471 
    472     .comment-navigation {
    473         padding-right: 9.12778904%;
    474         padding-left: 0;
    475     }
    476 
    477     .image-navigation .previous-image,
    478     .image-navigation .next-image,
    479     .full-width .comment-navigation,
    480     .full-width .comments-title,
    481     .full-width .comment-respond,
    482     .full-width .comments-area article,
    483     .full-width .comment-list .trackback,
    484     .full-width .comment-list .pingback {
    485         padding-left: 6.04307432%;
    486         padding-right: 6.04307432%;
     544    }
     545
     546    .slider-direction-nav li {
     547        padding: 0 0 0 1px;
     548    }
     549
     550    .slider-direction-nav li:last-child {
     551        padding: 0 1px 0 0;
    487552    }
    488553}
    … …  
    490555@media screen and (min-width: 782px) {
    491556    .header-main {
    492         padding: 0 27px 0 0;
     557        padding-right: 30px;
     558        padding-left: 0;
    493559    }
    494560
    495561    .search-toggle {
     562        margin-right: auto;
    496563        margin-left: 0;
    497564    }
     565
     566    .primary-navigation {
     567        float: left;
     568        margin: 0 -10px 0 1px;
     569    }
     570
     571    .primary-navigation ul ul {
     572        float: right;
     573        margin: 0;
     574        right: -999em;
     575        left: auto;
     576    }
     577
     578    .primary-navigation ul ul ul {
     579        right: -999em;
     580        left: auto;
     581    }
     582
     583    .primary-navigation ul li:hover > ul,
     584    .primary-navigation ul li.focus > ul {
     585        right: auto;
     586        left: auto;
     587    }
     588
     589    .primary-navigation ul ul li:hover > ul,
     590    .primary-navigation ul ul li.focus > ul {
     591        right: 100%;
     592        left: auto;
     593    }
     594}
     595
     596@media screen and (min-width: 810px) {
     597    .attachment .entry-attachment .attachment {
     598        margin-right: -168px;
     599        margin-left: -168px;
     600    }
     601
     602    .attachment .entry-attachment .attachment a {
     603        display: block;
     604    }
     605
     606    .contributor-avatar {
     607        margin-right: -168px;
     608        margin-left: auto;
     609    }
     610
     611    .contributor-summary {
     612        float: right;
     613    }
     614
     615    .full-width .site-content blockquote.alignright,
     616    .full-width .site-content img.size-full.alignright,
     617    .full-width .site-content img.size-large.alignright,
     618    .full-width .site-content img.size-medium.alignright,
     619    .full-width .site-content .wp-caption.alignright {
     620        margin-right: -168px;
     621        margin-left: auto;
     622    }
     623
     624    .full-width .site-content blockquote.alignleft,
     625    .full-width .site-content img.size-full.alignleft,
     626    .full-width .site-content img.size-large.alignleft,
     627    .full-width .site-content img.size-medium.alignleft,
     628    .full-width .site-content .wp-caption.alignleft {
     629        margin-right: auto;
     630        margin-left: -168px;
     631    }
    498632}
    499633
    500634@media screen and (min-width: 870px) {
    501     .content-area .entry-header {
    502         margin-left: 8.03571428%;
    503         margin-right: 12.5%;
    504     }
    505 
    506     .content-area .entry-content,
    507     .content-area .entry-summary {
    508         margin-left: 8.03571428%;
    509         margin-right: 12.5%;
    510     }
    511 
    512     .content-area footer.entry-meta {
    513         margin: 12px 12.5% 24px 8.03571428%;
    514     }
    515 
    516     .page .content-area .entry-header,
    517     .error404 .content-area .entry-header {
    518         margin: 0 12.5% 0 8.03571428%;
    519     }
    520 
    521     .archive-header,
    522     .page-header {
    523         margin: 0 12.5% 24px 8.03571428%;
    524     }
    525 
    526     .comments-title,
    527     .no-comments,
    528     .comment-respond,
    529     .comments-area article,
    530     .comment-list .trackback,
    531     .comment-list .pingback,
    532     .post-navigation [rel="prev"],
    533     .post-navigation [rel="next"] {
    534         padding-left: 12.39493534%;
    535         padding-right: 17.06896551%;
    536     }
    537 
    538     .comment-respond {
    539         padding-left: 13.8900862%;
    540     }
    541 
    542     .comment-list,
    543     .full-width .comment-list {
    544         margin-right: -70px;
     635    .comment-author,
     636    .comment-content,
     637    .comment-list .reply,
     638    .comment-metadata {
     639        padding-right: 55px;
     640        padding-left: 0;
     641    }
     642
     643    .comment-list .children {
     644        margin-right: 35px;
    545645        margin-left: auto;
    546646    }
    547 
    548     .comment-navigation {
    549         padding-right: 17.06896551%;
     647}
     648
     649@media screen and (min-width: 1008px) {
     650    .search-box-wrapper {
     651        padding-right: 182px;
    550652        padding-left: 0;
    551653    }
    552654
     655    .main-content {
     656        float: right;
     657    }
     658
     659    .site-content {
     660        margin-right: 182px;
     661        margin-left: 29.04761904%;
     662    }
     663
     664    .full-width .site-content {
     665        margin-right: 182px;
     666    }
     667
    553668    .content-sidebar {
    554         padding-top: 72px;
    555     }
    556 
    557     .image-navigation .previous-image,
    558     .image-navigation .next-image,
    559     .full-width .comment-navigation,
    560     .full-width .comments-title,
    561     .full-width .comment-respond,
    562     .full-width .comments-area article,
    563     .full-width .comment-list .trackback,
    564     .full-width .comment-list .pingback {
    565         padding-left: 11.30926724%;
    566         padding-right: 11.30926724%;
    567     }
    568 
    569     .site-content blockquote.alignright {
    570         margin-right: -20%;
     669        margin-right: -29.04761904%;
    571670        margin-left: auto;
    572671    }
    573672
    574     .site-content blockquote.alignleft {
    575         margin-left: -20%;
    576         margin-right: auto;
    577     }
    578 
    579     .content-area .no-results .entry-header {
    580         margin-right: 12.5%;
    581         margin-left: 8.03571428%;
    582     }
    583 
    584     .content-area .no-results .entry-content {
    585         margin-right: 12.5%;
    586         margin-left: 8.03571428%;
    587     }
    588 }
    589 
    590 @media screen and (min-width: 1008px) {
    591673    .site:before {
    592674        right: 0;
    593675        left: auto;
    594     }
    595 
    596     .header-main {
    597         padding-right: 27px;
    598         padding-left: 0;
    599     }
    600 
    601     .search-box-wrapper {
    602         padding-right: 222px;
    603         padding-left: 0;
    604     }
    605 
    606     .site-content {
    607         margin: 0 222px 0 27.31707317%;
    608676    }
    609677
    … …  
    613681    }
    614682
    615     .front-page-content-wrapper {
     683    .secondary-navigation ul ul {
     684        right: -999em;
     685        left: auto;
     686    }
     687
     688    .secondary-navigation ul li:hover > ul,
     689    .secondary-navigation ul li.focus > ul {
     690        right: 162px;
     691        left: auto;
     692    }
     693
     694    .footer-sidebar .widget {
    616695        float: right;
    617696    }
    618697
     698    .featured-content {
     699        padding-right: 182px;
     700        padding-left: 0;
     701    }
     702}
     703
     704@media screen and (min-width: 1040px) {
     705    .archive-header,
     706    .comments-area,
     707    .image-navigation,
     708    .page-header,
     709    .page-content,
     710    .post-navigation,
     711    .site-content .entry-header,
     712    .site-content .entry-content,
     713    .site-content .entry-summary,
     714    .site-content footer.entry-meta {
     715        padding-right: 15px;
     716        padding-left: 15px;
     717    }
     718
     719    .full-width .archive-header,
     720    .full-width .comments-area,
     721    .full-width .image-navigation,
     722    .full-width .page-header,
     723    .full-width .page-content,
     724    .full-width .post-navigation,
     725    .full-width .site-content .entry-header,
     726    .full-width .site-content .entry-content,
     727    .full-width .site-content .entry-summary,
     728    .full-width .site-content footer.entry-meta {
     729        padding-right: 30px;
     730        padding-left: 30px;
     731    }
     732}
     733
     734@media screen and (min-width: 1080px) {
    619735    .site-content {
    620         margin: 0 222px 0 27.31707317%;
    621     }
    622 
    623     .content-sidebar,
    624     .ephemera {
    625         margin: 0 -27.31707317% 0 0;
    626     }
    627 
     736        margin-right: 222px;
     737        margin-left: 29.04761904%;
     738    }
     739
     740    .full-width .site-content {
     741        margin-right: 222px;
     742    }
     743
     744    .search-box-wrapper,
    628745    .featured-content {
    629746        padding-right: 222px;
    … …  
    631748    }
    632749
    633     .site-footer {
    634         padding-right: 27px;
     750    .secondary-navigation ul li:hover > ul,
     751    .secondary-navigation ul li.focus > ul {
     752        right: 202px;
     753        left: auto;
     754    }
     755
     756    .slider-control-paging {
     757        padding-right: 24px;
    635758        padding-left: 0;
    636759    }
    637760
    638     .secondary-navigation ul ul {
    639         right: 168px;
    640         left: auto;
    641     }
    642 
    643     .full-width.site-content {
    644         margin-right: 222px;
     761    .slider-control-paging li {
     762        margin: 12px 0 12px 12px;
     763    }
     764
     765    .slider-control-paging a:before {
     766        right: 6px;
     767        left: auto;
     768    }
     769}
     770
     771@media screen and (min-width: 1110px) {
     772    .archive-header,
     773    .comments-area,
     774    .image-navigation,
     775    .page-header,
     776    .page-content,
     777    .post-navigation,
     778    .site-content .entry-header,
     779    .site-content .entry-content,
     780    .site-content .entry-summary,
     781    .site-content footer.entry-meta {
     782        padding-right: 30px;
     783        padding-left: 30px;
     784    }
     785}
     786
     787@media screen and (min-width: 1218px) {
     788    .archive-header,
     789    .comments-area,
     790    .image-navigation,
     791    .page-header,
     792    .page-content,
     793    .post-navigation,
     794    .site-content .entry-header,
     795    .site-content .entry-content,
     796    .site-content .entry-summary,
     797    .site-content footer.entry-meta {
     798        margin-left: 54px;
     799    }
     800
     801    .full-width .archive-header,
     802    .full-width .comments-area,
     803    .full-width .image-navigation,
     804    .full-width .page-header,
     805    .full-width .page-content,
     806    .full-width .post-navigation,
     807    .full-width .site-content .entry-header,
     808    .full-width .site-content .entry-content,
     809    .full-width .site-content .entry-summary,
     810    .full-width .site-content footer.entry-meta {
     811        margin-right: auto;
    645812        margin-left: auto;
    646813    }
    647814
    648     .comments-title,
    649     .no-comments,
    650     .comment-respond,
    651     .comments-area article,
    652     .comment-list .trackback,
    653     .comment-list .pingback,
    654     .post-navigation [rel="prev"],
    655     .post-navigation [rel="next"] {
    656         padding-left: 9.87001616%;
    657         padding-right: 9.19765166%;
    658     }
    659 
    660     .comment-list,
    661     .full-width .comment-list {
    662         margin-right: 0;
     815    .comment-author .avatar {
     816        right: -55px;
     817        left: auto;
     818    }
     819
     820    .comment-author,
     821    .comment-content,
     822    .comment-list .reply,
     823    .comment-metadata {
     824        padding-right: 0;
     825        padding-left: 0;
     826    }
     827}
     828
     829@media screen and (min-width: 1260px) {
     830    .site-content blockquote.alignright {
     831        margin-right: -18%;
    663832        margin-left: auto;
    664833    }
    665834
    666     .comment-navigation {
    667         padding-right: 9.19765166%;
    668         padding-left: 0;
    669     }
    670 
    671     .image-navigation .previous-image,
    672     .image-navigation .next-image,
    673     .full-width .comment-navigation,
    674     .full-width .comments-title,
    675     .full-width .comment-respond,
    676     .full-width .comments-area article,
    677     .full-width .comment-list .trackback,
    678     .full-width .comment-list .pingback {
    679         padding-left: 5.882236%;
    680         padding-right: 5.882236%;
    681     }
    682 
    683     .site-content blockquote.alignright {
    684         margin-right: 0;
    685         margin-left: auto;
    686     }
    687 
    688835    .site-content blockquote.alignleft {
    689         margin-left: 0;
     836        margin-left: -18%;
    690837        margin-right: auto;
    691838    }
    692 
    693     .site-footer {
    694         padding-left: 0;
    695         padding-right: 0;
    696     }
    697 
    698     .site-footer .widget-area {
    699         float: right;
    700     }
    701 }
    702 
    703 @media screen and (min-width: 1150px) {
    704     .content-area .entry-header {
    705         margin: -48px 12.5% 0 8.03571428%;
    706     }
    707 
    708     .content-area .entry-content,
    709     .content-area .entry-summary {
    710         margin: 0 12.5% 0 8.03571428%;
    711     }
    712 
    713     .content-area footer.entry-meta {
    714         margin: 12px 12.5% 24px 8.03571428%;
    715     }
    716 
    717     .comments-title,
    718     .no-comments,
    719     .comment-respond,
    720     .comments-area article,
    721     .comment-list .trackback,
    722     .comment-list .pingback,
    723     .post-navigation [rel="prev"],
    724     .post-navigation [rel="next"] {
    725         padding-left: 12.44146986%;
    726         padding-right: 16.77524429%;
    727     }
    728 
    729     .comment-respond {
    730         padding-left: 13.73697916%;
    731     }
    732 
    733     .comment-list,
    734     .full-width .comment-list {
    735         margin-right: -70px;
    736         margin-left: auto;
    737     }
    738 
    739     .comment-navigation {
    740         padding-right: 16.77524429%;
    741         padding-left: 0;
    742     }
    743 
    744     .archive-header,
    745     .page-header {
    746         margin: 0 12.5% 24px 8.03571428%;
    747     }
    748 
    749     .page .content-area .entry-header,
    750     .error404 .content-area .entry-header {
    751         margin: 0 12.5% 0 8.03571428%;
    752     }
    753 
    754     .image-navigation .previous-image,
    755     .image-navigation .next-image,
    756     .full-width .comment-navigation,
    757     .full-width .comments-title,
    758     .full-width .comment-respond,
    759     .full-width .comments-area article,
    760     .full-width .comment-list .trackback,
    761     .full-width .comment-list .pingback {
    762         padding-left: 11.21868265%;
    763         padding-right: 11.21868265%;
    764     }
    765 
    766     .content-area .entry-content .wp-caption.alignright .wp-caption-text {
    767         padding-right: 10px;
    768         padding-left: 0;
    769     }
    770 
    771     .site-content blockquote.alignright {
    772         margin-right: -20%;
    773         margin-left: auto;
    774     }
    775 
    776     .site-content blockquote.alignleft {
    777         margin-left: -20%;
    778         margin-right: auto;
    779     }
    780 }
    781 
    782 @media screen and (min-width: 1230px) {
    783     .content-sidebar,
    784     .ephemera {
    785         padding-left: 0;
    786     }
    787 
    788     .content-area .full-width .entry-header,
    789     .content-area .full-width .entry-content,
    790     .content-area .full-width footer.entry-meta {
    791         margin: 0 11.21868265% 0 0;
    792     }
    793 
    794     .image-navigation .previous-image,
    795     .image-navigation .next-image,
    796     .full-width .comment-navigation,
    797     .full-width .comments-title,
    798     .full-width .comment-respond,
    799     .full-width .comments-area article,
    800     .full-width .comment-list .trackback,
    801     .full-width .comment-list .pingback {
    802         padding-left: 0;
    803     }
    804 }
     839}

  • trunk/src/wp-content/themes/twentyfourteen/style.css

    r25998 r25999  
    2424 * 6.0 - Content
    2525 *   6.1 - Post Thumbnail
    26  *   6.1 - Entry Header
    27  *   6.2 - Entry Meta
    28  *   6.3 - Entry Content
    29  *   6.4 - Galleries
    30  *   6.5 - Post Formats
    31  *   6.6 - Post/Paging Navigation
    32  *   6.7 - Attachments
    33  *   6.8 - Archives
    34  *   6.9 - Contributor Page
    35  *   6.10 - 404 Page
    36  *   6.11 - Full-width
    37  *   6.12 - Singular
    38  *   6.13 - Comments
     26 *   6.2 - Entry Header
     27 *   6.3 - Entry Meta
     28 *   6.4 - Entry Content
     29 *   6.5 - Galleries
     30 *   6.6 - Post Formats
     31 *   6.7 - Post/Paging Navigation
     32 *   6.8 - Attachments
     33 *   6.9 - Archives
     34 *   6.10 - Contributor Page
     35 *   6.11 - 404 Page
     36 *   6.12 - Full-width
     37 *   6.13 - Singular
     38 *   6.14 - Comments
    3939 * 7.0 - Sidebar
    4040 *   7.1 - Widgets
    … …  
    762762.comment-reply-link:before,
    763763.comment-reply-login:before,
     764.comment-reply-title small a:before,
    764765.contributor-posts-link:before,
    765766.menu-toggle:before,
    … …  
    10181019    height: auto;
    10191020    margin: 0;
    1020     min-height: 216px;
     1021    min-height: 192px;
    10211022    position: relative;
    10221023    width: 100%;
    … …  
    11611162}
    11621163
    1163 .tag-links a:hover,
    1164 .tag-links a:focus {
     1164.entry-meta .tag-links a:hover,
     1165.entry-meta .tag-links a:focus {
    11651166    background-color: #2b2b2b;
    11661167    color: #fff;
    … …  
    11981199
    11991200/**
    1200  * 6.3 Entry Content
     1201 * 6.4 Entry Content
    12011202 * -----------------------------------------------------------------------------
    12021203 */
    … …  
    12671268    color: #767676;
    12681269    text-decoration: none;
     1270}
     1271
     1272.entry-content .edit-link a:hover {
     1273    color: #55d737;
    12691274}
    12701275
    … …  
    13721377
    13731378/**
    1374  * 6.4 Gallery
     1379 * 6.5 Gallery
    13751380 * -----------------------------------------------------------------------------
    13761381 */
    … …  
    15001505
    15011506/**
    1502  * 6.5 Post Formats
     1507 * 6.6 Post Formats
    15031508 * -----------------------------------------------------------------------------
    15041509 */
    … …  
    15211526
    15221527/**
    1523  * 6.6 Post/Image/Paging Navigation
     1528 * 6.7 Post/Image/Paging Navigation
    15241529 * -----------------------------------------------------------------------------
    15251530 */
    … …  
    16071612
    16081613/**
    1609  * 6.7 Attachments
     1614 * 6.8 Attachments
    16101615 * -----------------------------------------------------------------------------
    16111616 */
    … …  
    16291634
    16301635/**
    1631  * 6.8 Archives
     1636 * 6.9 Archives
    16321637 * -----------------------------------------------------------------------------
    16331638 */
    … …  
    16561661
    16571662/**
    1658  * 6.9 Contributor Page
     1663 * 6.10 Contributor Page
    16591664 * -----------------------------------------------------------------------------
    16601665 */
    … …  
    17121717
    17131718/**
    1714  * 6.10 404 Page
     1719 * 6.11 404 Page
    17151720 * -----------------------------------------------------------------------------
    17161721 */
    … …  
    17261731
    17271732/**
    1728  * 6.11 Full-width
     1733 * 6.12 Full-width
    17291734 * -----------------------------------------------------------------------------
    17301735 */
    … …  
    17361741
    17371742/**
    1738  * 6.12 Singular
     1743 * 6.13 Singular
    17391744 * -----------------------------------------------------------------------------
    17401745 */
    … …  
    17511756
    17521757/**
    1753  * 6.13 Comments
     1758 * 6.14 Comments
    17541759 * -----------------------------------------------------------------------------
    17551760 */
    … …  
    18971902
    18981903.comment .comment-respond {
    1899     margin-left: 36px;
     1904    margin-top: 24px;
    19001905}
    19011906
    … …  
    19281933    font-size: 12px;
    19291934    line-height: 1.5;
     1935}
     1936
     1937.comment-reply-title small a {
     1938    color: #2b2b2b;
     1939    float: right;
     1940    height: 24px;
     1941    overflow: hidden;
     1942    width: 24px;
     1943}
     1944
     1945.comment-reply-title small a:hover {
     1946    color: #55d737;
     1947}
     1948
     1949.comment-reply-title small a:before {
     1950    content: "\f405";
     1951    font-size: 32px;
     1952    margin-top: -2px;
    19301953}
    19311954
    … …  
    21702193.widget input[type="reset"],
    21712194.widget input[type="submit"] {
     2195    background-color: #24890d;
     2196    font-size: 12px;
    21722197    padding: 5px 15px 4px;
    21732198}
    … …  
    23262351.widget_recent_comments li:first-child,
    23272352.widget_recent_entries li:first-child {
    2328     border-top: none;
     2353    border-top: 0;
    23292354}
    23302355
    … …  
    23372362.widget_recent_comments li li,
    23382363.widget_recent_entries li li {
    2339     border-top: none;
     2364    border-top: 0;
    23402365    padding-bottom: 0;
    23412366}
    … …  
    24542479}
    24552480
    2456 .content-sidebar .widget-title a,
    2457 .content-sidebar .widget-title a:hover,
    2458 .content-sidebar .widget-title a:focus,
    2459 .content-sidebar .widget-title a:active {
     2481.content-sidebar .widget .widget-title a,
     2482.content-sidebar .widget .widget-title a:hover,
     2483.content-sidebar .widget .widget-title a:focus,
     2484.content-sidebar .widget .widget-title a:active {
    24602485    color: #2b2b2b;
    24612486}
    … …  
    29332958    .site-content .featured-post:before {
    29342959        content: "\f308";
    2935         margin: -1px 3px 0 0;
     2960        margin: 0 3px 0 0;
    29362961    }
    29372962
    29382963    .site-content .entry-date a:before,
    2939     .attachment span.entry-date:before {
     2964    .attachment .site-content span.entry-date:before {
    29402965        content: "\f303";
    29412966        margin: 0 1px 0 0;
    … …  
    29582983    }
    29592984
     2985    .entry-content .edit-link a:before {
     2986        margin: 5px 2px 0 0;
     2987    }
     2988
    29602989    .site-content .full-size-link a:before {
    29612990        content: "\f402";
    … …  
    29662995        content: "\f301";
    29672996        margin: -1px 2px 0 0;
    2968     }
    2969 
    2970     .entry-content .edit-link a:before {
    2971         margin: 1px 2px 0 0;
    29722997    }
    29732998
    … …  
    30573082    }
    30583083
     3084    .full-width .site-content .format-standard.post-password-required .entry-header {
     3085        margin-top: 0
     3086    }
     3087
    30593088    .full-width.singular .hentry.format-standard,
    30603089    .full-width.singular .hentry.has-post-thumbnail {
    … …  
    31023131
    31033132    .slider .featured-content .entry-header {
    3104         bottom: 0;
    31053133        min-height: inherit;
    31063134        padding: 24px 30px 48px;
    31073135        position: absolute;
     3136        left: 0;
     3137        bottom: 0;
    31083138        width: 50%;
    31093139        z-index: 3;
    … …  
    32523282    }
    32533283
    3254     .primary-navigation li:hover > a {
     3284    .primary-navigation li:hover > a,
     3285    .primary-navigation li.focus > a {
    32553286        background-color: #24890d;
    32563287        color: #fff;
    … …  
    32583289    }
    32593290
    3260     .primary-navigation ul ul a:hover {
     3291    .primary-navigation ul ul a:hover,
     3292    .primary-navigation ul ul li.focus > a {
    32613293        background-color: #41a62a;
    32623294    }
    … …  
    32713303        left: 100%;
    32723304    }
    3273 
    3274 
    32753305}
    32763306
    … …  
    33503380    .comment-list .reply,
    33513381    .comment-metadata {
    3352         padding-left: 54px;
     3382        padding-left: 55px;
    33533383    }
    33543384
    33553385    .comment-list .children {
    3356         margin-left: 37px;
    3357     }
    3358 
    3359     .comment .comment-respond {
    3360         margin-left: 60px;
     3386        margin-left: 35px;
    33613387    }
    33623388
    … …  
    33853411
    33863412    .site-content {
    3387         margin: 0 29.04761904% 0 182px;
     3413        margin-right: 29.04761904%;
     3414        margin-left: 182px;
    33883415    }
    33893416
    … …  
    34393466    }
    34403467
    3441     .secondary-navigation li {
    3442         position: relative;
    3443     }
    3444 
    34453468    .secondary-navigation  li {
    34463469        border-top: 1px solid rgba(255, 255, 255, 0.2);
    3447     }
    3448 
    3449     .secondary-navigation  li li {
    3450         border-top: none;
     3470        position: relative;
    34513471    }
    34523472
    … …  
    34553475    }
    34563476
    3457     .secondary-navigation li:hover > a {
     3477    .secondary-navigation ul ul {
     3478        background-color: #24890d;
     3479        position: absolute;
     3480        top: 0;
     3481        left: -999em;
     3482        width: 182px;
     3483        z-index: 99999;
     3484    }
     3485
     3486    .secondary-navigation  li li {
     3487        border-top: 0;
     3488    }
     3489
     3490    .secondary-navigation li:hover > a,
     3491    .secondary-navigation li.focus > a {
    34583492        background-color: #24890d;
    34593493        color: #fff;
    34603494    }
    34613495
    3462     .secondary-navigation ul ul {
    3463         background-color: #24890d;
    3464         display: none;
    3465         position: absolute;
    3466         top: 0;
     3496    .secondary-navigation ul ul a:hover,
     3497    .secondary-navigation ul ul li.focus > a {
     3498        background-color: #41a62a;
     3499    }
     3500
     3501    .secondary-navigation ul li:hover > ul,
     3502    .secondary-navigation ul li.focus > ul {
    34673503        left: 162px;
    3468         width: 182px;
    3469         z-index: 9999;
    3470     }
    3471 
    3472     .secondary-navigation ul ul a:hover {
    3473         background-color: #41a62a;
    3474     }
    3475 
    3476     .secondary-navigation ul li:hover > ul {
    3477         display: block;
    34783504    }
    34793505
    … …  
    35973623    .primary-sidebar .widget_recent_comments li,
    35983624    .primary-sidebar .widget_recent_entries li {
    3599         border-top: none;
     3625        border-top: 0;
    36003626        padding: 0;
    36013627    }
    … …  
    36933719    }
    36943720
    3695     .secondary-navigation ul ul {
     3721    .secondary-navigation ul li:hover > ul,
     3722    .secondary-navigation ul li.focus > ul {
    36963723        left: 202px;
    36973724    }
    … …  
    37553782    }
    37563783
     3784    .comment-author .avatar {
     3785        left: -55px;
     3786    }
     3787
     3788    .comment-author,
     3789    .comment-content,
     3790    .comment-list .reply,
     3791    .comment-metadata {
     3792        padding-left: 0;
     3793    }
     3794
    37573795    .full-width .archive-header,
    37583796    .full-width .comments-area,
Note: See TracChangeset for help on using the changeset viewer.