WordPress.org

Make WordPress Core

Ticket #24308: add-post-formats-to-editor-styles.diff

File add-post-formats-to-editor-styles.diff, 2.8 KB (added by celloexpressions, 11 months ago)
  • wp-content/themes/twentythirteen/css/editor-style.css

     
    1414        line-height: 1.5; 
    1515        text-rendering: optimizeLegibility; 
    1616        vertical-align: baseline; 
     17        transition: .3s linear all; 
    1718} 
    1819 
    1920 
     
    341342        line-height: 1.5; 
    342343        margin-bottom: 24px; 
    343344        padding: 0; 
     345} 
     346 
     347/** 
     348 * Post Formats 
     349 * ---------------------------------------------------------------------------- 
     350 */ 
     351 
     352/* Aside */ 
     353.post-format-aside { 
     354        background-color: #f7f5e7; 
     355} 
     356 
     357.post-format-aside blockquote { 
     358        font-size: 100%; 
     359        font-weight: normal; 
     360} 
     361 
     362.post-format-aside cite { 
     363        font-size: 100%; 
     364        text-transform: none; 
     365} 
     366 
     367.post-format-aside cite:before { 
     368        content: "\2014"; 
     369        margin-right: 5px; 
     370} 
     371 
     372/* Audio */ 
     373.post-format-audio { 
     374        background-color: #db572f; 
     375} 
     376 
     377.post-format-audio a { 
     378        color: #fbfaf3; 
     379} 
     380 
     381/* Chat */ 
     382.post-format-chat { 
     383        background-color: #eadaa6; 
     384} 
     385 
     386.post-format-chat a { 
     387        color: #722d19; 
     388} 
     389 
     390/* Gallery */ 
     391.post-format-gallery { 
     392        background-color: #fbca3c; 
     393} 
     394 
     395.post-format-gallery a { 
     396        color: #722d19; 
     397} 
     398 
     399/* Image: same as Standard/Defaults */ 
     400 
     401/* Link */ 
     402.post-format-link { 
     403        background-color: #f7f5e7; 
     404} 
     405 
     406/* Quote */ 
     407.post-format-quote { 
     408        background-color: #210d10; 
     409        color: #f7f5e7; 
     410        font-style: italic; 
     411        font-weight: 300; 
     412        margin: 0; 
     413        padding-left: 75px; 
     414} 
     415 
     416.post-format-quote.mceContentBody { 
     417        font-size: 28px; 
     418} 
     419 
     420.post-format-quote:before { 
     421        content: '\201C'; 
     422        font-size: 140px; 
     423        font-weight: 400; 
     424        line-height: .8; 
     425        padding-right: 25px; 
     426        position: absolute; 
     427        top: -3px; 
     428        left: -8px; 
     429} 
     430 
     431.post-format-quote blockquote { 
     432        margin: 0; 
     433} 
     434 
     435.post-format-quote a { 
     436        color: #e63f2a; 
     437} 
     438 
     439.post-format-quote blockquote small, 
     440.post-format-quote blockquote cite { 
     441        display: block; 
     442        font-size: 16px; 
     443} 
     444 
     445/* Status */ 
     446.post-format-status { 
     447        background-color: #722d19; 
     448        color: #f7f5e7; 
     449        font-style: italic; 
     450        font-weight: 300; 
     451        padding: 0; 
     452        padding-left: 35px; 
     453} 
     454 
     455.post-format-status.mceContentBody { 
     456        font-size: 24px; 
     457} 
     458 
     459.post-format-status:before { 
     460        background: url(../images/dotted-line.png) repeat-y left bottom; 
     461        background-size: 4px 4px; 
     462        content: ""; 
     463        display: block; 
     464        height: 100%; 
     465        position: absolute; 
     466        left: 15px; 
     467        top: 0; 
     468        width: 1px; 
     469} 
     470 
     471.post-format-status p:first-child:before { 
     472        background-color: rgba(0, 0, 0, 0.65); 
     473        content: ""; 
     474        height: 3px; 
     475        width: 13px; 
     476        margin-top: 13px; 
     477        position: absolute; 
     478        left: 9px; 
     479} 
     480 
     481.post-format-status a { 
     482        color: #eadaa6; 
     483} 
     484 
     485/* Video */ 
     486.post-format-video { 
     487        background-color: #db572f; 
     488} 
     489 
     490.post-format-video a { 
     491        color: #fbfaf3; 
    344492} 
     493 No newline at end of file