Make WordPress Core

Changeset 23648


Ignore:
Timestamp:
03/08/2013 04:10:57 PM (11 years ago)
Author:
lancewillett
Message:

Twenty Thirteen: first pass at print styles, see #23552.

File:
1 edited

Legend:

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

    r23630 r23648  
    26482648 */
    26492649
    2650 /* Retina-specific styles. */
    2651 @media print,
    2652     (-o-min-device-pixel-ratio: 5/4),
    2653     (-webkit-min-device-pixel-ratio: 1.25),
    2654     (min-resolution: 120dpi) {
    2655 
    2656     .site-header .searchform .field {
    2657         background-image: url(images/search-icon-2x.png);
    2658     }
    2659 
    2660     .format-audio .audio-content,
    2661     .format-status .entry-content:before,
    2662     .format-status .entry-meta:before,
    2663     .comment-list > li:after,
    2664     .comment-list .children > li:before {
    2665         background-image: url(images/dotted-line-2x.png);
    2666     }
    2667 }
    2668 
    26692650@media (max-width: 1599px) {
    26702651    .site {
     
    31333114 * ----------------------------------------------------------------------------
    31343115 */
     3116
     3117/* Retina-specific styles. */
     3118@media print,
     3119    (-o-min-device-pixel-ratio: 5/4),
     3120    (-webkit-min-device-pixel-ratio: 1.25),
     3121    (min-resolution: 120dpi) {
     3122
     3123    .site-header .searchform .field {
     3124        background-image: url(images/search-icon-2x.png);
     3125    }
     3126
     3127    .format-audio .audio-content,
     3128    .format-status .entry-content:before,
     3129    .format-status .entry-meta:before,
     3130    .comment-list > li:after,
     3131    .comment-list .children > li:before {
     3132        background-image: url(images/dotted-line-2x.png);
     3133    }
     3134}
     3135
     3136@media print {
     3137    body {
     3138        background: none !important;
     3139        color: #000;
     3140        font-size: 10pt;
     3141    }
     3142
     3143    footer a[rel=bookmark]:link:after,
     3144    footer a[rel=bookmark]:visited:after {
     3145        content: " [" attr(href) "] "; /* Show URLs */
     3146    }
     3147
     3148    .site {
     3149        max-width: 98%;
     3150    }
     3151
     3152    .site-header {
     3153        background-image: none !important;
     3154    }
     3155
     3156    .site-header hgroup {
     3157        min-height: 0;
     3158        max-width: none;
     3159    }
     3160
     3161    .site-title {
     3162        color: #000;
     3163        font-size: 21pt;
     3164    }
     3165
     3166    .site-description {
     3167        font-size: 10pt;
     3168    }
     3169
     3170    .author-avatar,
     3171    .site-footer,
     3172    #respond,
     3173    .comments-area .comment-edit-link,
     3174    .comments-area .reply,
     3175    .comments-link,
     3176    .entry-meta .edit-link,
     3177    .page-links,
     3178    .site-content nav,
     3179    .widget-area,
     3180    .main-navigation,
     3181    .navbar,
     3182    .navbar-fixed .site-title,
     3183    .more-link {
     3184        display: none;
     3185    }
     3186
     3187    .entry-header,
     3188    .entry-content,
     3189    .entry-summary,
     3190    .entry-meta {
     3191        margin: 0;
     3192        width: 100%;
     3193    }
     3194
     3195    .page-title,
     3196    .entry-title {
     3197        font-size: 21pt;
     3198    }
     3199
     3200    .entry-meta,
     3201    .entry-meta a,
     3202    .entry-meta span.tags-links {
     3203        color: #444;
     3204        font-size: 10pt;
     3205    }
     3206
     3207    .entry-content img.alignleft,
     3208    .entry-content .wp-caption.alignleft {
     3209        margin-left: 0;
     3210    }
     3211
     3212    .entry-content img.alignright,
     3213    .entry-content .wp-caption.alignright {
     3214        margin-right: 0;
     3215    }
     3216
     3217    .format-image .entry-content .size-full {
     3218        margin: 0;
     3219    }
     3220
     3221    /* Remove colors from post formats */
     3222    .hentry {
     3223        background-color: #fff;
     3224    }
     3225
     3226    /* Comments */
     3227    .comments-area > li.comment {
     3228        background: none;
     3229        position: relative;
     3230        width: auto;
     3231    }
     3232
     3233    .comment-meta {
     3234        float: none;
     3235    }
     3236
     3237    .comment-author .fn,
     3238    .comment-reply-link {
     3239        color: #333;
     3240    }
     3241}
Note: See TracChangeset for help on using the changeset viewer.