WordPress.org

Make WordPress Core

Ticket #21376: 21376.2.diff

File 21376.2.diff, 6.8 KB (added by obenland, 5 years ago)

Iteration 2

  • wp-content/themes/twentytwelve/functions.php

     
    5656        // Load up our theme options page and related code. 
    5757        require( get_template_directory() . '/inc/theme-options.php' ); 
    5858        $twentytwelve_options = new Twenty_Twelve_Options(); 
    59  
    60         // You can define support for an editor stylesheet here; Twenty Twelve doesn't have a default one. 
    61         // Then, create a CSS file called editor-style.css and place it in your theme directory. 
     59         
     60        // Some awesome comment that explains why we have to add another editor style 
     61        $options = $twentytwelve_options->get_theme_options(); 
     62        if ( $options['enable_fonts'] ) 
     63                add_editor_style( 'editor-font.css' ); 
     64         
     65        // This theme styles the visual editor with editor-style.css to match the theme style. 
    6266        add_editor_style(); 
    63  
     67         
     68                 
    6469        // Add default posts and comments RSS feed links to <head>. 
    6570        add_theme_support( 'automatic-feed-links' ); 
    6671 

  • wp-content/themes/twentytwelve/editor-font.css

     
     1@import url("http://fonts.googleapis.com/css?family=Open+Sans:400italic,700italic,400,700"); 
     2 No newline at end of file 

  • wp-content/themes/twentytwelve/editor-style.css

     
     1/* 
     2Theme Name: Twenty Twelve 
     3Description: Used to style the TinyMCE editor. 
     4*/ 
     5 
     6html { 
     7        font-size: 87.5%; 
     8} 
     9html .mceContentBody { 
     10        max-width: 625px; 
     11} 
     12body { 
     13        color: #444; 
     14        font-family: "Open Sans", Helvetica, Arial, sans-serif; 
     15        font-size: 14px; 
     16        font-size: 1rem; 
     17        line-height: 1; 
     18        text-rendering: optimizeLegibility; 
     19        vertical-align: baseline; 
     20} 
     21 
     22/* Headings */ 
     23h1, h2, h3, h4, h5, h6 { 
     24        clear: both; 
     25        line-height: 1.846153846; 
     26        margin: 24px 0; 
     27        margin: 1.714285714rem 0; 
     28} 
     29h1 { 
     30        font-size: 21px; 
     31        font-size: 1.5rem; 
     32        line-height: 1.5; 
     33} 
     34h2 { 
     35        font-size: 18px; 
     36        font-size: 1.285714286rem; 
     37        line-height: 1.6; 
     38} 
     39h3 { 
     40        font-size: 16px; 
     41        font-size: 1.142857143rem; 
     42} 
     43h4 { 
     44        font-size: 14px; 
     45        font-size: 1rem; 
     46} 
     47h5 { 
     48        font-size: 13px; 
     49        font-size: 0.928571429rem; 
     50} 
     51h6 { 
     52        font-size: 12px; 
     53        font-size: 0.857142857rem; 
     54} 
     55hr { 
     56        /* TODO */ 
     57} 
     58 
     59/* Text elements */ 
     60p { 
     61        margin: 0 0 24px; 
     62        margin: 0 0 1.714285714rem; 
     63        line-height: 1.714285714; 
     64} 
     65ul, ol { 
     66        margin: 0 0 24px; 
     67        margin: 0 0 1.714285714rem; 
     68        line-height: 1.714285714; 
     69        padding: 0; 
     70} 
     71ul { 
     72        list-style: disc outside; 
     73} 
     74ol { 
     75        list-style: decimal outside; 
     76} 
     77ul ul, ol ol, ul ol, ol ul { 
     78        margin-bottom: 0; 
     79} 
     80li { 
     81        margin: 0 0 0 24px; 
     82        margin: 0 0 0 1.714285714rem; 
     83} 
     84dl { 
     85        margin: 0 24px; 
     86        margin: 0 1.714285714rem; 
     87} 
     88dt { 
     89        font-weight: bold; 
     90        margin-bottom: 24px; 
     91        margin-bottom: 1.714285714rem; 
     92} 
     93dd { 
     94        line-height: 1.714285714; 
     95        margin: 0 0 24px; 
     96        margin: 0 0 1.714285714rem; 
     97} 
     98strong { 
     99        font-weight: bold; 
     100} 
     101cite, em, i { 
     102        font-style: italic; 
     103} 
     104cite { 
     105        border: none; 
     106} 
     107 
     108big { 
     109        /* TODO */ 
     110} 
     111.mceContentBody blockquote { 
     112        font-style: italic !important; 
     113        font-weight: normal; 
     114        margin: 0; 
     115        padding: 24px; 
     116        padding: 1.714285714rem; 
     117} 
     118pre { 
     119        border: 1px solid #ededed; 
     120        color: #666; 
     121        font-family: Consolas, Monaco, Lucida Console, monospace; 
     122        font-size: 12px; 
     123        font-size: 0.857142857rem; 
     124        line-height: 1.714285714; 
     125        margin: 24px 0; 
     126        margin: 1.714285714rem 0; 
     127        overflow: auto; 
     128        padding: 24px; 
     129        padding: 1.714285714rem; 
     130} 
     131code, kbd, samp, var { 
     132        font-family: Consolas, Monaco, Lucida Console, monospace; 
     133        font-size: 12px; 
     134        font-size: 0.857142857rem; 
     135        line-height: 2; 
     136} 
     137abbr, acronym, dfn { 
     138        border-bottom: 1px dotted #666; 
     139        cursor: help; 
     140} 
     141address { 
     142        display: block; 
     143        line-height: 1.714285714; 
     144        margin: 0 0 24px; 
     145        margin: 0 0 1.714285714rem; 
     146} 
     147del { 
     148        /* TODO */ 
     149} 
     150ins { 
     151        /* TODO */ 
     152} 
     153sup, 
     154sub { 
     155        font-size: 75%; 
     156        line-height: 0; 
     157        position: relative; 
     158        vertical-align: baseline; 
     159} 
     160sup { 
     161        top: -0.5em; 
     162} 
     163sub { 
     164        bottom: -0.25em; 
     165} 
     166input[type=text] { 
     167        border: 1px solid #ccc; 
     168        border-radius: 3px; 
     169        font-family: inherit; 
     170        padding: 6px; 
     171        padding: 0.428571429rem; 
     172}        
     173textarea { 
     174        border: 1px solid #d5d2ca; 
     175        border-radius: 3px; 
     176        font-family: inherit; 
     177        font-size: 12px; 
     178        font-size: 0.857142857rem; 
     179        line-height: 1.714285714; 
     180        padding: 10px; 
     181        padding: 0.714285714rem; 
     182        width: 96%; 
     183} 
     184 
     185/* Links */ 
     186a, 
     187a em, 
     188a strong { 
     189        outline: none; 
     190        color: #21759b; 
     191} 
     192a:focus, 
     193a:active, 
     194a:hover { 
     195        color: #0f3647; 
     196} 
     197 
     198/* Alignment */ 
     199.alignleft { 
     200        display: inline; 
     201        float: left; 
     202} 
     203.alignright { 
     204        display: inline; 
     205        float: right; 
     206        margin: 12px 0 12px 24px; 
     207        margin: 0.857142857rem 0 0.857142857rem 1.714285714rem; 
     208} 
     209.aligncenter { 
     210        clear: both; 
     211        display: block; 
     212        margin-top: 12px; 
     213        margin-top: 0.857142857rem; 
     214        margin-bottom: 12px; 
     215        margin-bottom: 0.857142857rem; 
     216} 
     217 
     218/* Tables */ 
     219table { 
     220        border-bottom: 1px solid #ededed; 
     221        border-collapse: collapse; 
     222        border-spacing: 0; 
     223        color: #777; 
     224        font-size: 12px; 
     225        font-size: 0.857142857rem; 
     226        line-height: 2; 
     227        margin: 0 0 24px; 
     228        margin: 0 0 1.714285714rem; 
     229        width: 100%; 
     230} 
     231tr th { 
     232        color: #636363; 
     233        font-size: 11px; 
     234        font-size: 0.785714286rem; 
     235        font-weight: bold; 
     236        line-height: 2.181818182; 
     237        text-align: left; 
     238        text-transform: uppercase; 
     239} 
     240td { 
     241        border-top: 1px solid #ededed !important; 
     242        color: #777; 
     243        font-size: inherit; 
     244        font-weight: normal; 
     245        text-align: left; 
     246        padding: 6px 10px 6px 0; 
     247} 
     248 
     249/* Images */ 
     250img { 
     251        border: 0; 
     252        border-radius: 3px; 
     253        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); 
     254        max-width: 100%; 
     255} 
     256img.size-full { 
     257        width: auto/9; /* Prevent stretching of full-size images in IE8 */ 
     258} 
     259img[class*="wp-image-"] { 
     260        height: auto; 
     261        max-width: 100%; 
     262} 
     263 
     264img.alignleft { 
     265        margin: 12px 24px 12px 0; 
     266        margin: 0.857142857rem 1.714285714rem 0.857142857rem 0; 
     267} 
     268img[class*="align"], 
     269img[class*="wp-image-"], 
     270img[class*="attachment-"] { 
     271        height: auto; /* Make sure images with WordPress-added height and width attributes are scaled correctly */ 
     272} 
     273img.mceWPnextpage { 
     274        border-radius: 0; 
     275        box-shadow: none; 
     276} 
     277img.wp-smiley { 
     278        border: 0; 
     279        border-radius: 0; 
     280        box-shadow: none; 
     281        margin-bottom: 0; 
     282        margin-top: 0; 
     283        padding: 0; 
     284} 
     285.wp-caption { 
     286        background: transparent; 
     287        border: none; 
     288        margin: 0; 
     289        padding: 4px; 
     290        text-align: left; 
     291} 
     292.wp-caption-dt { 
     293        margin: 0; 
     294} 
     295.wp-caption .wp-caption-text, 
     296.wp-caption-dd { 
     297        color: #777; 
     298        font-style: italic; 
     299        font-size: 12px; 
     300        font-size: 0.857142857rem; 
     301        line-height: 2; 
     302        margin: 0 0 24px; 
     303        margin: 0 0 1.71429rem; 
     304} 
     305 No newline at end of file