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, 5 years 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