WordPress.org

Make WordPress Core

Changeset 25854


Ignore:
Timestamp:
10/21/2013 04:32:10 PM (8 years ago)
Author:
lancewillett
Message:

Twenty Fourteen: improved responsive styles for featured content and minor layout fixes. Props iamtakashi, see #25592.

File:
1 edited

Legend:

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

    r25804 r25854  
    24522452
    24532453/* Ephemera widget*/
     2454
    24542455.content-sidebar .widget_twentyfourteen_ephemera .widget-title {
    24552456    line-height: 1.2857142857;
     
    25492550    box-sizing:         border-box;
    25502551    float: left;
    2551     padding: 0 27px;
     2552    padding: 0 30px;
    25522553    width: 315px;
    25532554}
     
    26072608.featured-content .entry-wrap {
    26082609    background-color: #000;
    2609     border: 12px solid #000;
     2610    border-color: #000;
     2611    border-style: solid;
     2612    border-width: 12px 10px;
     2613    -webkit-box-sizing: border-box;
     2614    -moz-box-sizing:    border-box;
     2615    box-sizing:         border-box;
     2616    min-height: 96px;
    26102617    overflow: hidden;
    26112618}
     
    29002907    }
    29012908
    2902     .attachment-featured-featured {
    2903         height: 240px;
    2904     }
    2905 
    29062909    .featured-content .hentry {
    29072910        float: left;
     
    29162919        height: 96px;
    29172920    }
     2921
     2922    .attachment-featured-featured {
     2923        height: 186px;
     2924    }
    29182925}
    29192926
     
    29252932    .primary-navigation {
    29262933        display: block;
     2934    }
     2935
     2936    .attachment-featured-featured {
     2937        height: 213px;
    29272938    }
    29282939}
     
    29692980        float: left;
    29702981    }
     2982
     2983    .attachment-featured-featured {
     2984        height: 224px;
     2985    }
    29712986}
    29722987
     
    30193034
    30203035    .attachment-featured-featured {
    3021         height: 192px;
    3022     }
    3023 
    3024     .featured-content .hentry {
    3025         width: 33.3333333%;
    3026     }
    3027 
    3028     .featured-content .hentry:nth-child( 2n+1 ) {
    3029         clear: none;
    3030     }
    3031 
    3032     .featured-content .hentry:nth-child( 3n+1 ) {
    3033         clear: both;
     3036        height: 241px;
    30343037    }
    30353038}
     
    30373040@media screen and (min-width: 1008px) {
    30383041    .header-main {
    3039         padding-left: 27px;
     3042        padding-left: 30px;
    30403043    }
    30413044
     
    30843087        margin: 0 0 0 -100%;
    30853088        min-height: 100vh;
    3086         padding: 0 27px;
    3087         width: 128px;
     3089        width: 122px;
    30883090    }
    30893091
     
    30913093        padding-top: 0;
    30923094    }
     3095
    30933096    .footer-sidebar .widget_archive li,
    30943097    .footer-sidebar .widget_categories li,
     
    31423145        position: absolute;
    31433146        top: -1px;
    3144         left: 128px;
    3145         width: 128px;
     3147        left: 122px;
     3148        width: 122px;
    31463149        z-index: 9999;
    31473150    }
     
    31703173
    31713174    .site-info {
    3172         padding-left: 27px;
     3175        padding: 15px 30px;
    31733176    }
    31743177
     
    31793182    .featured-content {
    31803183        padding-left: 182px;
     3184    }
     3185
     3186    .featured-content .hentry {
     3187        width: 33.3333333%;
     3188    }
     3189
     3190    .featured-content .hentry:nth-child( 2n+1 ) {
     3191        clear: none;
     3192    }
     3193
     3194    .featured-content .hentry:nth-child( 3n+1 ) {
     3195        clear: both;
     3196    }
     3197
     3198    .featured-content .entry-wrap {
     3199        height: 120px;
     3200    }
     3201
     3202    .attachment-featured-featured {
     3203        height: 152px;
    31813204    }
    31823205}
     
    32193242        padding-left: 30px;
    32203243    }
     3244
     3245    .attachment-featured-featured {
     3246        height: 158px;
     3247    }
    32213248}
    32223249
     
    32373264    #secondary,
    32383265    .secondary-navigation ul ul {
    3239         width: 168px;
    3240     }
     3266        width: 162px;
     3267    }
     3268
    32413269    .secondary-navigation ul ul {
    3242         left: 168px;
     3270        left: 162px;
    32433271    }
    32443272}
     
    32583286        padding-left: 30px;
    32593287    }
     3288
     3289    .attachment-featured-featured {
     3290        height: 164px;
     3291    }
    32603292}
    32613293
     
    32863318        margin-right: auto;
    32873319    }
     3320
     3321    .attachment-featured-featured {
     3322        height: 184px;
     3323    }
    32883324}
    32893325
     
    32943330        width:         calc(50% + 18px);
    32953331    }
     3332
    32963333    .site-content blockquote.alignleft {
    32973334        margin-left: -18%;
    32983335    }
     3336
    32993337    .site-content blockquote.alignright {
    33003338        margin-right: -18%;
    33013339    }
    3302 }
     3340
     3341    .attachment-featured-featured {
     3342        height: 192px;
     3343    }
     3344}
Note: See TracChangeset for help on using the changeset viewer.