WordPress.org

Make WordPress Core

Ticket #24308: 24308.4.patch

File 24308.4.patch, 3.7 KB (added by celloexpressions, 21 months ago)

Restore Post Format styling in TinyMCE, update audio format layout

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

     
    1414 * 5.0 - Alignment 
    1515 * 6.0 - Tables 
    1616 * 7.0 - Images 
    17  * 8.0 - RTL 
     17 * 8.0 - Post Formats 
     18 * 9.0 - RTL 
    1819 * ---------------------------------------------------------------------------- 
    1920 */ 
    2021 
     
    2425 * ---------------------------------------------------------------------------- 
    2526 */ 
    2627 
     28* { 
     29        -webkit-box-sizing: border-box; 
     30        -moz-box-sizing:    border-box; 
     31        box-sizing:         border-box; 
     32} 
     33 
    2734html .mceContentBody { 
    2835        font-size: 100%; 
    2936        max-width: 604px; 
     
    366373 
    367374 
    368375/** 
    369  * 8.0 RTL 
     376 * 8.0 Post Formats 
    370377 * ---------------------------------------------------------------------------- 
    371378 */ 
    372379 
     380/* Aside */ 
     381.post-format-aside { 
     382        background-color: #f7f5e7; 
     383} 
     384 
     385.post-format-aside blockquote { 
     386        font-size: 100%; 
     387        font-weight: normal; 
     388} 
     389 
     390.post-format-aside cite { 
     391        font-size: 100%; 
     392        text-transform: none; 
     393} 
     394 
     395.post-format-aside cite:before { 
     396        content: "\2014"; 
     397        margin-right: 5px; 
     398} 
     399 
     400/* Audio */ 
     401.post-format-audio { 
     402        background-color: #db572f; 
     403        padding-left: 120px; 
     404} 
     405 
     406.post-format-audio a { 
     407        color: #fbfaf3; 
     408} 
     409 
     410.post-format-audio:before { 
     411        background: url(../images/dotted-line.png) repeat-y 85px 0; 
     412        background-size: 4px 4px; 
     413        -webkit-font-smoothing: antialiased; 
     414        font-family: Genericons; 
     415        font-size: 64px; 
     416        content: "\f109"; 
     417        float: left; 
     418        width: 120px; 
     419        display: block; 
     420        height: 100%; 
     421        position: absolute; 
     422        left: 0; 
     423        top: 4px; 
     424} 
     425 
     426/* Chat */ 
     427.post-format-chat { 
     428        background-color: #eadaa6; 
     429} 
     430 
     431.post-format-chat a { 
     432        color: #722d19; 
     433} 
     434 
     435/* Gallery */ 
     436.post-format-gallery { 
     437        background-color: #fbca3c; 
     438} 
     439 
     440.post-format-gallery a { 
     441        color: #722d19; 
     442} 
     443 
     444/* Image: same as Standard/Defaults */ 
     445 
     446/* Link */ 
     447.post-format-link { 
     448        background-color: #f7f5e7; 
     449} 
     450 
     451/* Quote */ 
     452.post-format-quote { 
     453        background-color: #210d10; 
     454        color: #f7f5e7; 
     455} 
     456 
     457.post-format-quote a { 
     458        color: #e63f2a; 
     459} 
     460 
     461.post-format-quote blockquote { 
     462        font-size: 28px; 
     463        font-style: italic; 
     464        font-weight: 300; 
     465        margin: 0; 
     466        padding-left: 75px; 
     467        position: relative; 
     468} 
     469 
     470.post-format-quote blockquote:before { 
     471        content: '\201C'; 
     472        font-size: 140px; 
     473        font-weight: 400; 
     474        line-height: .8; 
     475        padding-right: 25px; 
     476        position: absolute; 
     477        left: -15px; 
     478        top: -3px; 
     479} 
     480 
     481.post-format-quote blockquote small, 
     482.post-format-quote blockquote cite { 
     483        display: block; 
     484        font-size: 16px; 
     485} 
     486 
     487.format-quote .entry-content cite a { 
     488        border-bottom: 1px dotted #fff; 
     489        color: #fff; 
     490} 
     491 
     492.format-quote .entry-content cite a:hover { 
     493        text-decoration: none; 
     494} 
     495 
     496 
     497/* Status */ 
     498.post-format-status { 
     499        background-color: #722d19; 
     500        color: #f7f5e7; 
     501        font-style: italic; 
     502        font-weight: 300; 
     503        padding: 0; 
     504        padding-left: 35px; 
     505} 
     506 
     507.post-format-status.mceContentBody { 
     508        font-size: 24px; 
     509} 
     510 
     511.post-format-status:before { 
     512        background: url(../images/dotted-line.png) repeat-y left bottom; 
     513        background-size: 4px 4px; 
     514        content: ""; 
     515        display: block; 
     516        height: 100%; 
     517        position: absolute; 
     518        left: 15px; 
     519        top: 0; 
     520        width: 1px; 
     521} 
     522 
     523.post-format-status p:first-child:before { 
     524        background-color: rgba(0, 0, 0, 0.65); 
     525        content: ""; 
     526        height: 3px; 
     527        width: 13px; 
     528        margin-top: 13px; 
     529        position: absolute; 
     530        left: 9px; 
     531} 
     532 
     533.post-format-status a { 
     534        color: #eadaa6; 
     535} 
     536 
     537/* Video */ 
     538.post-format-video { 
     539        background-color: #db572f; 
     540} 
     541 
     542.post-format-video a { 
     543        color: #fbfaf3; 
     544} 
     545 
     546/** 
     547 * 9.0 RTL 
     548 * ---------------------------------------------------------------------------- 
     549 */ 
     550 
    373551html .mceContentBody.rtl { 
    374552        direction: rtl; 
    375553        unicode-bidi: embed;