WordPress.org

Make WordPress Core

Ticket #23551: 23551.2.patch

File 23551.2.patch, 7.3 KB (added by Frank Klein, 16 months ago)
  • wp-content/themes/twentythirteen/functions.php

     
    102102/** 
    103103 * Loads our special font CSS file. 
    104104 * 
    105  * The use of Source Sans Pro and Bitter by default is localized. For languages 
    106  * that use characters not supported by the font, the font can be disabled. 
    107  * 
    108105 * To disable in a child theme, use wp_dequeue_style() 
    109106 * function mytheme_dequeue_fonts() { 
    110107 *     wp_dequeue_style( 'twentythirteen-fonts' ); 
     
    119116 * @return void 
    120117 */ 
    121118function twentythirteen_fonts() { 
     119        $fonts_url = twentythirteen_get_fonts_url();  
     120                if ( ! empty( $fonts_url ) )  
     121                        wp_enqueue_style( 'twentythirteen-fonts', esc_url_raw( $fonts_url ), array(), null );    
     122} 
     123add_action( 'wp_enqueue_scripts', 'twentythirteen_fonts' ); 
    122124 
     125/** 
     126 * Returns the Google font stylesheet URL if available 
     127 * 
     128 * The use of Source Sans Pro and Bitter by default is localized. For languages 
     129 * that use characters not supported by the font, the font can be disabled. 
     130 * 
     131 * To disable in a child theme or plugin, use: 
     132 * add_filter( 'twentythirteen_get_font_url', '__return_null' );  
     133 * 
     134 * @since Twenty Thirteen 1.0 
     135 * 
     136 * @return string Font stylesheet or empty string if disabled 
     137 */ 
     138function twentythirteen_get_fonts_url() { 
     139        $fonts_url = ''; 
     140 
    123141        /* Translators: If there are characters in your language that are not 
    124142         * supported by Source Sans Pro, translate this to 'off'. Do not translate 
    125143         * into your own language. 
     
    146164                        'family' => implode( '|', $font_families ), 
    147165                        'subset' => 'latin,latin-ext', 
    148166                ); 
    149                 wp_enqueue_style( 'twentythirteen-fonts', add_query_arg( $query_args, "$protocol://fonts.googleapis.com/css" ), array(), null ); 
     167                $fonts_url = add_query_arg( $query_args, "$protocol://fonts.googleapis.com/css" ); 
    150168        } 
     169        return apply_filters( 'twentythirteen_get_fonts_url', $fonts_url ); 
    151170} 
    152 add_action( 'wp_enqueue_scripts', 'twentythirteen_fonts' ); 
    153171 
    154172/** 
    155173 * Enqueues scripts and styles for front end. 
     
    609627 * Adds support for a custom header image. 
    610628 */ 
    611629require( get_template_directory() . '/inc/custom-header.php' ); 
     630 
     631/**  
     632* Adds additional stylesheets to the TinyMCE editor if needed.  
     633*  
     634* @uses twentythirteen_get_fonts_url() to get the Google Font stylesheet URL  
     635*  
     636* @since Twenty Thirteen 1.0  
     637*/  
     638function twentythirteen_mce_css( $mce_css ) {  
     639        $fonts_url = twentythirteen_get_fonts_url();  
     640 
     641        if ( empty( $fonts_url ) )  
     642                return $mce_css;  
     643 
     644        if ( ! empty( $mce_css ) )  
     645                $mce_css .= ',';  
     646 
     647        $mce_css .= esc_url_raw( str_replace( ',', '%2C', $fonts_url ) );  
     648        return $mce_css;  
     649}  
     650add_filter( 'mce_css', 'twentythirteen_mce_css' );  
  • wp-content/themes/twentythirteen/css/editor-style.css

     
    33Description: Used to style the TinyMCE editor. 
    44*/ 
    55 
    6 /* TODO */ 
    7  No newline at end of file 
     6html { 
     7        font-size: 100; 
     8} 
     9html .mceContentBody { 
     10        max-width: 604px; 
     11} 
     12body { 
     13        font-family: "Source Sans Pro", Helvetica, sans-serif; 
     14        -webkit-hyphens: auto; 
     15        -moz-hyphens:    auto; 
     16        -ms-hyphens:     auto; 
     17        hyphens:         auto; 
     18        color: #141412; 
     19        font-size: 16px; 
     20        line-height: 1.5; 
     21        text-rendering: optimizeLegibility; 
     22        vertical-align: baseline; 
     23} 
     24 
     25/* =Headings 
     26-------------------------------------------------------------- */ 
     27 
     28h1, 
     29h2, 
     30h3, 
     31h4, 
     32h5, 
     33h6 { 
     34        clear: both; 
     35        font-family: Bitter, Georgia, serif; 
     36        line-height: 1.3; 
     37} 
     38 
     39h1 { 
     40        font-size: 48px; 
     41        margin: 33px 0; 
     42} 
     43 
     44h2 { 
     45        font-size: 30px; 
     46        margin: 25px 0; 
     47} 
     48 
     49h3 { 
     50        font-size: 22px; 
     51        margin: 22px 0; 
     52} 
     53 
     54h4 { 
     55        font-size: 20px; 
     56        margin: 25px 0; 
     57} 
     58 
     59h5 { 
     60        font-size: 18px; 
     61        margin: 30px 0; 
     62} 
     63 
     64h6 { 
     65        font-size: 16px; 
     66        margin: 36px 0; 
     67} 
     68hr { 
     69        background: url(../images/dotted-line.png) repeat center top; 
     70        background-size: 4px 4px; 
     71        border: 0; 
     72        height: 1px; 
     73        margin: 0 0 24px; 
     74} 
     75 
     76/* =Text elements 
     77-------------------------------------------------------------- */ 
     78 
     79p { 
     80        margin: 0 0 24px; 
     81} 
     82ol, 
     83ul { 
     84        margin: 16px 0; 
     85        padding: 0 0 0 40px; 
     86} 
     87ul { 
     88        list-style-type: square; 
     89} 
     90ol { 
     91        list-style: decimal outside; 
     92} 
     93li > ul, 
     94li > ol { 
     95        margin: 0; 
     96} 
     97dl { 
     98        margin: 0 20px; 
     99} 
     100dt { 
     101        font-weight: bold; 
     102} 
     103dd { 
     104        margin: 0 0 20px; 
     105} 
     106strong { 
     107        font-weight: bold; 
     108} 
     109code, 
     110kbd, 
     111pre, 
     112samp { 
     113        font-family: monospace, serif; 
     114        font-size: 14px; 
     115        -webkit-hyphens: none; 
     116        -moz-hyphens:    none; 
     117        -ms-hyphens:     none; 
     118        hyphens:         none; 
     119} 
     120pre { 
     121        background: #f5f5f5; 
     122        color: #666; 
     123        font-family: monospace; 
     124        font-size: 14px; 
     125        margin: 20px 0; 
     126        overflow: auto; 
     127        padding: 20px; 
     128        white-space: pre; 
     129        white-space: pre-wrap; 
     130        word-wrap: break-word; 
     131} 
     132blockquote, 
     133q { 
     134        -webkit-hyphens: none; 
     135        -moz-hyphens:    none; 
     136        -ms-hyphens:     none; 
     137        hyphens:         none; 
     138        quotes: none; 
     139} 
     140blockquote:before, 
     141blockquote:after, 
     142q:before, 
     143q:after { 
     144        content: ""; 
     145        content: none; 
     146} 
     147blockquote { 
     148        font-size: 18px; 
     149        font-style: italic; 
     150        font-weight: 300; 
     151        margin: 24px 40px; 
     152} 
     153blockquote blockquote { 
     154        margin-right: 0; 
     155} 
     156blockquote cite, 
     157blockquote small { 
     158        font-size: 14px; 
     159        font-weight: normal; 
     160        text-transform: uppercase; 
     161} 
     162cite { 
     163        border-bottom: 0; 
     164} 
     165abbr[title] { 
     166        border-bottom: 1px dotted; 
     167} 
     168address { 
     169        font-style: italic; 
     170        margin: 0 0 24px; 
     171} 
     172del { 
     173        color: #333; 
     174} 
     175ins { 
     176        background: #fff9c0; 
     177        border: none; 
     178        color: #333; 
     179        text-decoration: none; 
     180} 
     181sub, 
     182sup { 
     183        font-size: 75%; 
     184        line-height: 0; 
     185        position: relative; 
     186        vertical-align: baseline; 
     187} 
     188sup { 
     189        top: -0.5em; 
     190} 
     191sub { 
     192        bottom: -0.25em; 
     193} 
     194 
     195/* =Links 
     196-------------------------------------------------------------- */ 
     197 
     198a { 
     199        color: #ca3c08; 
     200        text-decoration: none; 
     201} 
     202a:visited { 
     203        color: #ac0404; 
     204} 
     205a:focus { 
     206        outline: thin dotted; 
     207} 
     208a:active, 
     209a:hover { 
     210        color: #ea9629; 
     211        outline: 0; 
     212} 
     213a:hover { 
     214        text-decoration: underline; 
     215} 
     216 
     217 
     218/* =Alignment 
     219-------------------------------------------------------------- */ 
     220 
     221.alignleft { 
     222        float: left; 
     223        margin: 5px 20px 5px 0; 
     224} 
     225 
     226.alignright { 
     227        float: right; 
     228        margin: 5px 0 5px 20px; 
     229} 
     230 
     231.aligncenter { 
     232        display: block; 
     233        margin: 5px auto; 
     234} 
     235 
     236/* =Tables 
     237-------------------------------------------------------------- */ 
     238 
     239table { 
     240        border-bottom: 1px solid #ededed; 
     241        border-collapse: collapse; 
     242        border-spacing: 0; 
     243        font-size: 14px; 
     244        line-height: 2; 
     245        margin: 0 0 20px; 
     246        width: 100%; 
     247} 
     248caption, 
     249th, 
     250td { 
     251        font-weight: normal; 
     252        text-align: left; 
     253} 
     254caption { 
     255        font-size: 16px; 
     256        margin: 20px 0; 
     257} 
     258th { 
     259        font-weight: bold; 
     260        text-transform: uppercase; 
     261} 
     262td { 
     263        border-top: 1px solid #ededed; 
     264        padding: 6px 10px 6px 0; 
     265} 
     266 
     267/* =Images 
     268-------------------------------------------------------------- */ 
     269.wp-caption { 
     270        background: transparent; 
     271        border: none; 
     272        margin: 0; 
     273        padding: 0; 
     274        text-align: left; 
     275} 
     276.wp-caption.alignleft { 
     277        margin: 5px 10px 5px 0; 
     278} 
     279.wp-caption.alignright { 
     280        margin: 5px 0 5px 10px; 
     281} 
     282.wp-caption-dt { 
     283        margin: 0; 
     284} 
     285.wp-caption .wp-caption-text, 
     286.wp-caption-dd { 
     287        color: #220e10; 
     288        font-style: italic; 
     289        font-weight: 300; 
     290        font-size: 18px; 
     291        line-height: 1.5; 
     292        margin-bottom: 24px; 
     293}