WordPress.org

Make WordPress Core

Changeset 26097


Ignore:
Timestamp:
11/12/2013 04:17:07 AM (6 years ago)
Author:
lancewillett
Message:

Twenty Fourteen: first pass at older Internet Explorer browser support. Props iamtakashi, see #25036.

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

Legend:

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

    r26071 r26097  
    224224    wp_enqueue_style( 'genericons', get_template_directory_uri() . '/fonts/genericons.css', array(), '3.0.2' );
    225225
    226     // Loads our main stylesheet.
     226    // Load our main stylesheet.
    227227    wp_enqueue_style( 'twentyfourteen-style', get_stylesheet_uri() );
     228
     229    // Load the Internet Explorer specific stylesheet.
     230    wp_enqueue_style( 'twentyfourteen-ie', get_template_directory_uri() . '/ie.css', array( 'twentyfourteen-style' ), '20131110' );
     231    wp_style_add_data( 'twentyfourteen-ie', 'conditional', 'lt IE 9' );
    228232
    229233    if ( is_singular() && comments_open() && get_option( 'thread_comments' ) )
  • trunk/src/wp-content/themes/twentyfourteen/header.php

    r25980 r26097  
    1010 */
    1111?><!DOCTYPE html>
     12<!--[if IE 7]>
     13<html class="ie ie7" <?php language_attributes(); ?> class="no-js">
     14<![endif]-->
     15<!--[if IE 8]>
     16<html class="ie ie8" <?php language_attributes(); ?> class="no-js">
     17<![endif]-->
     18<!--[if !(IE 7) | !(IE 8)  ]><!-->
    1219<html <?php language_attributes(); ?> class="no-js">
     20<!--<![endif]-->
    1321<head>
    14 <meta charset="<?php bloginfo( 'charset' ); ?>" />
    15 <meta name="viewport" content="width=device-width" />
    16 <title><?php wp_title( '|', true, 'right' ); ?></title>
    17 <link rel="profile" href="http://gmpg.org/xfn/11" />
    18 <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
    19 <!--[if lt IE 9]>
    20 <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
    21 <![endif]-->
    22 
    23 <?php wp_head(); ?>
     22    <meta charset="<?php bloginfo( 'charset' ); ?>" />
     23    <meta name="viewport" content="width=device-width" />
     24    <title><?php wp_title( '|', true, 'right' ); ?></title>
     25    <link rel="profile" href="http://gmpg.org/xfn/11" />
     26    <link rel="pingback" href="<?php bloginfo( 'pingback_url' ); ?>" />
     27    <!--[if lt IE 9]>
     28    <script src="<?php echo get_template_directory_uri(); ?>/js/html5.js" type="text/javascript"></script>
     29    <![endif]-->
     30    <?php wp_head(); ?>
    2431</head>
    2532
  • trunk/src/wp-content/themes/twentyfourteen/inc/customizer.php

    r26079 r26097  
    264264        .widget a:hover,
    265265        .widget-title a:hover,
     266        .widget_twentyfourteen_ephemera .entry-meta a:hover,
    266267        .content-sidebar .widget a:hover,
    267268        .content-sidebar .widget .widget-title a:hover,
  • trunk/src/wp-content/themes/twentyfourteen/rtl.css

    r26023 r26097  
    142142.tag-links a:hover:before,
    143143.tag-links a:focus:before {
    144     border-left-color: #2b2b2b;
     144    border-left-color: #41a62a;
    145145}
    146146
     
    236236}
    237237
    238 .contributor-posts-link:before {
    239     margin: -3px -3px -2px 5px;
    240 }
    241 
    242238
    243239/**
     
    245241 * -----------------------------------------------------------------------------
    246242 */
    247 
    248 .comment-author {
    249     padding-right: 36px;
    250     padding-left: 0;
    251 }
    252243
    253244.comment-author .avatar {
     
    257248
    258249.bypostauthor > article .fn:before {
    259     margin: 3px -2px 0 2px;
    260 }
    261 
     250    margin: 0 -2px 0 2px;
     251}
     252
     253.comment-author,
    262254.comment-content,
    263255.comment-list .reply,
    264256.comment-metadata {
    265     padding-right: 36px;
     257    padding-right: 30px;
    266258    padding-left: 0;
    267259}
     
    272264}
    273265
    274 .comment-edit-link:before {
    275     margin: 3px 0 0 2px;
    276 }
    277 
    278266.comment-reply-link:before,
    279267.comment-reply-login:before {
    280     margin: 3px 0 0 3px;
     268    margin-left: auto;
     269    margin-right: 2px;
    281270}
    282271
     
    287276
    288277.comment-list .children {
    289     margin-right: 18px;
     278    margin-right: 15px;
    290279    margin-left: auto;
    291280}
     
    439428    }
    440429
    441     .site-content .format-video .post-format a:before {
    442         margin: -1px 0 0 2px;
    443     }
    444 
    445     .site-content .format-audio .post-format a:before {
    446         margin: -1px 0 0 2px;
    447     }
    448 
    449     .site-content .format-image .post-format a:before {
    450         margin: -1px 0 0 3px;
    451     }
    452 
    453430    .site-content .format-quote .post-format a:before {
    454         margin: -1px 0 0 3px;
     431        margin-right: auto;
     432        margin-left: 2px;
    455433    }
    456434
    457435    .site-content .format-gallery .post-format a:before {
    458         margin: -1px 0 0 4px;
     436        margin-right: auto;
     437        margin-left: 4px;
    459438    }
    460439
    461440    .site-content .format-aside .post-format a:before {
    462         margin: -1px 0 0 3px;
    463     }
    464 
    465     .site-content .format-link .post-format a:before {
    466         margin: -1px 0 0 3px;
     441        margin-right: auto;
     442        margin-left: 2px;
    467443    }
    468444
    469445    .site-content .featured-post:before {
    470         margin: 0 0 0 3px;
     446        margin-right: auto;
     447        margin-left: 3px;
    471448    }
    472449
    473450    .site-content .entry-date a:before,
    474451    .attachment .site-content span.entry-date:before {
    475         margin: 0 0 0 1px;
     452        margin-right: auto;
     453        margin-left: 1px;
    476454    }
    477455
    478456    .site-content .comments-link a:before {
    479         margin: -1px 0 0 2px;
    480     }
    481 
    482     .entry-content .edit-link a:before,
    483     .entry-meta .edit-link a:before {
    484         margin: -1px 0 0 2px;
     457        margin-right: auto;
     458        margin-left: 2px;
    485459    }
    486460
    487461    .site-content .full-size-link a:before {
    488         margin: -1px 0 0 2px;
    489     }
    490 
    491     .site-content .parent-post-link a:before {
    492         margin: -1px 0 0 2px;
     462        margin-right: auto;
     463        margin-left: 1px;
    493464    }
    494465}
     
    645616    .comment-list .reply,
    646617    .comment-metadata {
    647         padding-right: 55px;
     618        padding-right: 50px;
    648619        padding-left: 0;
    649620    }
    650621
    651622    .comment-list .children {
    652         margin-right: 35px;
     623        margin-right: 20px;
    653624        margin-left: auto;
    654625    }
     
    820791        margin-left: auto;
    821792    }
    822 
    823     .comment-author .avatar {
    824         right: -55px;
    825         left: auto;
    826     }
    827 
    828     .comment-author,
    829     .comment-content,
    830     .comment-list .reply,
    831     .comment-metadata {
    832         padding-right: 0;
    833         padding-left: 0;
    834     }
    835793}
    836794
  • trunk/src/wp-content/themes/twentyfourteen/style.css

    r26092 r26097  
    364364    margin: 0;
    365365    max-width: 100%;
     366    vertical-align: baseline;
    366367}
    367368
     
    508509    font-size: 12px;
    509510    font-weight: 700;
    510     padding: 11px 30px 10px;
     511    padding: 10px 30px 11px;
    511512    text-transform: uppercase;
    512     vertical-align: top;
     513    vertical-align: bottom;
    513514}
    514515
     
    776777    font: normal 16px/1 Genericons;
    777778    text-decoration: inherit;
    778     vertical-align: top;
     779    vertical-align: text-bottom;
    779780}
    780781
     
    10021003
    10031004.hentry {
    1004     margin-bottom: 48px;
     1005    margin: 0 auto 48px;
    10051006    max-width: 672px;
     1007}
     1008
     1009.entry-header,
     1010.entry-content,
     1011.entry-summary,
     1012.entry-meta,
     1013.page-content {
     1014    width: 100%;
    10061015}
    10071016
     
    10191028}
    10201029
    1021 .hentry > :last-child {
    1022     margin-bottom: 0
    1023 }
    1024 
    10251030
    10261031/**
     
    10951100    font-weight: 400;
    10961101    line-height: 1.3333333333;
     1102    text-transform: uppercase;
    10971103}
    10981104
     
    11341140    background-color: #fff;
    11351141    margin-bottom: 8px;
    1136     text-transform: uppercase;
    11371142}
    11381143
    11391144.site-content footer.entry-meta {
    1140     margin: 24px auto;
     1145    margin: 24px auto 0;
    11411146    padding: 0 10px;
    11421147}
     
    12171222}
    12181223
     1224.entry-content h1:first-child,
     1225.entry-content h2:first-child,
     1226.entry-content h3:first-child,
     1227.entry-content h4:first-child,
     1228.entry-content h5:first-child,
     1229.entry-content h6:first-child,
     1230.entry-summary h1:first-child,
     1231.entry-summary h2:first-child,
     1232.entry-summary h3:first-child,
     1233.entry-summary h4:first-child,
     1234.entry-summary h5:first-child,
     1235.entry-summary h6:first-child,
     1236.page-content h1:first-child,
     1237.page-content h2:first-child,
     1238.page-content h3:first-child,
     1239.page-content h4:first-child,
     1240.page-content h5:first-child,
     1241.page-content h6:first-child {
     1242    margin-top: 0;
     1243}
     1244
    12191245.entry-content a,
    12201246.entry-summary a,
     
    13501376/* More link */
    13511377
    1352 .more-link,
    13531378.post-format-archive-link {
    13541379    font-size: 14px;
     
    15261551}
    15271552
    1528 .post-navigation [rel="prev"],
    1529 .post-navigation [rel="next"],
     1553.post-navigation a,
    15301554.image-navigation .previous-image,
    15311555.image-navigation .next-image {
     
    16651689}
    16661690
    1667 .contributor:nth-of-type(1) {
     1691.contributor:first-of-type {
    16681692    padding-top: 24px;
    16691693}
     
    16981722.contributor-posts-link {
    16991723    display: inline-block;
    1700     line-height: 1;
    1701     padding: 13px 30px 11px;
     1724    line-height: normal;
     1725    padding: 10px 30px;
    17021726}
    17031727
    17041728.contributor-posts-link:before {
    17051729    content: "\f443";
    1706     margin: -3px 5px -2px -3px;
    17071730}
    17081731
     
    18071830.comment-list .pingback,
    18081831.comment-list .trackback {
    1809     border-bottom: 1px solid rgba(0, 0, 0, 0.1);
    1810     margin-top: 24px;
    1811     padding-bottom: 24px;
     1832    border-top: 1px solid rgba(0, 0, 0, 0.1);
     1833    margin-bottom: 24px;
     1834    padding-top: 24px;
     1835}
     1836
     1837.comment-list > li:first-child > article,
     1838.comment-list > li:first-child > .pingback,
     1839.comment-list > li:first-child > .trackback {
     1840    border-top: 0
    18121841}
    18131842
    18141843.comment-author {
    1815     padding-left: 36px;
    18161844    position: relative;
    18171845}
     
    18291857.bypostauthor > article .fn:before {
    18301858    content: "\f408";
    1831     margin: 3px 2px 0 -2px;
     1859    margin: 0 2px 0 -2px;
     1860    position: relative;
     1861    top: -1px;
    18321862}
    18331863
     
    18361866}
    18371867
     1868.comment-author,
    18381869.comment-content,
    18391870.comment-list .reply,
    18401871.comment-metadata {
    1841     padding-left: 36px;
     1872    padding-left: 30px;
    18421873}
    18431874
     
    18481879.comment-edit-link:before {
    18491880    content: "\f411";
    1850     margin: 3px 2px 0 0;
    18511881}
    18521882
     
    18541884.comment-reply-login:before {
    18551885    content: "\f412";
    1856     margin: 3px 3px 0 0;
     1886    margin-right: 2px;
    18571887}
    18581888
     
    18751905}
    18761906
    1877 .comment-content p:last-child {
     1907.comment-content > :last-child {
    18781908    margin-bottom: 0
    18791909}
     
    18811911.comment-list .children {
    18821912    list-style: none;
    1883     margin-left: 18px;
     1913    margin-left: 15px;
    18841914}
    18851915
     
    18981928}
    18991929
    1900 .logged-in-as {
     1930.comment-notes,
     1931.logged-in-as,
     1932.no-comments,
     1933.form-allowed-tags,
     1934.form-allowed-tags code {
    19011935    color: #767676;
    19021936}
    19031937
    19041938.no-comments {
    1905     color: #767676;
    19061939    font-size: 16px;
    19071940    font-weight: 900;
     
    19231956.form-allowed-tags,
    19241957.form-allowed-tags code {
    1925     color: #767676;
    19261958    font-size: 12px;
    19271959    line-height: 1.5;
     
    19431975    content: "\f405";
    19441976    font-size: 32px;
    1945     margin-top: -2px;
    19461977}
    19471978
     
    20132044    box-sizing:         border-box;
    20142045    color: #767676;
    2015     padding: 36px 10px 0;
     2046    padding: 48px 10px 0;
    20162047}
    20172048
     
    20872118}
    20882119
    2089 .widget abbr,
    2090 .widget acronym {
     2120.widget abbr[title] {
    20912121    border-color: rgba(255, 255, 255, 0.7);
    20922122}
     
    20972127}
    20982128
    2099 .widget pre {
    2100     border-color: rgba(255, 255, 255, 0.2);
    2101 }
    2102 
     2129.widget pre,
    21032130.widget fieldset {
    21042131    border-color: rgba(255, 255, 255, 0.2);
     
    21692196.widget textarea {
    21702197    background-color: rgba(255, 255, 255, 0.1);
    2171     border: 1px solid rgba(255, 255, 255, 0.15);
     2198    border-color: rgba(255, 255, 255, 0.15);
    21722199    color: #fff;
    21732200    font-size: 16px;
     
    21772204.widget input:focus,
    21782205.widget textarea:focus {
    2179     border: 1px solid rgba(255, 255, 255, 0.2);
     2206    border-color: rgba(255, 255, 255, 0.2);
    21802207}
    21812208
     
    22062233
    22072234.widget .wp-caption {
    2208     color: rgba(255, 255, 255, 0.45);
     2235    color: rgba(255, 255, 255, 0.7);
    22092236    margin-bottom: 18px;
    22102237}
     
    22842311
    22852312.widget_twentyfourteen_ephemera .hentry {
    2286     margin-bottom: 0;
     2313    margin: 0;
     2314    max-width: 100%;
    22872315}
    22882316
     
    22902318.widget_twentyfourteen_ephemera .entry-meta,
    22912319.widget_twentyfourteen_ephemera .wp-caption-text,
    2292 .widget_twentyfourteen_ephemera .more-link,
    22932320.widget_twentyfourteen_ephemera .post-format-archive-link,
    22942321.widget_twentyfourteen_ephemera .entry-content table {
     
    23002327    display: inline;
    23012328    font-weight: 400;
    2302     text-transform: none;
    23032329}
    23042330
     
    23092335.widget_twentyfourteen_ephemera .entry-meta a {
    23102336    color: rgba(255, 255, 255, 0.7);
     2337}
     2338
     2339.widget_twentyfourteen_ephemera .entry-meta a:hover {
     2340    color: #41a62a;
    23112341}
    23122342
     
    24282458}
    24292459
    2430 .content-sidebar .widget abbr,
    2431 .content-sidebar .widget acronym {
     2460.content-sidebar .widget abbr[title] {
    24322461    border-color: #2b2b2b;
    24332462}
     
    24672496.content-sidebar .widget textarea {
    24682497    background-color: #fff;
    2469     border: 1px solid rgba(0, 0, 0, 0.1);
     2498    border-color: rgba(0, 0, 0, 0.1);
    24702499    color: #2b2b2b;
    24712500}
     
    24732502.content-sidebar .widget input:focus,
    24742503.content-sidebar .widget textarea:focus {
    2475     border: 1px solid rgba(0, 0, 0, 0.3);
     2504    border-color: rgba(0, 0, 0, 0.3);
    24762505}
    24772506
     
    26302659}
    26312660
     2661.site-footer,
     2662.site-info,
     2663.site-info a {
     2664    color: rgba(255, 255, 255, 0.7);
     2665}
     2666
    26322667.site-footer {
    26332668    background-color: #000;
    2634     color: rgba(255, 255, 255, 0.7);
    26352669    font-size: 12px;
    26362670    position: relative;
     
    26432677
    26442678.site-info {
    2645     color: rgba(255, 255, 255, 0.7);
    26462679    padding: 15px 10px;
    26472680}
     
    26492682#supplementary + .site-info {
    26502683    border-top: 1px solid rgba(255, 255, 255, 0.2);
    2651 }
    2652 
    2653 .site-info a {
    2654     color: rgba(255, 255, 255, 0.7);
    26552684}
    26562685
     
    27442773
    27452774.slider .featured-content .hentry {
     2775    -webkit-backface-visibility: hidden;
    27462776    display: none;
    2747     -webkit-backface-visibility: hidden;
    27482777    position: relative;
    27492778}
     
    29733002        font: normal 16px/1 Genericons;
    29743003        text-decoration: inherit;
    2975         vertical-align: top;
     3004        vertical-align: text-bottom;
    29763005    }
    29773006
     
    29823011    .site-content .format-video .post-format a:before {
    29833012        content: "\f104";
    2984         margin: -1px 2px 0 0;
    29853013    }
    29863014
    29873015    .site-content .format-audio .post-format a:before {
    29883016        content: "\f109";
    2989         margin: -1px 2px 0 0;
    29903017    }
    29913018
    29923019    .site-content .format-image .post-format a:before {
    29933020        content: "\f473";
    2994         margin: -1px 3px 0 0;
    29953021    }
    29963022
    29973023    .site-content .format-quote .post-format a:before {
    29983024        content: "\f106";
    2999         margin: -1px 3px 0 0;
     3025        margin-right: 2px;
    30003026    }
    30013027
    30023028    .site-content .format-gallery .post-format a:before {
    30033029        content: "\f103";
    3004         margin: -1px 4px 0 0;
     3030        margin-right: 4px;
    30053031    }
    30063032
    30073033    .site-content .format-aside .post-format a:before {
    30083034        content: "\f101";
    3009         margin: -1px 3px 0 0;
     3035        margin-right: 2px;
    30103036    }
    30113037
    30123038    .site-content .format-link .post-format a:before {
    30133039        content: "\f107";
     3040        position: relative;
     3041        top: 1px;
    30143042    }
    30153043
    30163044    .site-content .featured-post:before {
    30173045        content: "\f308";
    3018         margin: 0 3px 0 0;
     3046        margin-right: 3px;
     3047        position: relative;
     3048        top: 1px;
    30193049    }
    30203050
     
    30223052    .attachment .site-content span.entry-date:before {
    30233053        content: "\f303";
    3024         margin: 0 1px 0 0;
     3054        margin-right: 1px;
     3055        position: relative;
     3056        top: 1px;
    30253057    }
    30263058
    30273059    .site-content .byline a:before {
    30283060        content: "\f304";
    3029         margin: -1px 0 0 0;
    30303061    }
    30313062
    30323063    .site-content .comments-link a:before {
    30333064        content: "\f300";
    3034         margin: -1px 2px 0 0;
     3065        margin-right: 2px;
    30353066    }
    30363067
     
    30383069    .entry-meta .edit-link a:before {
    30393070        content: "\f411";
    3040         margin: -1px 2px 0 0;
    3041     }
    3042 
    3043     .entry-content .edit-link a:before {
    3044         margin: 5px 2px 0 0;
    30453071    }
    30463072
    30473073    .site-content .full-size-link a:before {
    30483074        content: "\f402";
    3049         margin: -1px 2px 0 0;
     3075        margin-right: 1px;
    30503076    }
    30513077
    30523078    .site-content .parent-post-link a:before {
    30533079        content: "\f301";
    3054         margin: -1px 2px 0 0;
    30553080    }
    30563081
    30573082    .list-view .site-content .hentry {
    30583083        border-top: 1px solid rgba(0, 0, 0, 0.1);
    3059         padding-top: 60px;
    3060     }
    3061 
    3062     .list-view .site-content .hentry:first-child,
     3084        padding-top: 48px;
     3085    }
     3086
    30633087    .list-view .site-content .hentry:first-of-type,
    30643088    .list-view .site-content .hentry.has-post-thumbnail {
     
    34183442    .comment-list .pingback,
    34193443    .comment-list article {
    3420         margin-top: 36px;
    3421         padding-bottom: 36px;
     3444        margin-bottom: 36px;
     3445        padding-top: 36px;
    34223446    }
    34233447
     
    34323456    .comment-list .reply,
    34333457    .comment-metadata {
    3434         padding-left: 55px;
     3458        padding-left: 50px;
    34353459    }
    34363460
    34373461    .comment-list .children {
    3438         margin-left: 35px;
     3462        margin-left: 20px;
    34393463    }
    34403464
     
    35523576    .footer-sidebar .widget,
    35533577    .primary-sidebar .widget {
    3554         font-size: 11px;
    3555         line-height: 1.6363636363;
     3578        font-size: 12px;
     3579        line-height: 1.5;
    35563580    }
    35573581
     
    36573681    .footer-sidebar .widget_twentyfourteen_ephemera .entry-meta,
    36583682    .footer-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
     3683    .footer-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
    36593684    .footer-sidebar .widget_twentyfourteen_ephemera .entry-content table,
    36603685    .primary-sidebar .widget_twentyfourteen_ephemera .entry-title,
    36613686    .primary-sidebar .widget_twentyfourteen_ephemera .entry-meta,
    36623687    .primary-sidebar .widget_twentyfourteen_ephemera .wp-caption-text,
     3688    .primary-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
    36633689    .primary-sidebar .widget_twentyfourteen_ephemera .entry-content table {
    3664         font-size: 12px;
    3665         line-height: 1.5;
    3666     }
    3667 
    3668     .footer-sidebar .widget_twentyfourteen_ephemera .more-link,
    3669     .footer-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link,
    3670     .primary-sidebar .widget_twentyfourteen_ephemera .more-link,
    3671     .primary-sidebar .widget_twentyfourteen_ephemera .post-format-archive-link {
    3672         font-size: 10px;
    3673         line-height: 1.8;
     3690        font-size: 11px;
     3691        line-height: 1.6363636363;
    36743692    }
    36753693
     
    38483866    }
    38493867
    3850     .comment-author .avatar {
    3851         left: -55px;
    3852     }
    3853 
    3854     .comment-author,
    3855     .comment-content,
    3856     .comment-list .reply,
    3857     .comment-metadata {
    3858         padding-left: 0;
    3859     }
    3860 
    38613868    .full-width .archive-header,
    38623869    .full-width .comments-area,
Note: See TracChangeset for help on using the changeset viewer.