WordPress.org

Make WordPress Core

Ticket #24308: 24308.4.patch

File 24308.4.patch, 3.7 KB (added by celloexpressions, 5 years 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;