WordPress.org

Make WordPress Core

Ticket #46164: 46164.diff

File 46164.diff, 20.2 KB (added by azaozz, 9 months ago)
  • src/wp-includes/css/editor.css

     
    44
    55/* TinyMCE widgets/containers */
    66
    7 .mce-tinymce {
     7div.mce-tinymce {
    88        box-shadow: none;
    99}
    1010
    11 .mce-container,
    12 .mce-container *,
    13 .mce-widget,
    14 .mce-widget * {
     11div.mce-container,
     12div.mce-container *,
     13div.mce-widget,
     14div.mce-widget * {
    1515        color: inherit;
    1616        font-family: inherit;
    1717}
    1818
    19 .mce-container .mce-monospace,
    20 .mce-widget .mce-monospace {
     19div.mce-container .mce-monospace,
     20div.mce-widget .mce-monospace {
    2121        font-family: Consolas, Monaco, monospace;
    2222        font-size: 13px;
    2323        line-height: 150%;
     
    2424}
    2525
    2626/* TinyMCE windows */
    27 #mce-modal-block,
    28 #mce-modal-block.mce-fade {
     27div#mce-modal-block,
     28div#mce-modal-block.mce-fade {
    2929        opacity: 0.7;
    3030        filter: alpha(opacity=70);
    3131        transition: none;
     
    3232        background: #000;
    3333}
    3434
    35 .mce-window {
     35div.mce-window {
    3636        border-radius: 0;
    3737        box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
    3838        -webkit-font-smoothing: subpixel-antialiased;
     
    3939        transition: none;
    4040}
    4141
    42 .mce-window .mce-container-body.mce-abs-layout {
     42div.mce-window .mce-container-body.mce-abs-layout {
    4343        overflow: visible;
    4444}
    4545
    46 .mce-window .mce-window-head {
     46div.mce-window .mce-window-head {
    4747        background: #fcfcfc;
    4848        border-bottom: 1px solid #ddd;
    4949        padding: 0;
     
    5050        min-height: 36px;
    5151}
    5252
    53 .mce-window .mce-window-head .mce-title {
     53div.mce-window .mce-window-head .mce-title {
    5454        color: #444;
    5555        font-size: 18px;
    5656        font-weight: 600;
     
    5959        padding: 0 36px 0 16px;
    6060}
    6161
    62 .mce-window .mce-window-head .mce-close,
    63 .mce-window-head .mce-close .mce-i-remove {
     62div.mce-window .mce-window-head .mce-close,
     63div.mce-window-head .mce-close .mce-i-remove {
    6464        color: transparent;
    6565        top: 0;
    6666        right: 0;
     
    7171        text-align: center;
    7272}
    7373
    74 .mce-window-head .mce-close .mce-i-remove:before {
     74div.mce-window-head .mce-close .mce-i-remove:before {
    7575        font: normal 20px/36px dashicons;
    7676        text-align: center;
    7777        color: #666;
     
    8080        display: block;
    8181}
    8282
    83 .mce-window-head .mce-close:hover .mce-i-remove:before,
    84 .mce-window-head .mce-close:focus .mce-i-remove:before {
     83div.mce-window-head .mce-close:hover .mce-i-remove:before,
     84div.mce-window-head .mce-close:focus .mce-i-remove:before {
    8585        color: #00a0d2;
    8686}
    8787
    88 .mce-window-head .mce-close:focus .mce-i-remove,
     88div.mce-window-head .mce-close:focus .mce-i-remove,
    8989div.mce-tab:focus {
    9090        box-shadow: 0 0 0 1px #5b9dd9,
    9191                0 0 2px 1px rgba(30, 140, 190, .8);
    9292}
    9393
    94 .mce-window .mce-window-head .mce-dragh {
     94div.mce-window .mce-window-head .mce-dragh {
    9595        width: calc( 100% - 36px );
    9696}
    9797
    98 .mce-window .mce-foot {
     98div.mce-window .mce-foot {
    9999        border-top: 1px solid #ddd;
    100100}
    101101
     
    116116        box-shadow: 0 0 2px rgba(30,140,190,0.8);
    117117}
    118118
    119 .mce-window .mce-wp-help {
     119div.mce-window .mce-wp-help {
    120120        height: 360px;
    121121        width: 460px;
    122122        overflow: auto;
    123123}
    124124
    125 .mce-window .mce-wp-help * {
     125div.mce-window .mce-wp-help * {
    126126        box-sizing: border-box;
    127127}
    128128
    129 .mce-window .mce-wp-help > .mce-container-body {
     129div.mce-window .mce-wp-help > .mce-container-body {
    130130        width: auto !important;
    131131}
    132132
    133 .mce-window .wp-editor-help {
     133div.mce-window .wp-editor-help {
    134134        padding: 10px 10px 0 20px;
    135135}
    136136
    137 .mce-window .wp-editor-help h2,
    138 .mce-window .wp-editor-help p {
     137div.mce-window .wp-editor-help h2,
     138div.mce-window .wp-editor-help p {
    139139        margin: 8px 0;
    140140        white-space: normal;
    141141        font-size: 14px;
     
    142142        font-weight: 400;
    143143}
    144144
    145 .mce-window .wp-editor-help table {
     145div.mce-window .wp-editor-help table {
    146146        width: 100%;
    147147        margin-bottom: 20px;
    148148}
    149149
    150 .mce-window .wp-editor-help table.wp-help-single {
     150div.mce-window .wp-editor-help table.wp-help-single {
    151151        margin: 0 8px 20px;
    152152}
    153153
    154 .mce-window .wp-editor-help table.fixed {
     154div.mce-window .wp-editor-help table.fixed {
    155155        table-layout: fixed;
    156156}
    157157
    158 .mce-window .wp-editor-help table.fixed th:nth-child(odd),
    159 .mce-window .wp-editor-help table.fixed td:nth-child(odd) {
     158div.mce-window .wp-editor-help table.fixed th:nth-child(odd),
     159div.mce-window .wp-editor-help table.fixed td:nth-child(odd) {
    160160        width: 12%;
    161161}
    162162
    163 .mce-window .wp-editor-help table.fixed th:nth-child(even),
    164 .mce-window .wp-editor-help table.fixed td:nth-child(even) {
     163div.mce-window .wp-editor-help table.fixed th:nth-child(even),
     164div.mce-window .wp-editor-help table.fixed td:nth-child(even) {
    165165        width: 38%;
    166166}
    167167
    168 .mce-window .wp-editor-help table.fixed th:nth-child(odd) {
     168div.mce-window .wp-editor-help table.fixed th:nth-child(odd) {
    169169        padding: 5px 0 0;
    170170}
    171171
    172 .mce-window .wp-editor-help td,
    173 .mce-window .wp-editor-help th {
     172div.mce-window .wp-editor-help td,
     173div.mce-window .wp-editor-help th {
    174174        font-size: 13px;
    175175        padding: 5px;
    176176        vertical-align: middle;
     
    178178        white-space: normal;
    179179}
    180180
    181 .mce-window .wp-editor-help th {
     181div.mce-window .wp-editor-help th {
    182182        font-weight: 600;
    183183        padding-bottom: 0;
    184184}
    185185
    186 .mce-window .wp-editor-help kbd {
     186div.mce-window .wp-editor-help kbd {
    187187        font-family: monospace;
    188188        padding: 2px 7px 3px;
    189189        font-weight: 600;
     
    192192        background: rgba(0,0,0,0.08);
    193193}
    194194
    195 .mce-window .wp-help-th-center td:nth-child(odd),
    196 .mce-window .wp-help-th-center th:nth-child(odd) {
     195div.mce-window .wp-help-th-center td:nth-child(odd),
     196div.mce-window .wp-help-th-center th:nth-child(odd) {
    197197        text-align: center;
    198198}
    199199
    200200/* TinyMCE menus */
    201 .mce-menu,
    202 .mce-floatpanel.mce-popover {
     201div.mce-menu,
     202div.mce-floatpanel.mce-popover {
    203203        border-color: rgba(0,0,0,0.15);
    204204        border-radius: 0;
    205205        box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
    206206}
    207207
    208 .mce-menu,
    209 .mce-floatpanel.mce-popover.mce-bottom {
     208div.mce-menu,
     209div.mce-floatpanel.mce-popover.mce-bottom {
    210210        margin-top: 2px;
    211211}
    212212
    213 .mce-floatpanel .mce-arrow {
     213div.mce-floatpanel .mce-arrow {
    214214        display: none;
    215215}
    216216
     
    218218        min-width: 160px;
    219219}
    220220
    221 .mce-menu-item {
     221div.mce-menu-item {
    222222        border: none;
    223223        margin-bottom: 2px;
    224224        padding: 6px 15px 6px 12px;
    225225}
    226226
    227 .mce-menu-has-icons i.mce-ico {
     227div.mce-menu-has-icons i.mce-ico {
    228228        line-height: 20px;
    229229}
    230230
     
    234234        background: #fff;
    235235}
    236236
    237 .mce-panel.mce-menu {
     237div.mce-panel.mce-menu {
    238238        border: 1px solid #ddd;
    239239}
    240240
     
    357357        padding-right: 32px;
    358358}
    359359
    360 .mce-toolbar .mce-btn-group {
     360div.mce-toolbar .mce-btn-group {
    361361        margin: 0;
    362362}
    363363
     
    379379        margin: 0;
    380380}
    381381
    382 .mce-path,
    383 .mce-path-item,
    384 .mce-path .mce-divider {
     382div.mce-path,
     383div.mce-path-item,
     384div.mce-path .mce-divider {
    385385        font-size: 12px;
    386386}
    387387
    388 .mce-toolbar .mce-btn,
     388div.mce-toolbar .mce-btn,
    389389.qt-dfw {
    390390        border-color: transparent;
    391391        background: transparent;
     
    399399        text-align: inherit;
    400400}
    401401
    402 .mce-toolbar .mce-btn-group .mce-btn,
     402div.mce-toolbar .mce-btn-group .mce-btn,
    403403.qt-dfw {
    404404        border: 1px solid transparent;
    405405        margin: 2px;
     
    406406        border-radius: 2px;
    407407}
    408408
    409 .mce-toolbar .mce-btn-group .mce-btn:hover,
    410 .mce-toolbar .mce-btn-group .mce-btn:focus,
     409div.mce-toolbar .mce-btn-group .mce-btn:hover,
     410div.mce-toolbar .mce-btn-group .mce-btn:focus,
    411411.qt-dfw:hover,
    412412.qt-dfw:focus {
    413413        background: #fafafa;
     
    417417        outline: none;
    418418}
    419419
    420 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
    421 .mce-toolbar .mce-btn-group .mce-btn:active,
     420div.mce-toolbar .mce-btn-group .mce-btn.mce-active,
     421div.mce-toolbar .mce-btn-group .mce-btn:active,
    422422.qt-dfw.active {
    423423        background: #ebebeb;
    424424        border-color: #555d66;
     
    425425        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
    426426}
    427427
    428 .mce-btn.mce-active,
    429 .mce-btn.mce-active button,
    430 .mce-btn.mce-active:hover button,
    431 .mce-btn.mce-active i,
    432 .mce-btn.mce-active:hover i {
     428div.mce-btn.mce-active,
     429div.mce-btn.mce-active button,
     430div.mce-btn.mce-active:hover button,
     431div.mce-btn.mce-active i,
     432div.mce-btn.mce-active:hover i {
    433433        color: inherit;
    434434}
    435435
    436 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
    437 .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
     436div.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
     437div.mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
    438438        border-color: #23282d;
    439439}
    440440
    441 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
    442 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
     441div.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
     442div.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
    443443        color: #a0a5aa;
    444444        background: none;
    445445        border-color: #ddd;
     
    447447        box-shadow: none;
    448448}
    449449
    450 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
     450div.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
    451451        border-color: #555d66;
    452452}
    453453
    454 .mce-toolbar .mce-btn-group .mce-first,
    455 .mce-toolbar .mce-btn-group .mce-last {
     454div.mce-toolbar .mce-btn-group .mce-first,
     455div.mce-toolbar .mce-btn-group .mce-last {
    456456        border-color: transparent;
    457457}
    458458
    459 .mce-toolbar .mce-btn button,
     459div.mce-toolbar .mce-btn button,
    460460.qt-dfw {
    461461        padding: 2px 3px;
    462462        line-height: normal;
    463463}
    464464
    465 .mce-toolbar .mce-listbox button {
     465div.mce-toolbar .mce-listbox button {
    466466        font-size: 13px;
    467467        line-height: 20px;
    468468        padding-left: 6px;
     
    469469        padding-right: 20px;
    470470}
    471471
    472 .mce-toolbar .mce-btn i {
     472div.mce-toolbar .mce-btn i {
    473473        text-shadow: none;
    474474}
    475475
    476 .mce-toolbar .mce-btn-group > div {
     476div.mce-toolbar .mce-btn-group > div {
    477477        white-space: normal;
    478478}
    479479
    480 .mce-toolbar .mce-colorbutton .mce-open {
     480div.mce-toolbar .mce-colorbutton .mce-open {
    481481        border-right: 0;
    482482}
    483483
    484 .mce-toolbar .mce-colorbutton .mce-preview {
     484div.mce-toolbar .mce-colorbutton .mce-preview {
    485485        margin: 0;
    486486        padding: 0;
    487487        top: auto;
     
    492492        background: #555d66;
    493493}
    494494
    495 .mce-toolbar .mce-btn-group .mce-btn.mce-primary {
     495div.mce-toolbar .mce-btn-group .mce-btn.mce-primary {
    496496        min-width: 0;
    497497        background: #0085ba;
    498498        border-color: #0073aa #006799 #006799;
     
    503503}
    504504
    505505/* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
    506 .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
     506div.mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
    507507        padding: 2px 3px 1px;
    508508}
    509509
    510 .mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {
     510div.mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {
    511511        color: #fff;
    512512}
    513513
    514 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
    515 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
     514div.mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
     515div.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
    516516        background: #008ec2;
    517517        border-color: #006799;
    518518        color: #fff;
    519519}
    520520
    521 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
     521div.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
    522522        box-shadow: 0 0 1px 1px #33b3db;
    523523}
    524524
    525 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
     525div.mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
    526526        background: #0073aa;
    527527        border-color: #006799;
    528528        box-shadow: inset 0 2px 0 #006799;
     
    529529}
    530530
    531531/* mce listbox */
    532 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
     532div.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    533533        border-radius: 0;
    534534        direction: ltr;
    535535        background: #fff;
     
    537537        box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
    538538}
    539539
    540 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
    541 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
     540div.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
     541div.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
    542542        border-color: #b4b9be;
    543543}
    544544
    545 .mce-panel .mce-btn i.mce-caret {
     545div.mce-panel .mce-btn i.mce-caret {
    546546        border-top: 6px solid #555d66;
    547547        margin-left: 2px;
    548548        margin-right: 2px;
    549549}
    550550
    551 .mce-listbox i.mce-caret {
     551div.mce-listbox i.mce-caret {
    552552        right: 4px;
    553553}
    554554
    555 .mce-panel .mce-btn:hover i.mce-caret,
    556 .mce-panel .mce-btn:focus i.mce-caret {
     555div.mce-panel .mce-btn:hover i.mce-caret,
     556div.mce-panel .mce-btn:focus i.mce-caret {
    557557        border-top-color: #23282d;
    558558}
    559559
    560 .mce-panel .mce-active i.mce-caret {
     560div.mce-panel .mce-active i.mce-caret {
    561561        border-top: 0;
    562562        border-bottom: 6px solid #23282d;
    563563        margin-top: 7px;
    564564}
    565565
    566 .mce-listbox.mce-active i.mce-caret {
     566div.mce-listbox.mce-active i.mce-caret {
    567567        margin-top: -3px;
    568568}
    569569
    570 .mce-toolbar .mce-splitbtn:hover .mce-open {
     570div.mce-toolbar .mce-splitbtn:hover .mce-open {
    571571        border-right-color: transparent;
    572572}
    573573
    574 .mce-toolbar .mce-splitbtn .mce-open.mce-active {
     574div.mce-toolbar .mce-splitbtn .mce-open.mce-active {
    575575        background: transparent;
    576576        outline: none;
    577577}
    578578
    579 .mce-menu .mce-menu-item:hover,
    580 .mce-menu .mce-menu-item.mce-selected,
    581 .mce-menu .mce-menu-item:focus,
    582 .mce-menu .mce-menu-item-normal.mce-active,
    583 .mce-menu .mce-menu-item-preview.mce-active {
     579div.mce-menu .mce-menu-item:hover,
     580div.mce-menu .mce-menu-item.mce-selected,
     581div.mce-menu .mce-menu-item:focus,
     582div.mce-menu .mce-menu-item-normal.mce-active,
     583div.mce-menu .mce-menu-item-preview.mce-active {
    584584        background: #0073aa; /* See color scheme. */
    585585        color: #fff;
    586586}
    587587
    588 .mce-menu-item:hover .mce-text,
    589 .mce-menu-item:focus .mce-text,
    590 .mce-menu-item:hover .mce-ico,
    591 .mce-menu-item:focus .mce-ico,
    592 .mce-menu-item:hover .mce-menu-shortcut,
    593 .mce-menu-item:focus .mce-menu-shortcut,
    594 .mce-menu-item.mce-active .mce-menu-shortcut,
    595 .mce-menu-item.mce-disabled:hover .mce-text,
    596 .mce-menu-item.mce-disabled:hover .mce-ico {
     588div.mce-menu-item:hover *,
     589div.mce-menu-item.mce-selected *,
     590div.mce-menu-item:focus *,
     591div.mce-menu-item.mce-selected .mce-text,
     592div.mce-menu-item.mce-selected .mce-ico {
     593        color: #fff;
     594}
     595
     596div.mce-menu-item:hover .mce-text,
     597div.mce-menu-item:focus .mce-text,
     598div.mce-menu-item:hover .mce-ico,
     599div.mce-menu-item:focus .mce-ico,
     600div.mce-menu-item:hover .mce-menu-shortcut,
     601div.mce-menu-item:focus .mce-menu-shortcut,
     602div.mce-menu-item.mce-active .mce-menu-shortcut,
     603div.mce-menu-item.mce-disabled:hover .mce-text,
     604div.mce-menu-item.mce-disabled:hover .mce-ico {
    597605        color: inherit;
    598606}
    599607
    600 .mce-menu .mce-menu-item.mce-disabled {
     608div.mce-menu .mce-menu-item.mce-disabled {
    601609        cursor: default;
    602610}
    603611
    604 .mce-menu .mce-menu-item.mce-disabled:hover {
     612div.mce-menu .mce-menu-item.mce-disabled:hover {
    605613        background: #ccc;
    606614}
    607615
     
    627635}
    628636
    629637div.mce-menu .mce-menu-item-sep,
    630 .mce-menu-item-sep:hover {
     638div.mce-menu-item-sep:hover {
    631639        border-bottom: 1px solid #ddd;
    632640        height: 0px;
    633641        margin: 5px 0;
    634642}
    635643
    636 .mce-menubtn span {
     644div.mce-menubtn span {
    637645        margin-right: 0;
    638646        padding-left: 3px;
    639647}
    640648
    641 .mce-menu-has-icons i.mce-ico:before {
     649div.mce-menu-has-icons i.mce-ico:before {
    642650        margin-left: -2px;
    643651}
    644652
    645653/* Keyboard shortcuts position */
    646 .mce-menu.mce-menu-align .mce-menu-item-normal {
     654div.mce-menu.mce-menu-align .mce-menu-item-normal {
    647655        position: relative;
    648656}
    649657
    650 .mce-menu.mce-menu-align .mce-menu-shortcut {
     658div.mce-menu.mce-menu-align .mce-menu-shortcut {
    651659        bottom: 0.6em;
    652660        font-size: 0.9em;
    653661}
    654662
    655663/* Buttons in modals */
    656 .mce-primary button,
    657 .mce-primary button i {
     664div.mce-primary button,
     665div.mce-primary button i {
    658666        text-align: center;
    659667        color: #fff;
    660668        text-shadow: none;
     
    662670        line-height: 26px;
    663671}
    664672
    665 .mce-window .mce-btn {
     673div.mce-window .mce-btn {
    666674        color: #555;
    667675        background: #f7f7f7;
    668676        text-decoration: none;
     
    680688}
    681689
    682690/* Remove the dotted border on :focus and the extra padding in Firefox */
    683 .mce-window .mce-btn::-moz-focus-inner {
     691div.mce-window .mce-btn::-moz-focus-inner {
    684692        border-width: 0;
    685693        border-style: none;
    686694        padding: 0;
    687695}
    688696
    689 .mce-window .mce-btn:hover,
    690 .mce-window .mce-btn:focus {
     697div.mce-window .mce-btn:hover,
     698div.mce-window .mce-btn:focus {
    691699        background: #fafafa;
    692700        border-color: #999;
    693701        color: #23282d;
    694702}
    695703
    696 .mce-window .mce-btn:focus {
     704div.mce-window .mce-btn:focus {
    697705        border-color: #5b9dd9;
    698706        box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
    699707}
    700708
    701 .mce-window .mce-btn:active {
     709div.mce-window .mce-btn:active {
    702710        background: #eee;
    703711        border-color: #999;
    704712        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
     
    705713        transform: translateY(1px);
    706714}
    707715
    708 .mce-window .mce-btn.mce-disabled {
     716div.mce-window .mce-btn.mce-disabled {
    709717        color: #a0a5aa !important;
    710718        border-color: #ddd !important;
    711719        background: #f7f7f7 !important;
     
    715723        transform: none !important;
    716724}
    717725
    718 .mce-window .mce-btn.mce-primary {
     726div.mce-window .mce-btn.mce-primary {
    719727        background: #0085ba;
    720728        border-color: #0073aa #006799 #006799;
    721729        box-shadow: 0 1px 0 #006799;
     
    727735                -1px 0 1px #006799;
    728736}
    729737
    730 .mce-window .mce-btn.mce-primary:hover,
    731 .mce-window .mce-btn.mce-primary:focus {
     738div.mce-window .mce-btn.mce-primary:hover,
     739div.mce-window .mce-btn.mce-primary:focus {
    732740        background: #008ec2;
    733741        border-color: #006799;
    734742        color: #fff;
    735743}
    736744
    737 .mce-window .mce-btn.mce-primary:focus {
     745div.mce-window .mce-btn.mce-primary:focus {
    738746        box-shadow: 0 1px 0 #0073aa,
    739747                0 0 2px 1px #33b3db;
    740748}
    741749
    742 .mce-window .mce-btn.mce-primary:active {
     750div.mce-window .mce-btn.mce-primary:active {
    743751        background: #0073aa;
    744752        border-color: #006799;
    745753        box-shadow: inset 0 2px 0 #006799;
     
    746754        vertical-align: top;
    747755}
    748756
    749 .mce-window .mce-btn.mce-primary.mce-disabled {
     757div.mce-window .mce-btn.mce-primary.mce-disabled {
    750758        color: #66c6e4 !important;
    751759        background: #008ec2 !important;
    752760        border-color: #007cb2 !important;
     
    755763        cursor: default;
    756764}
    757765
    758 .mce-menubtn.mce-fixed-width span {
     766div.mce-menubtn.mce-fixed-width span {
    759767        overflow-x: hidden;
    760768        text-overflow: ellipsis;
    761769        width: 82px;
     
    762770}
    763771
    764772/* Charmap modal */
    765 .mce-charmap {
     773div.mce-charmap {
    766774        margin: 3px;
    767775}
    768776
    769 .mce-charmap td {
     777div.mce-charmap td {
    770778        padding: 0;
    771779        border-color: #ddd;
    772780        cursor: pointer;
    773781}
    774782
    775 .mce-charmap td:hover {
     783div.mce-charmap td:hover {
    776784        background: #f3f3f3;
    777785}
    778786
    779 .mce-charmap td div {
     787div.mce-charmap td div {
    780788        width: 18px;
    781789        height: 22px;
    782790        line-height: 22px;
    783791}
    784792
     793/* Color-picker, position of "x" in transparent */
     794td.mce-colorbtn-trans > div {
     795        line-height: 10px;
     796}
     797
    785798/* TinyMCE tooltips */
    786 .mce-tooltip {
     799div.mce-tooltip {
    787800        margin-top: 2px;
    788801}
    789802
     
    792805        display: none !important;
    793806}
    794807
    795 .mce-tooltip-inner {
     808div.mce-tooltip-inner {
    796809        border-radius: 3px;
    797810        box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
    798811        color: #fff;
     
    800813}
    801814
    802815/* TinyMCE icons */
    803 .mce-ico {
     816i.mce-ico {
    804817        font-family: tinymce, Arial;
    805818}
    806819
     
    808821        font-family: tinymce-small, Arial;
    809822}
    810823
    811 .mce-toolbar .mce-ico {
     824div.mce-toolbar .mce-ico {
    812825        color: #555d66;
    813826        line-height: 20px;
    814827        width: 20px;
     
    828841        text-shadow: none;
    829842}
    830843
    831 .mce-toolbar .mce-btn .mce-open {
     844div.mce-toolbar .mce-btn .mce-open {
    832845        line-height: 20px;
    833846}
    834847
    835 .mce-toolbar .mce-btn:hover .mce-open,
    836 .mce-toolbar .mce-btn:focus .mce-open,
    837 .mce-toolbar .mce-btn.mce-active .mce-open {
     848div.mce-toolbar .mce-btn:hover .mce-open,
     849div.mce-toolbar .mce-btn:focus .mce-open,
     850div.mce-toolbar .mce-btn.mce-active .mce-open {
    838851        border-left-color: #23282d;
    839852}
    840853
     
    843856        right: 10%;
    844857}
    845858
    846 .mce-notification button.mce-close {
     859div.mce-notification button.mce-close {
    847860        right: 6px;
    848861        top: 3px;
    849862        font-weight: 400;
     
    850863        color: #555d66;
    851864}
    852865
    853 .mce-notification button.mce-close:hover,
    854 .mce-notification button.mce-close:focus {
     866div.mce-notification button.mce-close:hover,
     867div.mce-notification button.mce-close:focus {
    855868        color: #000;
    856869}
    857870
     
    12481261        font-weight: 600;
    12491262}
    12501263
    1251 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
     1264div.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
    12521265.qt-dfw {
    12531266        position: absolute;
    12541267        top: 0;
     
    12621275}
    12631276
    12641277@media screen and (max-width: 782px) {
    1265         .mce-toolbar .mce-btn button,
     1278        div.mce-toolbar .mce-btn button,
    12661279        .qt-dfw {
    12671280                padding: 6px 7px;
    12681281        }
    12691282
    12701283        /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
    1271         .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
     1284        div.mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
    12721285                padding: 6px 7px 5px;
    12731286        }
    12741287
    1275         .mce-toolbar .mce-btn-group .mce-btn {
     1288        div.mce-toolbar .mce-btn-group .mce-btn {
    12761289                margin: 1px;
    12771290        }
    12781291
     
    12811294                height: 34px;
    12821295        }
    12831296
    1284         .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
     1297        div.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
    12851298                margin: 4px 4px 0 0;
    12861299        }
    12871300
    1288         .mce-toolbar .mce-colorbutton .mce-preview {
     1301        div.mce-toolbar .mce-colorbutton .mce-preview {
    12891302                left: 8px;
    12901303                bottom: 6px;
    12911304        }
    12921305
    1293         .mce-window .mce-btn {
     1306        div.mce-window .mce-btn {
    12941307                padding: 2px 0;
    12951308        }
    12961309
     
    17621775        box-sizing: border-box;
    17631776}
    17641777
    1765 .mce-toolbar div.wp-link-preview ~ .mce-btn,
    1766 .mce-toolbar div.wp-link-input ~ .mce-btn {
     1778div.mce-toolbar div.wp-link-preview ~ .mce-btn,
     1779div.mce-toolbar div.wp-link-input ~ .mce-btn {
    17671780        margin: 2px 1px;
    17681781}
    17691782