WordPress.org

Make WordPress Core

Ticket #46173: 46173.patch

File 46173.patch, 73.7 KB (added by azaozz, 4 months ago)
  • src/wp-admin/edit-form-blocks.php

     
    333333        )
    334334);
    335335wp_tinymce_inline_scripts();
    336 wp_enqueue_editor();
     336wp_enqueue_editor( 'block' );
    337337
    338338/**
    339339 * Styles
  • src/wp-includes/class-wp-editor.php

     
    776776                if ( $default_scripts || in_array( 'wplink', self::$plugins, true ) || in_array( 'link', self::$qt_buttons, true ) ) {
    777777                        wp_enqueue_script( 'wplink' );
    778778                        wp_enqueue_script( 'jquery-ui-autocomplete' );
     779                        wp_enqueue_style( 'wplink' );
    779780                }
    780781
    781782                if ( self::$old_dfw_compat ) {
     
    812813         * For use when the editor is going to be initialized after page load.
    813814         *
    814815         * @since 4.8.0
     816         *
     817         * @param string $type The editor type, classic or block.
    815818         */
    816         public static function enqueue_default_editor() {
     819        public static function enqueue_default_editor( $type = 'classic' ) {
    817820                // We are past the point where scripts can be enqueued properly.
    818821                if ( did_action( 'wp_enqueue_editor' ) ) {
    819822                        return;
     
    821824
    822825                self::enqueue_scripts( true );
    823826
    824                 // Also add wp-includes/css/editor.css
    825                 wp_enqueue_style( 'editor-buttons' );
     827                // Also add TinyMCE style overrides.
     828                wp_enqueue_style( 'tinymce-icons-override' );
    826829
     830                if ( $type === 'classic' ) {
     831                        wp_enqueue_style( 'classic-editor' );
     832                }
     833
    827834                if ( is_admin() ) {
    828835                        add_action( 'admin_print_footer_scripts', array( __CLASS__, 'force_uncompressed_tinymce' ), 1 );
    829836                        add_action( 'admin_print_footer_scripts', array( __CLASS__, 'print_default_editor_scripts' ), 45 );
  • src/wp-includes/css/classic-editor.css

     
     1/*------------------------------------------------------------------------------
     2 TinyMCE and Quicklinks toolbars
     3------------------------------------------------------------------------------*/
     4
     5/* TinyMCE widgets/containers */
     6
     7.mce-tinymce {
     8        box-shadow: none;
     9}
     10
     11.mce-container,
     12.mce-container *,
     13.mce-widget,
     14.mce-widget * {
     15        color: inherit;
     16        font-family: inherit;
     17}
     18
     19.mce-container .mce-monospace,
     20.mce-widget .mce-monospace {
     21        font-family: Consolas, Monaco, monospace;
     22        font-size: 13px;
     23        line-height: 150%;
     24}
     25
     26/* TinyMCE windows */
     27#mce-modal-block,
     28#mce-modal-block.mce-fade {
     29        opacity: 0.7;
     30        filter: alpha(opacity=70);
     31        transition: none;
     32        background: #000;
     33}
     34
     35.mce-window {
     36        border-radius: 0;
     37        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
     38        -webkit-font-smoothing: subpixel-antialiased;
     39        transition: none;
     40}
     41
     42.mce-window .mce-container-body.mce-abs-layout {
     43        overflow: visible;
     44}
     45
     46.mce-window .mce-window-head {
     47        background: #fcfcfc;
     48        border-bottom: 1px solid #ddd;
     49        padding: 0;
     50        min-height: 36px;
     51}
     52
     53.mce-window .mce-window-head .mce-title {
     54        color: #444;
     55        font-size: 18px;
     56        font-weight: 600;
     57        line-height: 36px;
     58        margin: 0;
     59        padding: 0 36px 0 16px;
     60}
     61
     62.mce-window .mce-window-head .mce-close,
     63.mce-window-head .mce-close .mce-i-remove {
     64        color: transparent;
     65        top: 0;
     66        right: 0;
     67        width: 36px;
     68        height: 36px;
     69        padding: 0;
     70        line-height: 36px;
     71        text-align: center;
     72}
     73
     74.mce-window-head .mce-close .mce-i-remove:before {
     75        font: normal 20px/36px dashicons;
     76        text-align: center;
     77        color: #666;
     78        width: 36px;
     79        height: 36px;
     80        display: block;
     81}
     82
     83.mce-window-head .mce-close:hover .mce-i-remove:before,
     84.mce-window-head .mce-close:focus .mce-i-remove:before {
     85        color: #00a0d2;
     86}
     87
     88.mce-window-head .mce-close:focus .mce-i-remove,
     89div.mce-tab:focus {
     90        box-shadow: 0 0 0 1px #5b9dd9,
     91                0 0 2px 1px rgba(30, 140, 190, 0.8);
     92}
     93
     94.mce-window .mce-window-head .mce-dragh {
     95        width: calc( 100% - 36px );
     96}
     97
     98.mce-window .mce-foot {
     99        border-top: 1px solid #ddd;
     100}
     101
     102.mce-textbox,
     103.mce-checkbox i.mce-i-checkbox,
     104#wp-link .query-results {
     105        border: 1px solid #ddd;
     106        border-radius: 0;
     107        box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
     108        transition: .05s all ease-in-out;
     109}
     110
     111.mce-textbox:focus,
     112.mce-textbox.mce-focus,
     113.mce-checkbox:focus i.mce-i-checkbox,
     114#wp-link .query-results:focus {
     115        border-color: #5b9dd9;
     116        box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
     117}
     118
     119.mce-window .mce-wp-help {
     120        height: 360px;
     121        width: 460px;
     122        overflow: auto;
     123}
     124
     125.mce-window .mce-wp-help * {
     126        box-sizing: border-box;
     127}
     128
     129.mce-window .mce-wp-help > .mce-container-body {
     130        width: auto !important;
     131}
     132
     133.mce-window .wp-editor-help {
     134        padding: 10px 10px 0 20px;
     135}
     136
     137.mce-window .wp-editor-help h2,
     138.mce-window .wp-editor-help p {
     139        margin: 8px 0;
     140        white-space: normal;
     141        font-size: 14px;
     142        font-weight: 400;
     143}
     144
     145.mce-window .wp-editor-help table {
     146        width: 100%;
     147        margin-bottom: 20px;
     148}
     149
     150.mce-window .wp-editor-help table.wp-help-single {
     151        margin: 0 8px 20px;
     152}
     153
     154.mce-window .wp-editor-help table.fixed {
     155        table-layout: fixed;
     156}
     157
     158.mce-window .wp-editor-help table.fixed th:nth-child(odd),
     159.mce-window .wp-editor-help table.fixed td:nth-child(odd) {
     160        width: 12%;
     161}
     162
     163.mce-window .wp-editor-help table.fixed th:nth-child(even),
     164.mce-window .wp-editor-help table.fixed td:nth-child(even) {
     165        width: 38%;
     166}
     167
     168.mce-window .wp-editor-help table.fixed th:nth-child(odd) {
     169        padding: 5px 0 0;
     170}
     171
     172.mce-window .wp-editor-help td,
     173.mce-window .wp-editor-help th {
     174        font-size: 13px;
     175        padding: 5px;
     176        vertical-align: middle;
     177        word-wrap: break-word;
     178        white-space: normal;
     179}
     180
     181.mce-window .wp-editor-help th {
     182        font-weight: 600;
     183        padding-bottom: 0;
     184}
     185
     186.mce-window .wp-editor-help kbd {
     187        font-family: monospace;
     188        padding: 2px 7px 3px;
     189        font-weight: 600;
     190        margin: 0;
     191        background: #eaeaea;
     192        background: rgba(0, 0, 0, 0.08);
     193}
     194
     195.mce-window .wp-help-th-center td:nth-child(odd),
     196.mce-window .wp-help-th-center th:nth-child(odd) {
     197        text-align: center;
     198}
     199
     200/* TinyMCE menus */
     201.mce-menu,
     202.mce-floatpanel.mce-popover {
     203        border-color: rgba(0, 0, 0, 0.15);
     204        border-radius: 0;
     205        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
     206}
     207
     208.mce-menu,
     209.mce-floatpanel.mce-popover.mce-bottom {
     210        margin-top: 2px;
     211}
     212
     213.mce-floatpanel .mce-arrow {
     214        display: none;
     215}
     216
     217.mce-menu .mce-container-body {
     218        min-width: 160px;
     219}
     220
     221.mce-menu-item {
     222        border: none;
     223        margin-bottom: 2px;
     224        padding: 6px 15px 6px 12px;
     225}
     226
     227.mce-menu-has-icons i.mce-ico {
     228        line-height: 20px;
     229}
     230
     231/* TinyMCE panel */
     232div.mce-panel {
     233        border: 0;
     234        background: #fff;
     235}
     236
     237.mce-panel.mce-menu {
     238        border: 1px solid #ddd;
     239}
     240
     241div.mce-tab {
     242        line-height: 13px;
     243}
     244
     245/* TinyMCE toolbars */
     246div.mce-toolbar-grp {
     247        border-bottom: 1px solid #ddd;
     248        background: #f5f5f5;
     249        padding: 0;
     250        position: relative;
     251}
     252
     253div.mce-inline-toolbar-grp {
     254        border: 1px solid #a0a5aa;
     255        border-radius: 2px;
     256        box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
     257        box-sizing: border-box;
     258        margin-bottom: 8px;
     259        position: absolute;
     260        -moz-user-select: none;
     261        -webkit-user-select: none;
     262        -ms-user-select: none;
     263        user-select: none;
     264        max-width: 98%;
     265        z-index: 100100; /* Same as the other TinyMCE "panels" */
     266}
     267
     268div.mce-inline-toolbar-grp > div.mce-stack-layout {
     269        padding: 1px;
     270}
     271
     272div.mce-inline-toolbar-grp.mce-arrow-up {
     273        margin-bottom: 0;
     274        margin-top: 8px;
     275}
     276
     277div.mce-inline-toolbar-grp:before,
     278div.mce-inline-toolbar-grp:after {
     279        position: absolute;
     280        left: 50%;
     281        display: block;
     282        width: 0;
     283        height: 0;
     284        border-style: solid;
     285        border-color: transparent;
     286        content: "";
     287}
     288
     289div.mce-inline-toolbar-grp.mce-arrow-up:before {
     290        top: -9px;
     291        border-bottom-color: #a0a5aa;
     292        border-width: 0 9px 9px;
     293        margin-left: -9px;
     294}
     295
     296div.mce-inline-toolbar-grp.mce-arrow-down:before {
     297        bottom: -9px;
     298        border-top-color: #a0a5aa;
     299        border-width: 9px 9px 0;
     300        margin-left: -9px;
     301}
     302
     303div.mce-inline-toolbar-grp.mce-arrow-up:after {
     304        top: -8px;
     305        border-bottom-color: #f5f5f5;
     306        border-width: 0 8px 8px;
     307        margin-left: -8px;
     308}
     309
     310div.mce-inline-toolbar-grp.mce-arrow-down:after {
     311        bottom: -8px;
     312        border-top-color: #f5f5f5;
     313        border-width: 8px 8px 0;
     314        margin-left: -8px;
     315}
     316
     317div.mce-inline-toolbar-grp.mce-arrow-left:before,
     318div.mce-inline-toolbar-grp.mce-arrow-left:after {
     319        margin: 0;
     320}
     321
     322div.mce-inline-toolbar-grp.mce-arrow-left:before {
     323        left: 20px;
     324}
     325div.mce-inline-toolbar-grp.mce-arrow-left:after {
     326        left: 21px;
     327}
     328
     329div.mce-inline-toolbar-grp.mce-arrow-right:before,
     330div.mce-inline-toolbar-grp.mce-arrow-right:after {
     331        left: auto;
     332        margin: 0;
     333}
     334
     335div.mce-inline-toolbar-grp.mce-arrow-right:before {
     336        right: 20px;
     337}
     338
     339div.mce-inline-toolbar-grp.mce-arrow-right:after {
     340        right: 21px;
     341}
     342
     343div.mce-inline-toolbar-grp.mce-arrow-full {
     344        right: 0;
     345}
     346
     347div.mce-inline-toolbar-grp.mce-arrow-full > div {
     348        width: 100%;
     349        overflow-x: auto;
     350}
     351
     352div.mce-toolbar-grp > div {
     353        padding: 3px;
     354}
     355
     356.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
     357        padding-right: 32px;
     358}
     359
     360.mce-toolbar .mce-btn-group {
     361        margin: 0;
     362}
     363
     364/* Classic block hide/show toolbars */
     365.block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
     366        display: none;
     367}
     368
     369.block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
     370        display: block;
     371}
     372
     373div.mce-statusbar {
     374        border-top: 1px solid #e5e5e5;
     375}
     376
     377div.mce-path {
     378        padding: 2px 10px;
     379        margin: 0;
     380}
     381
     382.mce-path,
     383.mce-path-item,
     384.mce-path .mce-divider {
     385        font-size: 12px;
     386}
     387
     388.mce-toolbar .mce-btn,
     389.qt-dfw {
     390        border-color: transparent;
     391        background: transparent;
     392        box-shadow: none;
     393        text-shadow: none;
     394        cursor: pointer;
     395}
     396
     397.mce-btn .mce-txt {
     398        direction: inherit;
     399        text-align: inherit;
     400}
     401
     402.mce-toolbar .mce-btn-group .mce-btn,
     403.qt-dfw {
     404        border: 1px solid transparent;
     405        margin: 2px;
     406        border-radius: 2px;
     407}
     408
     409.mce-toolbar .mce-btn-group .mce-btn:hover,
     410.mce-toolbar .mce-btn-group .mce-btn:focus,
     411.qt-dfw:hover,
     412.qt-dfw:focus {
     413        background: #fafafa;
     414        border-color: #555d66;
     415        color: #23282d;
     416        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
     417        outline: none;
     418}
     419
     420.mce-toolbar .mce-btn-group .mce-btn.mce-active,
     421.mce-toolbar .mce-btn-group .mce-btn:active,
     422.qt-dfw.active {
     423        background: #ebebeb;
     424        border-color: #555d66;
     425        box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3);
     426}
     427
     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 {
     433        color: inherit;
     434}
     435
     436.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
     437.mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
     438        border-color: #23282d;
     439}
     440
     441.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
     442.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
     443        color: #a0a5aa;
     444        background: none;
     445        border-color: #ddd;
     446        text-shadow: 0 1px 0 #fff;
     447        box-shadow: none;
     448}
     449
     450.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
     451        border-color: #555d66;
     452}
     453
     454.mce-toolbar .mce-btn-group .mce-first,
     455.mce-toolbar .mce-btn-group .mce-last {
     456        border-color: transparent;
     457}
     458
     459.mce-toolbar .mce-btn button,
     460.qt-dfw {
     461        padding: 2px 3px;
     462        line-height: normal;
     463}
     464
     465.mce-toolbar .mce-listbox button {
     466        font-size: 13px;
     467        line-height: 20px;
     468        padding-left: 6px;
     469        padding-right: 20px;
     470}
     471
     472.mce-toolbar .mce-btn i {
     473        text-shadow: none;
     474}
     475
     476.mce-toolbar .mce-btn-group > div {
     477        white-space: normal;
     478}
     479
     480.mce-toolbar .mce-colorbutton .mce-open {
     481        border-right: 0;
     482}
     483
     484.mce-toolbar .mce-colorbutton .mce-preview {
     485        margin: 0;
     486        padding: 0;
     487        top: auto;
     488        bottom: 2px;
     489        left: 3px;
     490        height: 3px;
     491        width: 20px;
     492        background: #555d66;
     493}
     494
     495.mce-toolbar .mce-btn-group .mce-btn.mce-primary {
     496        min-width: 0;
     497        background: #0085ba;
     498        border-color: #0073aa #006799 #006799;
     499        box-shadow: 0 1px 0 #006799;
     500        color: #fff;
     501        text-decoration: none;
     502        text-shadow: none;
     503}
     504
     505/* 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 {
     507        padding: 2px 3px 1px;
     508}
     509
     510.mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {
     511        color: #fff;
     512}
     513
     514.mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
     515.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
     516        background: #008ec2;
     517        border-color: #006799;
     518        color: #fff;
     519}
     520
     521.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
     522        box-shadow: 0 0 1px 1px #33b3db;
     523}
     524
     525.mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
     526        background: #0073aa;
     527        border-color: #006799;
     528        box-shadow: inset 0 2px 0 #006799;
     529}
     530
     531/* mce listbox */
     532.mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
     533        border-radius: 0;
     534        direction: ltr;
     535        background: #fff;
     536        border: 1px solid #ddd;
     537        box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2);
     538}
     539
     540.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
     541.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
     542        border-color: #b4b9be;
     543}
     544
     545.mce-panel .mce-btn i.mce-caret {
     546        border-top: 6px solid #555d66;
     547        margin-left: 2px;
     548        margin-right: 2px;
     549}
     550
     551.mce-listbox i.mce-caret {
     552        right: 4px;
     553}
     554
     555.mce-panel .mce-btn:hover i.mce-caret,
     556.mce-panel .mce-btn:focus i.mce-caret {
     557        border-top-color: #23282d;
     558}
     559
     560.mce-panel .mce-active i.mce-caret {
     561        border-top: 0;
     562        border-bottom: 6px solid #23282d;
     563        margin-top: 7px;
     564}
     565
     566.mce-listbox.mce-active i.mce-caret {
     567        margin-top: -3px;
     568}
     569
     570.mce-toolbar .mce-splitbtn:hover .mce-open {
     571        border-right-color: transparent;
     572}
     573
     574.mce-toolbar .mce-splitbtn .mce-open.mce-active {
     575        background: transparent;
     576        outline: none;
     577}
     578
     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.mce-active.mce-menu-item-normal,
     583.mce-menu .mce-menu-item.mce-active.mce-menu-item-preview {
     584        background: #0073aa; /* See color scheme. */
     585        color: #fff;
     586}
     587
     588.mce-menu .mce-menu-item:hover .mce-caret,
     589.mce-menu .mce-menu-item:focus .mce-caret,
     590.mce-menu .mce-menu-item.mce-selected .mce-caret {
     591        border-left-color: #fff;
     592}
     593
     594/* rtl:ignore */
     595.rtl .mce-menu .mce-menu-item:hover .mce-caret,
     596.rtl .mce-menu .mce-menu-item:focus .mce-caret,
     597.rtl .mce-menu .mce-menu-item.mce-selected .mce-caret {
     598        border-left-color: inherit;
     599        border-right-color: #fff;
     600}
     601
     602.mce-menu .mce-menu-item:hover .mce-text,
     603.mce-menu .mce-menu-item:focus .mce-text,
     604.mce-menu .mce-menu-item:hover .mce-ico,
     605.mce-menu .mce-menu-item:focus .mce-ico,
     606.mce-menu .mce-menu-item.mce-selected .mce-text,
     607.mce-menu .mce-menu-item.mce-selected .mce-ico,
     608.mce-menu .mce-menu-item:hover .mce-menu-shortcut,
     609.mce-menu .mce-menu-item:focus .mce-menu-shortcut,
     610.mce-menu .mce-menu-item.mce-active .mce-menu-shortcut,
     611.mce-menu .mce-menu-item.mce-disabled:hover .mce-text,
     612.mce-menu .mce-menu-item.mce-disabled:hover .mce-ico {
     613        color: inherit;
     614}
     615
     616.mce-menu .mce-menu-item.mce-disabled {
     617        cursor: default;
     618}
     619
     620.mce-menu .mce-menu-item.mce-disabled:hover {
     621        background: #ccc;
     622}
     623
     624/* Menubar */
     625div.mce-menubar {
     626        border-color: #e5e5e5;
     627        background: #fff;
     628        border-width: 0px 0px 1px;
     629}
     630
     631.mce-menubar .mce-menubtn:hover,
     632.mce-menubar .mce-menubtn.mce-active,
     633.mce-menubar .mce-menubtn:focus {
     634        border-color: transparent;
     635        background: transparent;
     636}
     637
     638.mce-menubar .mce-menubtn:focus {
     639        color: #124964;
     640        box-shadow:
     641                0 0 0 1px #5b9dd9,
     642                0 0 2px 1px rgba(30, 140, 190, 0.8);
     643}
     644
     645div.mce-menu .mce-menu-item-sep,
     646.mce-menu-item-sep:hover {
     647        border-bottom: 1px solid #ddd;
     648        height: 0px;
     649        margin: 5px 0;
     650}
     651
     652.mce-menubtn span {
     653        margin-right: 0;
     654        padding-left: 3px;
     655}
     656
     657.mce-menu-has-icons i.mce-ico:before {
     658        margin-left: -2px;
     659}
     660
     661/* Keyboard shortcuts position */
     662.mce-menu.mce-menu-align .mce-menu-item-normal {
     663        position: relative;
     664}
     665
     666.mce-menu.mce-menu-align .mce-menu-shortcut {
     667        bottom: 0.6em;
     668        font-size: 0.9em;
     669}
     670
     671/* Buttons in modals */
     672.mce-primary button,
     673.mce-primary button i {
     674        text-align: center;
     675        color: #fff;
     676        text-shadow: none;
     677        padding: 0;
     678        line-height: 26px;
     679}
     680
     681.mce-window .mce-btn {
     682        color: #555;
     683        background: #f7f7f7;
     684        text-decoration: none;
     685        font-size: 13px;
     686        line-height: 26px;
     687        height: 28px;
     688        margin: 0;
     689        padding: 0;
     690        cursor: pointer;
     691        border: 1px solid #cccccc;
     692        -webkit-appearance: none;
     693        border-radius: 3px;
     694        white-space: nowrap;
     695        box-shadow: 0 1px 0 #cccccc;
     696}
     697
     698/* Remove the dotted border on :focus and the extra padding in Firefox */
     699.mce-window .mce-btn::-moz-focus-inner {
     700        border-width: 0;
     701        border-style: none;
     702        padding: 0;
     703}
     704
     705.mce-window .mce-btn:hover,
     706.mce-window .mce-btn:focus {
     707        background: #fafafa;
     708        border-color: #999;
     709        color: #23282d;
     710}
     711
     712.mce-window .mce-btn:focus {
     713        border-color: #5b9dd9;
     714        box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
     715}
     716
     717.mce-window .mce-btn:active {
     718        background: #eee;
     719        border-color: #999;
     720        box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
     721        transform: translateY(1px);
     722}
     723
     724.mce-window .mce-btn.mce-disabled {
     725        color: #a0a5aa !important;
     726        border-color: #ddd !important;
     727        background: #f7f7f7 !important;
     728        box-shadow: none !important;
     729        text-shadow: 0 1px 0 #fff !important;
     730        cursor: default;
     731        transform: none !important;
     732}
     733
     734.mce-window .mce-btn.mce-primary {
     735        background: #0085ba;
     736        border-color: #0073aa #006799 #006799;
     737        box-shadow: 0 1px 0 #006799;
     738        color: #fff;
     739        text-decoration: none;
     740        text-shadow: 0 -1px 1px #006799,
     741                1px 0 1px #006799,
     742                0 1px 1px #006799,
     743                -1px 0 1px #006799;
     744}
     745
     746.mce-window .mce-btn.mce-primary:hover,
     747.mce-window .mce-btn.mce-primary:focus {
     748        background: #008ec2;
     749        border-color: #006799;
     750        color: #fff;
     751}
     752
     753.mce-window .mce-btn.mce-primary:focus {
     754        box-shadow: 0 1px 0 #0073aa,
     755                0 0 2px 1px #33b3db;
     756}
     757
     758.mce-window .mce-btn.mce-primary:active {
     759        background: #0073aa;
     760        border-color: #006799;
     761        box-shadow: inset 0 2px 0 #006799;
     762        vertical-align: top;
     763}
     764
     765.mce-window .mce-btn.mce-primary.mce-disabled {
     766        color: #66c6e4 !important;
     767        background: #008ec2 !important;
     768        border-color: #007cb2 !important;
     769        box-shadow: none !important;
     770        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
     771        cursor: default;
     772}
     773
     774.mce-menubtn.mce-fixed-width span {
     775        overflow-x: hidden;
     776        text-overflow: ellipsis;
     777        width: 82px;
     778}
     779
     780/* Charmap modal */
     781.mce-charmap {
     782        margin: 3px;
     783}
     784
     785.mce-charmap td {
     786        padding: 0;
     787        border-color: #ddd;
     788        cursor: pointer;
     789}
     790
     791.mce-charmap td:hover {
     792        background: #f3f3f3;
     793}
     794
     795.mce-charmap td div {
     796        width: 18px;
     797        height: 22px;
     798        line-height: 22px;
     799}
     800
     801/* TinyMCE tooltips */
     802.mce-tooltip {
     803        margin-top: 2px;
     804}
     805
     806/* Don't show the tooltip. Used in Chrome RTL, see #42018 */
     807.rtl .mce-tooltip.wp-hide-mce-tooltip {
     808        display: none !important;
     809}
     810
     811.mce-tooltip-inner {
     812        border-radius: 3px;
     813        box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
     814        color: #fff;
     815        font-size: 12px;
     816}
     817
     818/* TinyMCE icons */
     819.mce-ico {
     820        font-family: tinymce, Arial;
     821}
     822
     823.mce-btn-small .mce-ico {
     824        font-family: tinymce-small, Arial;
     825}
     826
     827.mce-toolbar .mce-ico {
     828        color: #555d66;
     829        line-height: 20px;
     830        width: 20px;
     831        height: 20px;
     832        text-align: center;
     833        text-shadow: none;
     834        margin: 0;
     835        padding: 0;
     836}
     837
     838.qt-dfw {
     839        color: #555d66;
     840        line-height: 20px;
     841        width: 28px;
     842        height: 26px;
     843        text-align: center;
     844        text-shadow: none;
     845}
     846
     847.mce-toolbar .mce-btn .mce-open {
     848        line-height: 20px;
     849}
     850
     851.mce-toolbar .mce-btn:hover .mce-open,
     852.mce-toolbar .mce-btn:focus .mce-open,
     853.mce-toolbar .mce-btn.mce-active .mce-open {
     854        border-left-color: #23282d;
     855}
     856
     857div.mce-notification {
     858        left: 10% !important;
     859        right: 10%;
     860}
     861
     862.mce-notification button.mce-close {
     863        right: 6px;
     864        top: 3px;
     865        font-weight: 400;
     866        color: #555d66;
     867}
     868
     869.mce-notification button.mce-close:hover,
     870.mce-notification button.mce-close:focus {
     871        color: #000;
     872}
     873
     874/* Editors */
     875.wp-editor-wrap {
     876        position: relative;
     877}
     878
     879.wp-editor-tools {
     880        position: relative;
     881        z-index: 1;
     882}
     883
     884.wp-editor-tools:after {
     885        clear: both;
     886        content: "";
     887        display: table;
     888}
     889
     890.wp-editor-container {
     891        clear: both;
     892        border: 1px solid #e5e5e5;
     893}
     894
     895.wp-editor-area {
     896        font-family: Consolas, Monaco, monospace;
     897        font-size: 13px;
     898        padding: 10px;
     899        margin: 1px 0 0;
     900        line-height: 150%;
     901        border: 0;
     902        outline: none;
     903        display: block;
     904        resize: vertical;
     905        box-sizing: border-box;
     906}
     907
     908.rtl .wp-editor-area {
     909        font-family: Tahoma, Monaco, monospace;
     910}
     911
     912.locale-he-il .wp-editor-area {
     913        font-family: Arial, Monaco, monospace;
     914}
     915
     916.wp-editor-container textarea.wp-editor-area {
     917        width: 100%;
     918        margin: 0;
     919        box-shadow: none;
     920}
     921
     922.wp-editor-tabs {
     923        float: right;
     924}
     925
     926.wp-switch-editor {
     927        float: left;
     928        box-sizing: content-box;
     929        position: relative;
     930        top: 1px;
     931        background: #ebebeb;
     932        color: #666;
     933        cursor: pointer;
     934        font-size: 13px;
     935        line-height: 19px;
     936        height: 20px;
     937        margin: 5px 0 0 5px;
     938        padding: 3px 8px 4px;
     939        border: 1px solid #e5e5e5;
     940}
     941
     942.wp-switch-editor:focus {
     943        box-shadow:
     944                0 0 0 1px #5b9dd9,
     945                0 0 2px 1px rgba(30, 140, 190, 0.8);
     946        outline: none;
     947        color: #23282d;
     948}
     949
     950.wp-switch-editor:active,
     951.html-active .switch-html:focus,
     952.tmce-active .switch-tmce:focus {
     953        box-shadow: none;
     954}
     955
     956.wp-switch-editor:active {
     957        background-color: #f5f5f5;
     958        box-shadow: none;
     959}
     960
     961.js .tmce-active .wp-editor-area {
     962        color: #fff;
     963}
     964
     965.tmce-active .quicktags-toolbar {
     966        display: none;
     967}
     968
     969.tmce-active .switch-tmce,
     970.html-active .switch-html {
     971        background: #f5f5f5;
     972        color: #555;
     973        border-bottom-color: #f5f5f5;
     974}
     975
     976.wp-media-buttons {
     977        float: left;
     978}
     979
     980.wp-media-buttons .button {
     981        margin-right: 5px;
     982        margin-bottom: 4px;
     983        padding-left: 7px;
     984        padding-right: 7px;
     985}
     986
     987.wp-media-buttons .button:active {
     988        position: relative;
     989        top: 1px;
     990        margin-top: -1px;
     991        margin-bottom: 1px;
     992}
     993
     994.wp-media-buttons .insert-media {
     995        padding-left: 5px;
     996}
     997
     998.wp-media-buttons a {
     999        text-decoration: none;
     1000        color: #444;
     1001        font-size: 12px;
     1002}
     1003
     1004.wp-media-buttons img {
     1005        padding: 0 4px;
     1006        vertical-align: middle;
     1007}
     1008
     1009.wp-media-buttons span.wp-media-buttons-icon {
     1010        display: inline-block;
     1011        width: 18px;
     1012        height: 18px;
     1013        vertical-align: text-top;
     1014        margin: 0 2px;
     1015}
     1016
     1017.wp-media-buttons .add_media span.wp-media-buttons-icon {
     1018        background: none;
     1019}
     1020
     1021.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
     1022        font: normal 18px/1 dashicons;
     1023        speak: none;
     1024        -webkit-font-smoothing: antialiased;
     1025        -moz-osx-font-smoothing: grayscale;
     1026}
     1027
     1028.wp-media-buttons .add_media span.wp-media-buttons-icon:before {
     1029        content: "\f104";
     1030}
     1031
     1032.mce-content-body dl.wp-caption {
     1033        max-width: 100%;
     1034}
     1035
     1036/* Quicktags */
     1037.quicktags-toolbar {
     1038        padding: 3px;
     1039        position: relative;
     1040        border-bottom: 1px solid #ddd;
     1041        background: #f5f5f5;
     1042        min-height: 30px;
     1043}
     1044
     1045.has-dfw .quicktags-toolbar {
     1046        padding-right: 35px;
     1047}
     1048
     1049.wp-core-ui .quicktags-toolbar input.button.button-small {
     1050        margin: 2px;
     1051}
     1052
     1053.quicktags-toolbar input[value="link"] {
     1054        text-decoration: underline;
     1055}
     1056
     1057.quicktags-toolbar input[value="del"] {
     1058        text-decoration: line-through;
     1059}
     1060
     1061.quicktags-toolbar input[value="i"] {
     1062        font-style: italic;
     1063}
     1064
     1065.quicktags-toolbar input[value="b"] {
     1066        font-weight: 600;
     1067}
     1068
     1069.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
     1070.qt-dfw {
     1071        position: absolute;
     1072        top: 0;
     1073        right: 0;
     1074        margin: 5px 5px 0 0;
     1075}
     1076
     1077.qt-fullscreen {
     1078        position: static;
     1079        margin: 2px;
     1080}
     1081
     1082@media screen and (max-width: 782px) {
     1083        .mce-toolbar .mce-btn button,
     1084        .qt-dfw {
     1085                padding: 6px 7px;
     1086        }
     1087
     1088        /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
     1089        .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
     1090                padding: 6px 7px 5px;
     1091        }
     1092
     1093        .mce-toolbar .mce-btn-group .mce-btn {
     1094                margin: 1px;
     1095        }
     1096
     1097        .qt-dfw {
     1098                width: 36px;
     1099                height: 34px;
     1100        }
     1101
     1102        .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
     1103                margin: 4px 4px 0 0;
     1104        }
     1105
     1106        .mce-toolbar .mce-colorbutton .mce-preview {
     1107                left: 8px;
     1108                bottom: 6px;
     1109        }
     1110
     1111        .mce-window .mce-btn {
     1112                padding: 2px 0;
     1113        }
     1114
     1115        .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
     1116        .has-dfw .quicktags-toolbar {
     1117                padding-right: 40px;
     1118        }
     1119}
     1120
     1121@media screen and (min-width: 782px) {
     1122        .wp-core-ui .quicktags-toolbar input.button.button-small {
     1123                /* .button-small is normally 11px, but a bit too small for these buttons. */
     1124                font-size: 12px;
     1125                height: 26px;
     1126                line-height: 24px;
     1127        }
     1128}
     1129
     1130#wp_editbtns,
     1131#wp_gallerybtns {
     1132        padding: 2px;
     1133        position: absolute;
     1134        display: none;
     1135        z-index: 100020;
     1136}
     1137
     1138#wp_editimgbtn,
     1139#wp_delimgbtn,
     1140#wp_editgallery,
     1141#wp_delgallery {
     1142        border-color: #999;
     1143        background-color: #eee;
     1144        margin: 2px;
     1145        padding: 2px;
     1146        border-width: 1px;
     1147        border-style: solid;
     1148        border-radius: 3px;
     1149}
     1150
     1151#wp_editimgbtn:hover,
     1152#wp_delimgbtn:hover,
     1153#wp_editgallery:hover,
     1154#wp_delgallery:hover {
     1155        border-color: #555;
     1156        background-color: #ccc;
     1157}
     1158
     1159/*------------------------------------------------------------------------------
     1160 wp-link
     1161------------------------------------------------------------------------------*/
     1162
     1163/* =Overlay Body
     1164-------------------------------------------------------------- */
     1165
     1166.mce-fullscreen {
     1167        z-index: 100010;
     1168}
     1169
     1170/* =Localization
     1171-------------------------------------------------------------- */
     1172.rtl .wp-switch-editor,
     1173.rtl .quicktags-toolbar input {
     1174        font-family: Tahoma, sans-serif;
     1175}
     1176
     1177/* rtl:ignore */
     1178.mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
     1179        direction: rtl;
     1180}
     1181
     1182/* rtl:ignore */
     1183.mce-rtl .mce-listbox i.mce-caret {
     1184        left: 6px;
     1185}
     1186
     1187html:lang(he-il) .rtl .wp-switch-editor,
     1188html:lang(he-il) .rtl .quicktags-toolbar input {
     1189        font-family: Arial, sans-serif;
     1190}
     1191
     1192/* HiDPI */
     1193@media print,
     1194  (-webkit-min-device-pixel-ratio: 1.25),
     1195  (min-resolution: 120dpi) {
     1196        .wp-media-buttons .add_media span.wp-media-buttons-icon {
     1197                background: none;
     1198        }
     1199}
  • src/wp-includes/css/editor.css

    Property changes on: src/wp-includes/css/classic-editor.css
    ___________________________________________________________________
    Added: svn:eol-style
    ## -0,0 +1 ##
    +native
    \ No newline at end of property
     
    1 /*------------------------------------------------------------------------------
    2  TinyMCE and Quicklinks toolbars
    3 ------------------------------------------------------------------------------*/
    4 
    5 /* TinyMCE widgets/containers */
    6 
    7 .mce-tinymce {
    8         box-shadow: none;
    9 }
    10 
    11 .mce-container,
    12 .mce-container *,
    13 .mce-widget,
    14 .mce-widget * {
    15         color: inherit;
    16         font-family: inherit;
    17 }
    18 
    19 .mce-container .mce-monospace,
    20 .mce-widget .mce-monospace {
    21         font-family: Consolas, Monaco, monospace;
    22         font-size: 13px;
    23         line-height: 150%;
    24 }
    25 
    26 /* TinyMCE windows */
    27 #mce-modal-block,
    28 #mce-modal-block.mce-fade {
    29         opacity: 0.7;
    30         filter: alpha(opacity=70);
    31         transition: none;
    32         background: #000;
    33 }
    34 
    35 .mce-window {
    36         border-radius: 0;
    37         box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    38         -webkit-font-smoothing: subpixel-antialiased;
    39         transition: none;
    40 }
    41 
    42 .mce-window .mce-container-body.mce-abs-layout {
    43         overflow: visible;
    44 }
    45 
    46 .mce-window .mce-window-head {
    47         background: #fcfcfc;
    48         border-bottom: 1px solid #ddd;
    49         padding: 0;
    50         min-height: 36px;
    51 }
    52 
    53 .mce-window .mce-window-head .mce-title {
    54         color: #444;
    55         font-size: 18px;
    56         font-weight: 600;
    57         line-height: 36px;
    58         margin: 0;
    59         padding: 0 36px 0 16px;
    60 }
    61 
    62 .mce-window .mce-window-head .mce-close,
    63 .mce-window-head .mce-close .mce-i-remove {
    64         color: transparent;
    65         top: 0;
    66         right: 0;
    67         width: 36px;
    68         height: 36px;
    69         padding: 0;
    70         line-height: 36px;
    71         text-align: center;
    72 }
    73 
    74 .mce-window-head .mce-close .mce-i-remove:before {
    75         font: normal 20px/36px dashicons;
    76         text-align: center;
    77         color: #666;
    78         width: 36px;
    79         height: 36px;
    80         display: block;
    81 }
    82 
    83 .mce-window-head .mce-close:hover .mce-i-remove:before,
    84 .mce-window-head .mce-close:focus .mce-i-remove:before {
    85         color: #00a0d2;
    86 }
    87 
    88 .mce-window-head .mce-close:focus .mce-i-remove,
    89 div.mce-tab:focus {
    90         box-shadow: 0 0 0 1px #5b9dd9,
    91                 0 0 2px 1px rgba(30, 140, 190, 0.8);
    92 }
    93 
    94 .mce-window .mce-window-head .mce-dragh {
    95         width: calc( 100% - 36px );
    96 }
    97 
    98 .mce-window .mce-foot {
    99         border-top: 1px solid #ddd;
    100 }
    101 
    102 .mce-textbox,
    103 .mce-checkbox i.mce-i-checkbox,
    104 #wp-link .query-results {
    105         border: 1px solid #ddd;
    106         border-radius: 0;
    107         box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.07);
    108         transition: .05s all ease-in-out;
    109 }
    110 
    111 .mce-textbox:focus,
    112 .mce-textbox.mce-focus,
    113 .mce-checkbox:focus i.mce-i-checkbox,
    114 #wp-link .query-results:focus {
    115         border-color: #5b9dd9;
    116         box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    117 }
    118 
    119 .mce-window .mce-wp-help {
    120         height: 360px;
    121         width: 460px;
    122         overflow: auto;
    123 }
    124 
    125 .mce-window .mce-wp-help * {
    126         box-sizing: border-box;
    127 }
    128 
    129 .mce-window .mce-wp-help > .mce-container-body {
    130         width: auto !important;
    131 }
    132 
    133 .mce-window .wp-editor-help {
    134         padding: 10px 10px 0 20px;
    135 }
    136 
    137 .mce-window .wp-editor-help h2,
    138 .mce-window .wp-editor-help p {
    139         margin: 8px 0;
    140         white-space: normal;
    141         font-size: 14px;
    142         font-weight: 400;
    143 }
    144 
    145 .mce-window .wp-editor-help table {
    146         width: 100%;
    147         margin-bottom: 20px;
    148 }
    149 
    150 .mce-window .wp-editor-help table.wp-help-single {
    151         margin: 0 8px 20px;
    152 }
    153 
    154 .mce-window .wp-editor-help table.fixed {
    155         table-layout: fixed;
    156 }
    157 
    158 .mce-window .wp-editor-help table.fixed th:nth-child(odd),
    159 .mce-window .wp-editor-help table.fixed td:nth-child(odd) {
    160         width: 12%;
    161 }
    162 
    163 .mce-window .wp-editor-help table.fixed th:nth-child(even),
    164 .mce-window .wp-editor-help table.fixed td:nth-child(even) {
    165         width: 38%;
    166 }
    167 
    168 .mce-window .wp-editor-help table.fixed th:nth-child(odd) {
    169         padding: 5px 0 0;
    170 }
    171 
    172 .mce-window .wp-editor-help td,
    173 .mce-window .wp-editor-help th {
    174         font-size: 13px;
    175         padding: 5px;
    176         vertical-align: middle;
    177         word-wrap: break-word;
    178         white-space: normal;
    179 }
    180 
    181 .mce-window .wp-editor-help th {
    182         font-weight: 600;
    183         padding-bottom: 0;
    184 }
    185 
    186 .mce-window .wp-editor-help kbd {
    187         font-family: monospace;
    188         padding: 2px 7px 3px;
    189         font-weight: 600;
    190         margin: 0;
    191         background: #eaeaea;
    192         background: rgba(0, 0, 0, 0.08);
    193 }
    194 
    195 .mce-window .wp-help-th-center td:nth-child(odd),
    196 .mce-window .wp-help-th-center th:nth-child(odd) {
    197         text-align: center;
    198 }
    199 
    200 /* TinyMCE menus */
    201 .mce-menu,
    202 .mce-floatpanel.mce-popover {
    203         border-color: rgba(0, 0, 0, 0.15);
    204         border-radius: 0;
    205         box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    206 }
    207 
    208 .mce-menu,
    209 .mce-floatpanel.mce-popover.mce-bottom {
    210         margin-top: 2px;
    211 }
    212 
    213 .mce-floatpanel .mce-arrow {
    214         display: none;
    215 }
    216 
    217 .mce-menu .mce-container-body {
    218         min-width: 160px;
    219 }
    220 
    221 .mce-menu-item {
    222         border: none;
    223         margin-bottom: 2px;
    224         padding: 6px 15px 6px 12px;
    225 }
    226 
    227 .mce-menu-has-icons i.mce-ico {
    228         line-height: 20px;
    229 }
    230 
    231 /* TinyMCE panel */
    232 div.mce-panel {
    233         border: 0;
    234         background: #fff;
    235 }
    236 
    237 .mce-panel.mce-menu {
    238         border: 1px solid #ddd;
    239 }
    240 
    241 div.mce-tab {
    242         line-height: 13px;
    243 }
    244 
    245 /* TinyMCE toolbars */
    246 div.mce-toolbar-grp {
    247         border-bottom: 1px solid #ddd;
    248         background: #f5f5f5;
    249         padding: 0;
    250         position: relative;
    251 }
    252 
    253 div.mce-inline-toolbar-grp {
    254         border: 1px solid #a0a5aa;
    255         border-radius: 2px;
    256         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.15);
    257         box-sizing: border-box;
    258         margin-bottom: 8px;
    259         position: absolute;
    260         -moz-user-select: none;
    261         -webkit-user-select: none;
    262         -ms-user-select: none;
    263         user-select: none;
    264         max-width: 98%;
    265         z-index: 100100; /* Same as the other TinyMCE "panels" */
    266 }
    267 
    268 div.mce-inline-toolbar-grp > div.mce-stack-layout {
    269         padding: 1px;
    270 }
    271 
    272 div.mce-inline-toolbar-grp.mce-arrow-up {
    273         margin-bottom: 0;
    274         margin-top: 8px;
    275 }
    276 
    277 div.mce-inline-toolbar-grp:before,
    278 div.mce-inline-toolbar-grp:after {
    279         position: absolute;
    280         left: 50%;
    281         display: block;
    282         width: 0;
    283         height: 0;
    284         border-style: solid;
    285         border-color: transparent;
    286         content: "";
    287 }
    288 
    289 div.mce-inline-toolbar-grp.mce-arrow-up:before {
    290         top: -9px;
    291         border-bottom-color: #a0a5aa;
    292         border-width: 0 9px 9px;
    293         margin-left: -9px;
    294 }
    295 
    296 div.mce-inline-toolbar-grp.mce-arrow-down:before {
    297         bottom: -9px;
    298         border-top-color: #a0a5aa;
    299         border-width: 9px 9px 0;
    300         margin-left: -9px;
    301 }
    302 
    303 div.mce-inline-toolbar-grp.mce-arrow-up:after {
    304         top: -8px;
    305         border-bottom-color: #f5f5f5;
    306         border-width: 0 8px 8px;
    307         margin-left: -8px;
    308 }
    309 
    310 div.mce-inline-toolbar-grp.mce-arrow-down:after {
    311         bottom: -8px;
    312         border-top-color: #f5f5f5;
    313         border-width: 8px 8px 0;
    314         margin-left: -8px;
    315 }
    316 
    317 div.mce-inline-toolbar-grp.mce-arrow-left:before,
    318 div.mce-inline-toolbar-grp.mce-arrow-left:after {
    319         margin: 0;
    320 }
    321 
    322 div.mce-inline-toolbar-grp.mce-arrow-left:before {
    323         left: 20px;
    324 }
    325 div.mce-inline-toolbar-grp.mce-arrow-left:after {
    326         left: 21px;
    327 }
    328 
    329 div.mce-inline-toolbar-grp.mce-arrow-right:before,
    330 div.mce-inline-toolbar-grp.mce-arrow-right:after {
    331         left: auto;
    332         margin: 0;
    333 }
    334 
    335 div.mce-inline-toolbar-grp.mce-arrow-right:before {
    336         right: 20px;
    337 }
    338 
    339 div.mce-inline-toolbar-grp.mce-arrow-right:after {
    340         right: 21px;
    341 }
    342 
    343 div.mce-inline-toolbar-grp.mce-arrow-full {
    344         right: 0;
    345 }
    346 
    347 div.mce-inline-toolbar-grp.mce-arrow-full > div {
    348         width: 100%;
    349         overflow-x: auto;
    350 }
    351 
    352 div.mce-toolbar-grp > div {
    353         padding: 3px;
    354 }
    355 
    356 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
    357         padding-right: 32px;
    358 }
    359 
    360 .mce-toolbar .mce-btn-group {
    361         margin: 0;
    362 }
    363 
    364 /* Classic block hide/show toolbars */
    365 .block-library-classic__toolbar .mce-toolbar-grp .mce-toolbar:not(:first-child) {
    366         display: none;
    367 }
    368 
    369 .block-library-classic__toolbar.has-advanced-toolbar .mce-toolbar-grp .mce-toolbar {
    370         display: block;
    371 }
    372 
    373 div.mce-statusbar {
    374         border-top: 1px solid #e5e5e5;
    375 }
    376 
    377 div.mce-path {
    378         padding: 2px 10px;
    379         margin: 0;
    380 }
    381 
    382 .mce-path,
    383 .mce-path-item,
    384 .mce-path .mce-divider {
    385         font-size: 12px;
    386 }
    387 
    388 .mce-toolbar .mce-btn,
    389 .qt-dfw {
    390         border-color: transparent;
    391         background: transparent;
    392         box-shadow: none;
    393         text-shadow: none;
    394         cursor: pointer;
    395 }
    396 
    397 .mce-btn .mce-txt {
    398         direction: inherit;
    399         text-align: inherit;
    400 }
    401 
    402 .mce-toolbar .mce-btn-group .mce-btn,
    403 .qt-dfw {
    404         border: 1px solid transparent;
    405         margin: 2px;
    406         border-radius: 2px;
    407 }
    408 
    409 .mce-toolbar .mce-btn-group .mce-btn:hover,
    410 .mce-toolbar .mce-btn-group .mce-btn:focus,
    411 .qt-dfw:hover,
    412 .qt-dfw:focus {
    413         background: #fafafa;
    414         border-color: #555d66;
    415         color: #23282d;
    416         box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0, 0, 0, 0.08);
    417         outline: none;
    418 }
    419 
    420 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
    421 .mce-toolbar .mce-btn-group .mce-btn:active,
    422 .qt-dfw.active {
    423         background: #ebebeb;
    424         border-color: #555d66;
    425         box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.3);
    426 }
    427 
    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 {
    433         color: inherit;
    434 }
    435 
    436 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover,
    437 .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus {
    438         border-color: #23282d;
    439 }
    440 
    441 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
    442 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
    443         color: #a0a5aa;
    444         background: none;
    445         border-color: #ddd;
    446         text-shadow: 0 1px 0 #fff;
    447         box-shadow: none;
    448 }
    449 
    450 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus {
    451         border-color: #555d66;
    452 }
    453 
    454 .mce-toolbar .mce-btn-group .mce-first,
    455 .mce-toolbar .mce-btn-group .mce-last {
    456         border-color: transparent;
    457 }
    458 
    459 .mce-toolbar .mce-btn button,
    460 .qt-dfw {
    461         padding: 2px 3px;
    462         line-height: normal;
    463 }
    464 
    465 .mce-toolbar .mce-listbox button {
    466         font-size: 13px;
    467         line-height: 20px;
    468         padding-left: 6px;
    469         padding-right: 20px;
    470 }
    471 
    472 .mce-toolbar .mce-btn i {
    473         text-shadow: none;
    474 }
    475 
    476 .mce-toolbar .mce-btn-group > div {
    477         white-space: normal;
    478 }
    479 
    480 .mce-toolbar .mce-colorbutton .mce-open {
    481         border-right: 0;
    482 }
    483 
    484 .mce-toolbar .mce-colorbutton .mce-preview {
    485         margin: 0;
    486         padding: 0;
    487         top: auto;
    488         bottom: 2px;
    489         left: 3px;
    490         height: 3px;
    491         width: 20px;
    492         background: #555d66;
    493 }
    494 
    495 .mce-toolbar .mce-btn-group .mce-btn.mce-primary {
    496         min-width: 0;
    497         background: #0085ba;
    498         border-color: #0073aa #006799 #006799;
    499         box-shadow: 0 1px 0 #006799;
    500         color: #fff;
    501         text-decoration: none;
    502         text-shadow: none;
    503 }
    504 
    505 /* 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 {
    507         padding: 2px 3px 1px;
    508 }
    509 
    510 .mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico {
    511         color: #fff;
    512 }
    513 
    514 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover,
    515 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
    516         background: #008ec2;
    517         border-color: #006799;
    518         color: #fff;
    519 }
    520 
    521 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus {
    522         box-shadow: 0 0 1px 1px #33b3db;
    523 }
    524 
    525 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active {
    526         background: #0073aa;
    527         border-color: #006799;
    528         box-shadow: inset 0 2px 0 #006799;
    529 }
    530 
    531 /* mce listbox */
    532 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
    533         border-radius: 0;
    534         direction: ltr;
    535         background: #fff;
    536         border: 1px solid #ddd;
    537         box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, 0.2);
    538 }
    539 
    540 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover,
    541 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus {
    542         border-color: #b4b9be;
    543 }
    544 
    545 .mce-panel .mce-btn i.mce-caret {
    546         border-top: 6px solid #555d66;
    547         margin-left: 2px;
    548         margin-right: 2px;
    549 }
    550 
    551 .mce-listbox i.mce-caret {
    552         right: 4px;
    553 }
    554 
    555 .mce-panel .mce-btn:hover i.mce-caret,
    556 .mce-panel .mce-btn:focus i.mce-caret {
    557         border-top-color: #23282d;
    558 }
    559 
    560 .mce-panel .mce-active i.mce-caret {
    561         border-top: 0;
    562         border-bottom: 6px solid #23282d;
    563         margin-top: 7px;
    564 }
    565 
    566 .mce-listbox.mce-active i.mce-caret {
    567         margin-top: -3px;
    568 }
    569 
    570 .mce-toolbar .mce-splitbtn:hover .mce-open {
    571         border-right-color: transparent;
    572 }
    573 
    574 .mce-toolbar .mce-splitbtn .mce-open.mce-active {
    575         background: transparent;
    576         outline: none;
    577 }
    578 
    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.mce-active.mce-menu-item-normal,
    583 .mce-menu .mce-menu-item.mce-active.mce-menu-item-preview {
    584         background: #0073aa; /* See color scheme. */
    585         color: #fff;
    586 }
    587 
    588 .mce-menu .mce-menu-item:hover .mce-caret,
    589 .mce-menu .mce-menu-item:focus .mce-caret,
    590 .mce-menu .mce-menu-item.mce-selected .mce-caret {
    591         border-left-color: #fff;
    592 }
    593 
    594 /* rtl:ignore */
    595 .rtl .mce-menu .mce-menu-item:hover .mce-caret,
    596 .rtl .mce-menu .mce-menu-item:focus .mce-caret,
    597 .rtl .mce-menu .mce-menu-item.mce-selected .mce-caret {
    598         border-left-color: inherit;
    599         border-right-color: #fff;
    600 }
    601 
    602 .mce-menu .mce-menu-item:hover .mce-text,
    603 .mce-menu .mce-menu-item:focus .mce-text,
    604 .mce-menu .mce-menu-item:hover .mce-ico,
    605 .mce-menu .mce-menu-item:focus .mce-ico,
    606 .mce-menu .mce-menu-item.mce-selected .mce-text,
    607 .mce-menu .mce-menu-item.mce-selected .mce-ico,
    608 .mce-menu .mce-menu-item:hover .mce-menu-shortcut,
    609 .mce-menu .mce-menu-item:focus .mce-menu-shortcut,
    610 .mce-menu .mce-menu-item.mce-active .mce-menu-shortcut,
    611 .mce-menu .mce-menu-item.mce-disabled:hover .mce-text,
    612 .mce-menu .mce-menu-item.mce-disabled:hover .mce-ico {
    613         color: inherit;
    614 }
    615 
    616 .mce-menu .mce-menu-item.mce-disabled {
    617         cursor: default;
    618 }
    619 
    620 .mce-menu .mce-menu-item.mce-disabled:hover {
    621         background: #ccc;
    622 }
    623 
    624 /* Menubar */
    625 div.mce-menubar {
    626         border-color: #e5e5e5;
    627         background: #fff;
    628         border-width: 0px 0px 1px;
    629 }
    630 
    631 .mce-menubar .mce-menubtn:hover,
    632 .mce-menubar .mce-menubtn.mce-active,
    633 .mce-menubar .mce-menubtn:focus {
    634         border-color: transparent;
    635         background: transparent;
    636 }
    637 
    638 .mce-menubar .mce-menubtn:focus {
    639         color: #124964;
    640         box-shadow:
    641                 0 0 0 1px #5b9dd9,
    642                 0 0 2px 1px rgba(30, 140, 190, 0.8);
    643 }
    644 
    645 div.mce-menu .mce-menu-item-sep,
    646 .mce-menu-item-sep:hover {
    647         border-bottom: 1px solid #ddd;
    648         height: 0px;
    649         margin: 5px 0;
    650 }
    651 
    652 .mce-menubtn span {
    653         margin-right: 0;
    654         padding-left: 3px;
    655 }
    656 
    657 .mce-menu-has-icons i.mce-ico:before {
    658         margin-left: -2px;
    659 }
    660 
    661 /* Keyboard shortcuts position */
    662 .mce-menu.mce-menu-align .mce-menu-item-normal {
    663         position: relative;
    664 }
    665 
    666 .mce-menu.mce-menu-align .mce-menu-shortcut {
    667         bottom: 0.6em;
    668         font-size: 0.9em;
    669 }
    670 
    671 /* Buttons in modals */
    672 .mce-primary button,
    673 .mce-primary button i {
    674         text-align: center;
    675         color: #fff;
    676         text-shadow: none;
    677         padding: 0;
    678         line-height: 26px;
    679 }
    680 
    681 .mce-window .mce-btn {
    682         color: #555;
    683         background: #f7f7f7;
    684         text-decoration: none;
    685         font-size: 13px;
    686         line-height: 26px;
    687         height: 28px;
    688         margin: 0;
    689         padding: 0;
    690         cursor: pointer;
    691         border: 1px solid #cccccc;
    692         -webkit-appearance: none;
    693         border-radius: 3px;
    694         white-space: nowrap;
    695         box-shadow: 0 1px 0 #cccccc;
    696 }
    697 
    698 /* Remove the dotted border on :focus and the extra padding in Firefox */
    699 .mce-window .mce-btn::-moz-focus-inner {
    700         border-width: 0;
    701         border-style: none;
    702         padding: 0;
    703 }
    704 
    705 .mce-window .mce-btn:hover,
    706 .mce-window .mce-btn:focus {
    707         background: #fafafa;
    708         border-color: #999;
    709         color: #23282d;
    710 }
    711 
    712 .mce-window .mce-btn:focus {
    713         border-color: #5b9dd9;
    714         box-shadow: 0 0 3px rgba(0, 115, 170, 0.8);
    715 }
    716 
    717 .mce-window .mce-btn:active {
    718         background: #eee;
    719         border-color: #999;
    720         box-shadow: inset 0 2px 5px -3px rgba(0, 0, 0, 0.5);
    721         transform: translateY(1px);
    722 }
    723 
    724 .mce-window .mce-btn.mce-disabled {
    725         color: #a0a5aa !important;
    726         border-color: #ddd !important;
    727         background: #f7f7f7 !important;
    728         box-shadow: none !important;
    729         text-shadow: 0 1px 0 #fff !important;
    730         cursor: default;
    731         transform: none !important;
    732 }
    733 
    734 .mce-window .mce-btn.mce-primary {
    735         background: #0085ba;
    736         border-color: #0073aa #006799 #006799;
    737         box-shadow: 0 1px 0 #006799;
    738         color: #fff;
    739         text-decoration: none;
    740         text-shadow: 0 -1px 1px #006799,
    741                 1px 0 1px #006799,
    742                 0 1px 1px #006799,
    743                 -1px 0 1px #006799;
    744 }
    745 
    746 .mce-window .mce-btn.mce-primary:hover,
    747 .mce-window .mce-btn.mce-primary:focus {
    748         background: #008ec2;
    749         border-color: #006799;
    750         color: #fff;
    751 }
    752 
    753 .mce-window .mce-btn.mce-primary:focus {
    754         box-shadow: 0 1px 0 #0073aa,
    755                 0 0 2px 1px #33b3db;
    756 }
    757 
    758 .mce-window .mce-btn.mce-primary:active {
    759         background: #0073aa;
    760         border-color: #006799;
    761         box-shadow: inset 0 2px 0 #006799;
    762         vertical-align: top;
    763 }
    764 
    765 .mce-window .mce-btn.mce-primary.mce-disabled {
    766         color: #66c6e4 !important;
    767         background: #008ec2 !important;
    768         border-color: #007cb2 !important;
    769         box-shadow: none !important;
    770         text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1) !important;
    771         cursor: default;
    772 }
    773 
    774 .mce-menubtn.mce-fixed-width span {
    775         overflow-x: hidden;
    776         text-overflow: ellipsis;
    777         width: 82px;
    778 }
    779 
    780 /* Charmap modal */
    781 .mce-charmap {
    782         margin: 3px;
    783 }
    784 
    785 .mce-charmap td {
    786         padding: 0;
    787         border-color: #ddd;
    788         cursor: pointer;
    789 }
    790 
    791 .mce-charmap td:hover {
    792         background: #f3f3f3;
    793 }
    794 
    795 .mce-charmap td div {
    796         width: 18px;
    797         height: 22px;
    798         line-height: 22px;
    799 }
    800 
    801 /* TinyMCE tooltips */
    802 .mce-tooltip {
    803         margin-top: 2px;
    804 }
    805 
    806 /* Don't show the tooltip. Used in Chrome RTL, see #42018 */
    807 .rtl .mce-tooltip.wp-hide-mce-tooltip {
    808         display: none !important;
    809 }
    810 
    811 .mce-tooltip-inner {
    812         border-radius: 3px;
    813         box-shadow: 0 3px 5px rgba(0, 0, 0, 0.2);
    814         color: #fff;
    815         font-size: 12px;
    816 }
    817 
    818 /* TinyMCE icons */
    819 .mce-ico {
    820         font-family: tinymce, Arial;
    821 }
    822 
    823 .mce-btn-small .mce-ico {
    824         font-family: tinymce-small, Arial;
    825 }
    826 
    827 .mce-toolbar .mce-ico {
    828         color: #555d66;
    829         line-height: 20px;
    830         width: 20px;
    831         height: 20px;
    832         text-align: center;
    833         text-shadow: none;
    834         margin: 0;
    835         padding: 0;
    836 }
    837 
    838 .qt-dfw {
    839         color: #555d66;
    840         line-height: 20px;
    841         width: 28px;
    842         height: 26px;
    843         text-align: center;
    844         text-shadow: none;
    845 }
    846 
    847 .mce-toolbar .mce-btn .mce-open {
    848         line-height: 20px;
    849 }
    850 
    851 .mce-toolbar .mce-btn:hover .mce-open,
    852 .mce-toolbar .mce-btn:focus .mce-open,
    853 .mce-toolbar .mce-btn.mce-active .mce-open {
    854         border-left-color: #23282d;
    855 }
    856 
    857 div.mce-notification {
    858         left: 10% !important;
    859         right: 10%;
    860 }
    861 
    862 .mce-notification button.mce-close {
    863         right: 6px;
    864         top: 3px;
    865         font-weight: 400;
    866         color: #555d66;
    867 }
    868 
    869 .mce-notification button.mce-close:hover,
    870 .mce-notification button.mce-close:focus {
    871         color: #000;
    872 }
    873 
    874 i.mce-i-bold,
    875 i.mce-i-italic,
    876 i.mce-i-bullist,
    877 i.mce-i-numlist,
    878 i.mce-i-blockquote,
    879 i.mce-i-alignleft,
    880 i.mce-i-aligncenter,
    881 i.mce-i-alignright,
    882 i.mce-i-link,
    883 i.mce-i-unlink,
    884 i.mce-i-wp_more,
    885 i.mce-i-strikethrough,
    886 i.mce-i-spellchecker,
    887 i.mce-i-fullscreen,
    888 i.mce-i-wp_fullscreen,
    889 i.mce-i-dfw,
    890 i.mce-i-wp_adv,
    891 i.mce-i-underline,
    892 i.mce-i-alignjustify,
    893 i.mce-i-forecolor,
    894 i.mce-i-backcolor,
    895 i.mce-i-pastetext,
    896 i.mce-i-pasteword,
    897 i.mce-i-removeformat,
    898 i.mce-i-charmap,
    899 i.mce-i-outdent,
    900 i.mce-i-indent,
    901 i.mce-i-undo,
    902 i.mce-i-redo,
    903 i.mce-i-help,
    904 i.mce-i-wp_help,
    905 i.mce-i-wp-media-library,
    906 i.mce-i-ltr,
    907 i.mce-i-wp_page,
    908 i.mce-i-hr,
    909 i.mce-i-wp_code,
    910 i.mce-i-dashicon,
    911 i.mce-i-remove {
    912         font: normal 20px/1 dashicons;
    913         padding: 0;
    914         vertical-align: top;
    915         speak: none;
    916         -webkit-font-smoothing: antialiased;
    917         -moz-osx-font-smoothing: grayscale;
    918         margin-left: -2px;
    919         padding-right: 2px;
    920 }
    921 
    922 .qt-dfw {
    923         font: normal 20px/1 dashicons;
    924         vertical-align: top;
    925         speak: none;
    926         -webkit-font-smoothing: antialiased;
    927         -moz-osx-font-smoothing: grayscale;
    928 }
    929 
    930 i.mce-i-bold:before {
    931         content: "\f200";
    932 }
    933 
    934 i.mce-i-italic:before {
    935         content: "\f201";
    936 }
    937 
    938 i.mce-i-bullist:before {
    939         content: "\f203";
    940 }
    941 
    942 i.mce-i-numlist:before {
    943         content: "\f204";
    944 }
    945 
    946 i.mce-i-blockquote:before {
    947         content: "\f205";
    948 }
    949 
    950 i.mce-i-alignleft:before {
    951         content: "\f206";
    952 }
    953 
    954 i.mce-i-aligncenter:before {
    955         content: "\f207";
    956 }
    957 
    958 i.mce-i-alignright:before {
    959         content: "\f208";
    960 }
    961 
    962 i.mce-i-link:before {
    963         content: "\f103";
    964 }
    965 
    966 i.mce-i-unlink:before {
    967         content: "\f225";
    968 }
    969 
    970 i.mce-i-wp_more:before {
    971         content: "\f209";
    972 }
    973 
    974 i.mce-i-strikethrough:before {
    975         content: "\f224";
    976 }
    977 
    978 i.mce-i-spellchecker:before {
    979         content: "\f210";
    980 }
    981 
    982 i.mce-i-fullscreen:before,
    983 i.mce-i-wp_fullscreen:before,
    984 i.mce-i-dfw:before,
    985 .qt-dfw:before {
    986         content: "\f211";
    987 }
    988 
    989 i.mce-i-wp_adv:before {
    990         content: "\f212";
    991 }
    992 
    993 i.mce-i-underline:before {
    994         content: "\f213";
    995 }
    996 
    997 i.mce-i-alignjustify:before {
    998         content: "\f214";
    999 }
    1000 
    1001 i.mce-i-forecolor:before,
    1002 i.mce-i-backcolor:before {
    1003         content: "\f215";
    1004 }
    1005 
    1006 i.mce-i-pastetext:before {
    1007         content: "\f217";
    1008 }
    1009 
    1010 i.mce-i-removeformat:before {
    1011         content: "\f218";
    1012 }
    1013 
    1014 i.mce-i-charmap:before {
    1015         content: "\f220";
    1016 }
    1017 
    1018 i.mce-i-outdent:before {
    1019         content: "\f221";
    1020 }
    1021 
    1022 i.mce-i-indent:before {
    1023         content: "\f222";
    1024 }
    1025 
    1026 i.mce-i-undo:before {
    1027         content: "\f171";
    1028 }
    1029 
    1030 i.mce-i-redo:before {
    1031         content: "\f172";
    1032 }
    1033 
    1034 i.mce-i-help:before,
    1035 i.mce-i-wp_help:before {
    1036         content: "\f223";
    1037 }
    1038 
    1039 i.mce-i-wp-media-library:before {
    1040         content: "\f104";
    1041 }
    1042 
    1043 i.mce-i-ltr:before {
    1044         content: "\f320";
    1045 }
    1046 
    1047 i.mce-i-wp_page:before {
    1048         content: "\f105";
    1049 }
    1050 
    1051 i.mce-i-hr:before {
    1052         content: "\f460";
    1053 }
    1054 
    1055 i.mce-i-remove:before {
    1056         content: "\f158";
    1057 }
    1058 
    1059 i.mce-i-wp_code:before {
    1060         content: "\f475";
    1061 }
    1062 
    1063 /* RTL button icons */
    1064 .rtl i.mce-i-outdent:before {
    1065         content: "\f222";
    1066 }
    1067 
    1068 .rtl i.mce-i-indent:before {
    1069         content: "\f221";
    1070 }
    1071 
    1072 /* Editors */
    1073 .wp-editor-wrap {
    1074         position: relative;
    1075 }
    1076 
    1077 .wp-editor-tools {
    1078         position: relative;
    1079         z-index: 1;
    1080 }
    1081 
    1082 .wp-editor-tools:after {
    1083         clear: both;
    1084         content: "";
    1085         display: table;
    1086 }
    1087 
    1088 .wp-editor-container {
    1089         clear: both;
    1090         border: 1px solid #e5e5e5;
    1091 }
    1092 
    1093 .wp-editor-area {
    1094         font-family: Consolas, Monaco, monospace;
    1095         font-size: 13px;
    1096         padding: 10px;
    1097         margin: 1px 0 0;
    1098         line-height: 150%;
    1099         border: 0;
    1100         outline: none;
    1101         display: block;
    1102         resize: vertical;
    1103         box-sizing: border-box;
    1104 }
    1105 
    1106 .rtl .wp-editor-area {
    1107         font-family: Tahoma, Monaco, monospace;
    1108 }
    1109 
    1110 .locale-he-il .wp-editor-area {
    1111         font-family: Arial, Monaco, monospace;
    1112 }
    1113 
    1114 .wp-editor-container textarea.wp-editor-area {
    1115         width: 100%;
    1116         margin: 0;
    1117         box-shadow: none;
    1118 }
    1119 
    1120 .wp-editor-tabs {
    1121         float: right;
    1122 }
    1123 
    1124 .wp-switch-editor {
    1125         float: left;
    1126         box-sizing: content-box;
    1127         position: relative;
    1128         top: 1px;
    1129         background: #ebebeb;
    1130         color: #666;
    1131         cursor: pointer;
    1132         font-size: 13px;
    1133         line-height: 19px;
    1134         height: 20px;
    1135         margin: 5px 0 0 5px;
    1136         padding: 3px 8px 4px;
    1137         border: 1px solid #e5e5e5;
    1138 }
    1139 
    1140 .wp-switch-editor:focus {
    1141         box-shadow:
    1142                 0 0 0 1px #5b9dd9,
    1143                 0 0 2px 1px rgba(30, 140, 190, 0.8);
    1144         outline: none;
    1145         color: #23282d;
    1146 }
    1147 
    1148 .wp-switch-editor:active,
    1149 .html-active .switch-html:focus,
    1150 .tmce-active .switch-tmce:focus {
    1151         box-shadow: none;
    1152 }
    1153 
    1154 .wp-switch-editor:active {
    1155         background-color: #f5f5f5;
    1156         box-shadow: none;
    1157 }
    1158 
    1159 .js .tmce-active .wp-editor-area {
    1160         color: #fff;
    1161 }
    1162 
    1163 .tmce-active .quicktags-toolbar {
    1164         display: none;
    1165 }
    1166 
    1167 .tmce-active .switch-tmce,
    1168 .html-active .switch-html {
    1169         background: #f5f5f5;
    1170         color: #555;
    1171         border-bottom-color: #f5f5f5;
    1172 }
    1173 
    1174 .wp-media-buttons {
    1175         float: left;
    1176 }
    1177 
    1178 .wp-media-buttons .button {
    1179         margin-right: 5px;
    1180         margin-bottom: 4px;
    1181         padding-left: 7px;
    1182         padding-right: 7px;
    1183 }
    1184 
    1185 .wp-media-buttons .button:active {
    1186         position: relative;
    1187         top: 1px;
    1188         margin-top: -1px;
    1189         margin-bottom: 1px;
    1190 }
    1191 
    1192 .wp-media-buttons .insert-media {
    1193         padding-left: 5px;
    1194 }
    1195 
    1196 .wp-media-buttons a {
    1197         text-decoration: none;
    1198         color: #444;
    1199         font-size: 12px;
    1200 }
    1201 
    1202 .wp-media-buttons img {
    1203         padding: 0 4px;
    1204         vertical-align: middle;
    1205 }
    1206 
    1207 .wp-media-buttons span.wp-media-buttons-icon {
    1208         display: inline-block;
    1209         width: 18px;
    1210         height: 18px;
    1211         vertical-align: text-top;
    1212         margin: 0 2px;
    1213 }
    1214 
    1215 .wp-media-buttons .add_media span.wp-media-buttons-icon {
    1216         background: none;
    1217 }
    1218 
    1219 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
    1220         font: normal 18px/1 dashicons;
    1221         speak: none;
    1222         -webkit-font-smoothing: antialiased;
    1223         -moz-osx-font-smoothing: grayscale;
    1224 }
    1225 
    1226 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
    1227         content: "\f104";
    1228 }
    1229 
    1230 .mce-content-body dl.wp-caption {
    1231         max-width: 100%;
    1232 }
    1233 
    1234 /* Quicktags */
    1235 .quicktags-toolbar {
    1236         padding: 3px;
    1237         position: relative;
    1238         border-bottom: 1px solid #ddd;
    1239         background: #f5f5f5;
    1240         min-height: 30px;
    1241 }
    1242 
    1243 .has-dfw .quicktags-toolbar {
    1244         padding-right: 35px;
    1245 }
    1246 
    1247 .wp-core-ui .quicktags-toolbar input.button.button-small {
    1248         margin: 2px;
    1249 }
    1250 
    1251 .quicktags-toolbar input[value="link"] {
    1252         text-decoration: underline;
    1253 }
    1254 
    1255 .quicktags-toolbar input[value="del"] {
    1256         text-decoration: line-through;
    1257 }
    1258 
    1259 .quicktags-toolbar input[value="i"] {
    1260         font-style: italic;
    1261 }
    1262 
    1263 .quicktags-toolbar input[value="b"] {
    1264         font-weight: 600;
    1265 }
    1266 
    1267 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
    1268 .qt-dfw {
    1269         position: absolute;
    1270         top: 0;
    1271         right: 0;
    1272         margin: 5px 5px 0 0;
    1273 }
    1274 
    1275 .qt-fullscreen {
    1276         position: static;
    1277         margin: 2px;
    1278 }
    1279 
    1280 @media screen and (max-width: 782px) {
    1281         .mce-toolbar .mce-btn button,
    1282         .qt-dfw {
    1283                 padding: 6px 7px;
    1284         }
    1285 
    1286         /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */
    1287         .mce-toolbar .mce-btn-group .mce-btn.mce-primary button {
    1288                 padding: 6px 7px 5px;
    1289         }
    1290 
    1291         .mce-toolbar .mce-btn-group .mce-btn {
    1292                 margin: 1px;
    1293         }
    1294 
    1295         .qt-dfw {
    1296                 width: 36px;
    1297                 height: 34px;
    1298         }
    1299 
    1300         .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
    1301                 margin: 4px 4px 0 0;
    1302         }
    1303 
    1304         .mce-toolbar .mce-colorbutton .mce-preview {
    1305                 left: 8px;
    1306                 bottom: 6px;
    1307         }
    1308 
    1309         .mce-window .mce-btn {
    1310                 padding: 2px 0;
    1311         }
    1312 
    1313         .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
    1314         .has-dfw .quicktags-toolbar {
    1315                 padding-right: 40px;
    1316         }
    1317 }
    1318 
    1319 @media screen and (min-width: 782px) {
    1320         .wp-core-ui .quicktags-toolbar input.button.button-small {
    1321                 /* .button-small is normally 11px, but a bit too small for these buttons. */
    1322                 font-size: 12px;
    1323                 height: 26px;
    1324                 line-height: 24px;
    1325         }
    1326 }
    1327 
    1328 #wp_editbtns,
    1329 #wp_gallerybtns {
    1330         padding: 2px;
    1331         position: absolute;
    1332         display: none;
    1333         z-index: 100020;
    1334 }
    1335 
    1336 #wp_editimgbtn,
    1337 #wp_delimgbtn,
    1338 #wp_editgallery,
    1339 #wp_delgallery {
    1340         border-color: #999;
    1341         background-color: #eee;
    1342         margin: 2px;
    1343         padding: 2px;
    1344         border-width: 1px;
    1345         border-style: solid;
    1346         border-radius: 3px;
    1347 }
    1348 
    1349 #wp_editimgbtn:hover,
    1350 #wp_delimgbtn:hover,
    1351 #wp_editgallery:hover,
    1352 #wp_delgallery:hover {
    1353         border-color: #555;
    1354         background-color: #ccc;
    1355 }
    1356 
    1357 /*------------------------------------------------------------------------------
    1358  wp-link
    1359 ------------------------------------------------------------------------------*/
    1360 
    1361 #wp-link-wrap {
    1362         display: none;
    1363         background-color: #fff;
    1364         box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
    1365         width: 500px;
    1366         overflow: hidden;
    1367         margin-left: -250px;
    1368         margin-top: -125px;
    1369         position: fixed;
    1370         top: 50%;
    1371         left: 50%;
    1372         z-index: 100105;
    1373         transition: height 0.2s, margin-top 0.2s;
    1374 }
    1375 
    1376 #wp-link-backdrop {
    1377         display: none;
    1378         position: fixed;
    1379         top: 0;
    1380         left: 0;
    1381         right: 0;
    1382         bottom: 0;
    1383         min-height: 360px;
    1384         background: #000;
    1385         opacity: 0.7;
    1386         filter: alpha(opacity=70);
    1387         z-index: 100100;
    1388 }
    1389 
    1390 #wp-link {
    1391         position: relative;
    1392         height: 100%;
    1393 }
    1394 
    1395 #wp-link-wrap {
    1396         height: 500px;
    1397         margin-top: -250px;
    1398 }
    1399 
    1400 #wp-link-wrap .wp-link-text-field {
    1401         display: none;
    1402 }
    1403 
    1404 #wp-link-wrap.has-text-field .wp-link-text-field {
    1405         display: block;
    1406 }
    1407 
    1408 #link-modal-title {
    1409         background: #fcfcfc;
    1410         border-bottom: 1px solid #ddd;
    1411         height: 36px;
    1412         font-size: 18px;
    1413         font-weight: 600;
    1414         line-height: 36px;
    1415         margin: 0;
    1416         padding: 0 36px 0 16px;
    1417 }
    1418 
    1419 #wp-link-close {
    1420         color: #666;
    1421         padding: 0;
    1422         position: absolute;
    1423         top: 0;
    1424         right: 0;
    1425         width: 36px;
    1426         height: 36px;
    1427         text-align: center;
    1428         background: none;
    1429         border: none;
    1430         cursor: pointer;
    1431 }
    1432 
    1433 #wp-link-close:before {
    1434         font: normal 20px/36px dashicons;
    1435         vertical-align: top;
    1436         speak: none;
    1437         -webkit-font-smoothing: antialiased;
    1438         -moz-osx-font-smoothing: grayscale;
    1439         width: 36px;
    1440         height: 36px;
    1441         content: "\f158";
    1442 }
    1443 
    1444 #wp-link-close:hover,
    1445 #wp-link-close:focus {
    1446         color: #00a0d2;
    1447 }
    1448 
    1449 #wp-link-close:focus {
    1450         outline: none;
    1451         box-shadow:
    1452                 0 0 0 1px #5b9dd9,
    1453                 0 0 2px 1px rgba(30, 140, 190, 0.8);
    1454 }
    1455 
    1456 #wp-link-wrap #link-selector {
    1457         -webkit-overflow-scrolling: touch;
    1458         padding: 0 16px;
    1459         position: absolute;
    1460         top: 37px;
    1461         left: 0;
    1462         right: 0;
    1463         bottom: 44px;
    1464 }
    1465 
    1466 #wp-link ol,
    1467 #wp-link ul {
    1468         list-style: none;
    1469         margin: 0;
    1470         padding: 0;
    1471 }
    1472 
    1473 #wp-link input[type="text"] {
    1474         box-sizing: border-box;
    1475 }
    1476 
    1477 #wp-link #link-options {
    1478         padding: 8px 0 12px;
    1479 }
    1480 
    1481 #wp-link p.howto {
    1482         margin: 3px 0;
    1483 }
    1484 
    1485 #wp-link p.howto a {
    1486         text-decoration: none;
    1487         color: inherit;
    1488 }
    1489 
    1490 #wp-link label input[type="text"] {
    1491         margin-top: 5px;
    1492         width: 70%;
    1493 }
    1494 
    1495 #wp-link #link-options label span,
    1496 #wp-link #search-panel label span.search-label {
    1497         display: inline-block;
    1498         width: 80px;
    1499         text-align: right;
    1500         padding-right: 5px;
    1501         max-width: 24%;
    1502         vertical-align: middle;
    1503         word-wrap: break-word;
    1504 }
    1505 
    1506 #wp-link .link-search-field {
    1507         float: left;
    1508         width: 250px;
    1509         max-width: 70%;
    1510 }
    1511 
    1512 #wp-link .link-search-wrapper {
    1513         margin: 5px 0 9px;
    1514         display: block;
    1515         overflow: hidden;
    1516 }
    1517 
    1518 #wp-link .link-search-wrapper span {
    1519         float: left;
    1520         margin-top: 4px;
    1521 }
    1522 
    1523 #wp-link .link-search-wrapper .spinner {
    1524         margin-top: 5px;
    1525 }
    1526 
    1527 #wp-link .link-target {
    1528         padding: 3px 0 0;
    1529         white-space: nowrap;
    1530         overflow: hidden;
    1531         text-overflow: ellipsis;
    1532 }
    1533 
    1534 #wp-link .link-target label {
    1535         max-width: 70%;
    1536 }
    1537 
    1538 #wp-link .query-results {
    1539         border: 1px #dfdfdf solid;
    1540         margin: 0 0 12px;
    1541         background: #fff;
    1542         overflow: auto;
    1543         position: absolute;
    1544         left: 16px;
    1545         right: 16px;
    1546         bottom: 0;
    1547         top: 166px;
    1548 }
    1549 
    1550 .has-text-field #wp-link .query-results {
    1551         top: 200px;
    1552 }
    1553 
    1554 #wp-link li {
    1555         clear: both;
    1556         margin-bottom: 0;
    1557         border-bottom: 1px solid #f1f1f1;
    1558         color: #32373c;
    1559         padding: 4px 6px 4px 10px;
    1560         cursor: pointer;
    1561         position: relative;
    1562 }
    1563 
    1564 #wp-link .query-notice {
    1565         padding: 0;
    1566         border-bottom: 1px solid #dfdfdf;
    1567         background-color: #f7fcfe;
    1568         color: #000;
    1569 }
    1570 
    1571 #wp-link .query-notice .query-notice-default,
    1572 #wp-link .query-notice .query-notice-hint {
    1573         display: block;
    1574         padding: 6px;
    1575         border-left: 4px solid #00a0d2;
    1576 }
    1577 
    1578 #wp-link .unselectable.no-matches-found {
    1579         padding: 0;
    1580         border-bottom: 1px solid #dfdfdf;
    1581         background-color: #fef7f1;
    1582 }
    1583 
    1584 #wp-link .no-matches-found .item-title {
    1585         display: block;
    1586         padding: 6px;
    1587         border-left: 4px solid #d54e21;
    1588 }
    1589 
    1590 #wp-link .query-results em {
    1591         font-style: normal;
    1592 }
    1593 
    1594 #wp-link li:hover {
    1595         background: #eaf2fa;
    1596         color: #151515;
    1597 }
    1598 
    1599 #wp-link li.unselectable {
    1600         border-bottom: 1px solid #dfdfdf;
    1601 }
    1602 
    1603 #wp-link li.unselectable:hover {
    1604         background: #fff;
    1605         cursor: auto;
    1606         color: #32373c;
    1607 }
    1608 
    1609 #wp-link li.selected {
    1610         background: #ddd;
    1611         color: #32373c;
    1612 }
    1613 
    1614 #wp-link li.selected .item-title {
    1615         font-weight: 600;
    1616 }
    1617 
    1618 #wp-link li:last-child {
    1619         border: none;
    1620 }
    1621 
    1622 #wp-link .item-title {
    1623         display: inline-block;
    1624         width: 80%;
    1625         width: calc(100% - 68px);
    1626         word-wrap: break-word;
    1627 }
    1628 
    1629 #wp-link .item-info {
    1630         text-transform: uppercase;
    1631         color: #666;
    1632         font-size: 11px;
    1633         position: absolute;
    1634         right: 5px;
    1635         top: 5px;
    1636 }
    1637 
    1638 #wp-link .river-waiting {
    1639         display: none;
    1640         padding: 10px 0;
    1641 }
    1642 
    1643 #wp-link .submitbox {
    1644         padding: 8px 16px;
    1645         background: #fcfcfc;
    1646         border-top: 1px solid #ddd;
    1647         position: absolute;
    1648         bottom: 0;
    1649         left: 0;
    1650         right: 0;
    1651 }
    1652 
    1653 #wp-link-cancel {
    1654         line-height: 25px;
    1655         float: left;
    1656 }
    1657 
    1658 #wp-link-update {
    1659         line-height: 23px;
    1660         float: right;
    1661 }
    1662 
    1663 #wp-link-submit {
    1664         float: right;
    1665 }
    1666 
    1667 @media screen and (max-width: 782px) {
    1668         #wp-link-wrap {
    1669                 margin-top: -140px;
    1670         }
    1671 
    1672         #wp-link-wrap .query-results {
    1673                 top: 195px;
    1674         }
    1675 
    1676         #wp-link-wrap.has-text-field .query-results {
    1677                 top: 235px;
    1678         }
    1679 
    1680         #link-selector {
    1681                 padding: 0 16px 60px;
    1682         }
    1683 
    1684         #wp-link-wrap #link-selector {
    1685                 bottom: 52px;
    1686         }
    1687 
    1688         #wp-link-cancel {
    1689                 line-height: 32px;
    1690         }
    1691 
    1692         #wp-link .link-target {
    1693                 padding-top: 10px;
    1694         }
    1695 
    1696         #wp-link .submitbox .button {
    1697                 margin-bottom: 0;
    1698         }
    1699 }
    1700 
    1701 @media screen and (max-width: 520px) {
    1702         #wp-link-wrap {
    1703                 width: auto;
    1704                 margin-left: 0;
    1705                 left: 10px;
    1706                 right: 10px;
    1707                 max-width: 500px;
    1708         }
    1709 }
    1710 
    1711 @media screen and (max-height: 520px) {
    1712         #wp-link-wrap {
    1713                 transition: none;
    1714                 height: auto;
    1715                 margin-top: 0;
    1716                 top: 10px;
    1717                 bottom: 10px;
    1718         }
    1719 
    1720         #link-selector {
    1721                 overflow: auto;
    1722         }
    1723 
    1724         #search-panel .query-results {
    1725                 position: static;
    1726         }
    1727 }
    1728 
    1729 @media screen and (max-height: 290px) {
    1730         #wp-link-wrap {
    1731                 height: auto;
    1732                 margin-top: 0;
    1733                 top: 10px;
    1734                 bottom: 10px;
    1735         }
    1736 
    1737         #link-selector {
    1738                 overflow: auto;
    1739                 height: calc(100% - 92px);
    1740                 padding-bottom: 2px;
    1741         }
    1742 
    1743         #search-panel .query-results {
    1744                 position: static;
    1745         }
    1746 }
    1747 
    1748 div.wp-link-preview {
    1749         float: left;
    1750         margin: 5px;
    1751         max-width: 694px;
    1752         overflow: hidden;
    1753         text-overflow: ellipsis;
    1754 }
    1755 
    1756 div.wp-link-preview a {
    1757         color: #0073aa;
    1758         text-decoration: underline;
    1759         transition-property: border, background, color;
    1760         transition-duration: .05s;
    1761         transition-timing-function: ease-in-out;
    1762         cursor: pointer;
    1763 }
    1764 
    1765 div.wp-link-preview a.wplink-url-error {
    1766         color: #dc3232;
    1767 }
    1768 
    1769 div.wp-link-input {
    1770         float: left;
    1771         margin: 2px;
    1772         max-width: 694px;
    1773 }
    1774 
    1775 div.wp-link-input input {
    1776         width: 300px;
    1777         padding: 3px;
    1778         box-sizing: border-box;
    1779 }
    1780 
    1781 .mce-toolbar div.wp-link-preview ~ .mce-btn,
    1782 .mce-toolbar div.wp-link-input ~ .mce-btn {
    1783         margin: 2px 1px;
    1784 }
    1785 
    1786 .mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child {
    1787         margin-right: 2px;
    1788 }
    1789 
    1790 .ui-autocomplete.wplink-autocomplete {
    1791         z-index: 100110;
    1792         max-height: 200px;
    1793         overflow-y: auto;
    1794         padding: 0;
    1795         margin: 0;
    1796         list-style: none;
    1797         position: absolute;
    1798         border: 1px solid #5b9dd9;
    1799         box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8);
    1800         background-color: #fff;
    1801 }
    1802 
    1803 .ui-autocomplete.wplink-autocomplete li {
    1804         margin-bottom: 0;
    1805         padding: 4px 10px;
    1806         clear: both;
    1807         white-space: normal;
    1808         text-align: left;
    1809 }
    1810 
    1811 .ui-autocomplete.wplink-autocomplete li .wp-editor-float-right {
    1812         float: right;
    1813 }
    1814 
    1815 .ui-autocomplete.wplink-autocomplete li.ui-state-focus {
    1816         background-color: #ddd;
    1817         cursor: pointer;
    1818 }
    1819 
    1820 @media screen and (max-width: 782px) {
    1821         div.wp-link-preview,
    1822         div.wp-link-input {
    1823                 max-width: 70%;
    1824                 max-width: calc(100% - 86px);
    1825         }
    1826 
    1827         div.wp-link-preview {
    1828                 margin: 8px 0 8px 5px;
    1829         }
    1830 
    1831         div.wp-link-input {
    1832                 width: 300px;
    1833         }
    1834 
    1835         div.wp-link-input input {
    1836                 width: 100%;
    1837                 font-size: 16px;
    1838                 padding: 5px;
    1839         }
    1840 }
    1841 
    1842 /* =Overlay Body
    1843 -------------------------------------------------------------- */
    1844 
    1845 .mce-fullscreen {
    1846         z-index: 100010;
    1847 }
    1848 
    1849 /* =Localization
    1850 -------------------------------------------------------------- */
    1851 .rtl .wp-switch-editor,
    1852 .rtl .quicktags-toolbar input {
    1853         font-family: Tahoma, sans-serif;
    1854 }
    1855 
    1856 /* rtl:ignore */
    1857 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
    1858         direction: rtl;
    1859 }
    1860 
    1861 /* rtl:ignore */
    1862 .mce-rtl .mce-listbox i.mce-caret {
    1863         left: 6px;
    1864 }
    1865 
    1866 html:lang(he-il) .rtl .wp-switch-editor,
    1867 html:lang(he-il) .rtl .quicktags-toolbar input {
    1868         font-family: Arial, sans-serif;
    1869 }
    1870 
    1871 /* HiDPI */
    1872 @media print,
    1873   (-webkit-min-device-pixel-ratio: 1.25),
    1874   (min-resolution: 120dpi) {
    1875         .wp-media-buttons .add_media span.wp-media-buttons-icon {
    1876                 background: none;
    1877         }
    1878 }
  • src/wp-includes/css/tinymce-icons-override.css

    Property changes on: src/wp-includes/css/editor.css
    ___________________________________________________________________
    Deleted: svn:eol-style
    ## -1 +0,0 ##
    -native
    \ No newline at end of property
     
     1/*------------------------------------------------------------------------------
     2 TinyMCE icons override
     3------------------------------------------------------------------------------*/
     4
     5i.mce-i-bold,
     6i.mce-i-italic,
     7i.mce-i-bullist,
     8i.mce-i-numlist,
     9i.mce-i-blockquote,
     10i.mce-i-alignleft,
     11i.mce-i-aligncenter,
     12i.mce-i-alignright,
     13i.mce-i-link,
     14i.mce-i-unlink,
     15i.mce-i-wp_more,
     16i.mce-i-strikethrough,
     17i.mce-i-spellchecker,
     18i.mce-i-fullscreen,
     19i.mce-i-wp_fullscreen,
     20i.mce-i-dfw,
     21i.mce-i-wp_adv,
     22i.mce-i-underline,
     23i.mce-i-alignjustify,
     24i.mce-i-forecolor,
     25i.mce-i-backcolor,
     26i.mce-i-pastetext,
     27i.mce-i-pasteword,
     28i.mce-i-removeformat,
     29i.mce-i-charmap,
     30i.mce-i-outdent,
     31i.mce-i-indent,
     32i.mce-i-undo,
     33i.mce-i-redo,
     34i.mce-i-help,
     35i.mce-i-wp_help,
     36i.mce-i-wp-media-library,
     37i.mce-i-ltr,
     38i.mce-i-wp_page,
     39i.mce-i-hr,
     40i.mce-i-wp_code,
     41i.mce-i-dashicon,
     42i.mce-i-remove {
     43        font: normal 20px/1 dashicons;
     44        padding: 0;
     45        vertical-align: top;
     46        speak: none;
     47        -webkit-font-smoothing: antialiased;
     48        -moz-osx-font-smoothing: grayscale;
     49        margin-left: -2px;
     50        padding-right: 2px;
     51}
     52
     53.qt-dfw {
     54        font: normal 20px/1 dashicons;
     55        vertical-align: top;
     56        speak: none;
     57        -webkit-font-smoothing: antialiased;
     58        -moz-osx-font-smoothing: grayscale;
     59}
     60
     61i.mce-i-bold:before {
     62        content: "\f200";
     63}
     64
     65i.mce-i-italic:before {
     66        content: "\f201";
     67}
     68
     69i.mce-i-bullist:before {
     70        content: "\f203";
     71}
     72
     73i.mce-i-numlist:before {
     74        content: "\f204";
     75}
     76
     77i.mce-i-blockquote:before {
     78        content: "\f205";
     79}
     80
     81i.mce-i-alignleft:before {
     82        content: "\f206";
     83}
     84
     85i.mce-i-aligncenter:before {
     86        content: "\f207";
     87}
     88
     89i.mce-i-alignright:before {
     90        content: "\f208";
     91}
     92
     93i.mce-i-link:before {
     94        content: "\f103";
     95}
     96
     97i.mce-i-unlink:before {
     98        content: "\f225";
     99}
     100
     101i.mce-i-wp_more:before {
     102        content: "\f209";
     103}
     104
     105i.mce-i-strikethrough:before {
     106        content: "\f224";
     107}
     108
     109i.mce-i-spellchecker:before {
     110        content: "\f210";
     111}
     112
     113i.mce-i-fullscreen:before,
     114i.mce-i-wp_fullscreen:before,
     115i.mce-i-dfw:before,
     116.qt-dfw:before {
     117        content: "\f211";
     118}
     119
     120i.mce-i-wp_adv:before {
     121        content: "\f212";
     122}
     123
     124i.mce-i-underline:before {
     125        content: "\f213";
     126}
     127
     128i.mce-i-alignjustify:before {
     129        content: "\f214";
     130}
     131
     132i.mce-i-forecolor:before,
     133i.mce-i-backcolor:before {
     134        content: "\f215";
     135}
     136
     137i.mce-i-pastetext:before {
     138        content: "\f217";
     139}
     140
     141i.mce-i-removeformat:before {
     142        content: "\f218";
     143}
     144
     145i.mce-i-charmap:before {
     146        content: "\f220";
     147}
     148
     149i.mce-i-outdent:before {
     150        content: "\f221";
     151}
     152
     153i.mce-i-indent:before {
     154        content: "\f222";
     155}
     156
     157i.mce-i-undo:before {
     158        content: "\f171";
     159}
     160
     161i.mce-i-redo:before {
     162        content: "\f172";
     163}
     164
     165i.mce-i-help:before,
     166i.mce-i-wp_help:before {
     167        content: "\f223";
     168}
     169
     170i.mce-i-wp-media-library:before {
     171        content: "\f104";
     172}
     173
     174i.mce-i-ltr:before {
     175        content: "\f320";
     176}
     177
     178i.mce-i-wp_page:before {
     179        content: "\f105";
     180}
     181
     182i.mce-i-hr:before {
     183        content: "\f460";
     184}
     185
     186i.mce-i-remove:before {
     187        content: "\f158";
     188}
     189
     190i.mce-i-wp_code:before {
     191        content: "\f475";
     192}
     193
     194/* RTL button icons */
     195.rtl i.mce-i-outdent:before {
     196        content: "\f222";
     197}
     198
     199.rtl i.mce-i-indent:before {
     200        content: "\f221";
     201}
  • src/wp-includes/css/wplink.css

     
     1/*------------------------------------------------------------------------------
     2 WP-Link modal
     3------------------------------------------------------------------------------*/
     4
     5#wp-link-wrap {
     6        display: none;
     7        background-color: #fff;
     8        box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
     9        width: 500px;
     10        overflow: hidden;
     11        margin-left: -250px;
     12        margin-top: -125px;
     13        position: fixed;
     14        top: 50%;
     15        left: 50%;
     16        z-index: 100105;
     17        transition: height 0.2s, margin-top 0.2s;
     18}
     19
     20#wp-link-backdrop {
     21        display: none;
     22        position: fixed;
     23        top: 0;
     24        left: 0;
     25        right: 0;
     26        bottom: 0;
     27        min-height: 360px;
     28        background: #000;
     29        opacity: 0.7;
     30        filter: alpha(opacity=70);
     31        z-index: 100100;
     32}
     33
     34#wp-link {
     35        position: relative;
     36        height: 100%;
     37}
     38
     39#wp-link-wrap {
     40        height: 500px;
     41        margin-top: -250px;
     42}
     43
     44#wp-link-wrap .wp-link-text-field {
     45        display: none;
     46}
     47
     48#wp-link-wrap.has-text-field .wp-link-text-field {
     49        display: block;
     50}
     51
     52#link-modal-title {
     53        background: #fcfcfc;
     54        border-bottom: 1px solid #ddd;
     55        height: 36px;
     56        font-size: 18px;
     57        font-weight: 600;
     58        line-height: 36px;
     59        margin: 0;
     60        padding: 0 36px 0 16px;
     61}
     62
     63#wp-link-close {
     64        color: #666;
     65        padding: 0;
     66        position: absolute;
     67        top: 0;
     68        right: 0;
     69        width: 36px;
     70        height: 36px;
     71        text-align: center;
     72        background: none;
     73        border: none;
     74        cursor: pointer;
     75}
     76
     77#wp-link-close:before {
     78        font: normal 20px/36px dashicons;
     79        vertical-align: top;
     80        speak: none;
     81        -webkit-font-smoothing: antialiased;
     82        -moz-osx-font-smoothing: grayscale;
     83        width: 36px;
     84        height: 36px;
     85        content: "\f158";
     86}
     87
     88#wp-link-close:hover,
     89#wp-link-close:focus {
     90        color: #00a0d2;
     91}
     92
     93#wp-link-close:focus {
     94        outline: none;
     95        box-shadow:
     96                0 0 0 1px #5b9dd9,
     97                0 0 2px 1px rgba(30, 140, 190, 0.8);
     98}
     99
     100#wp-link-wrap #link-selector {
     101        -webkit-overflow-scrolling: touch;
     102        padding: 0 16px;
     103        position: absolute;
     104        top: 37px;
     105        left: 0;
     106        right: 0;
     107        bottom: 44px;
     108}
     109
     110#wp-link ol,
     111#wp-link ul {
     112        list-style: none;
     113        margin: 0;
     114        padding: 0;
     115}
     116
     117#wp-link input[type="text"] {
     118        box-sizing: border-box;
     119}
     120
     121#wp-link #link-options {
     122        padding: 8px 0 12px;
     123}
     124
     125#wp-link p.howto {
     126        margin: 3px 0;
     127}
     128
     129#wp-link p.howto a {
     130        text-decoration: none;
     131        color: inherit;
     132}
     133
     134#wp-link label input[type="text"] {
     135        margin-top: 5px;
     136        width: 70%;
     137}
     138
     139#wp-link #link-options label span,
     140#wp-link #search-panel label span.search-label {
     141        display: inline-block;
     142        width: 80px;
     143        text-align: right;
     144        padding-right: 5px;
     145        max-width: 24%;
     146        vertical-align: middle;
     147        word-wrap: break-word;
     148}
     149
     150#wp-link .link-search-field {
     151        float: left;
     152        width: 250px;
     153        max-width: 70%;
     154}
     155
     156#wp-link .link-search-wrapper {
     157        margin: 5px 0 9px;
     158        display: block;
     159        overflow: hidden;
     160}
     161
     162#wp-link .link-search-wrapper span {
     163        float: left;
     164        margin-top: 4px;
     165}
     166
     167#wp-link .link-search-wrapper .spinner {
     168        margin-top: 5px;
     169}
     170
     171#wp-link .link-target {
     172        padding: 3px 0 0;
     173        white-space: nowrap;
     174        overflow: hidden;
     175        text-overflow: ellipsis;
     176}
     177
     178#wp-link .link-target label {
     179        max-width: 70%;
     180}
     181
     182#wp-link .query-results {
     183        border: 1px #dfdfdf solid;
     184        margin: 0 0 12px;
     185        background: #fff;
     186        overflow: auto;
     187        position: absolute;
     188        left: 16px;
     189        right: 16px;
     190        bottom: 0;
     191        top: 166px;
     192}
     193
     194.has-text-field #wp-link .query-results {
     195        top: 200px;
     196}
     197
     198#wp-link li {
     199        clear: both;
     200        margin-bottom: 0;
     201        border-bottom: 1px solid #f1f1f1;
     202        color: #32373c;
     203        padding: 4px 6px 4px 10px;
     204        cursor: pointer;
     205        position: relative;
     206}
     207
     208#wp-link .query-notice {
     209        padding: 0;
     210        border-bottom: 1px solid #dfdfdf;
     211        background-color: #f7fcfe;
     212        color: #000;
     213}
     214
     215#wp-link .query-notice .query-notice-default,
     216#wp-link .query-notice .query-notice-hint {
     217        display: block;
     218        padding: 6px;
     219        border-left: 4px solid #00a0d2;
     220}
     221
     222#wp-link .unselectable.no-matches-found {
     223        padding: 0;
     224        border-bottom: 1px solid #dfdfdf;
     225        background-color: #fef7f1;
     226}
     227
     228#wp-link .no-matches-found .item-title {
     229        display: block;
     230        padding: 6px;
     231        border-left: 4px solid #d54e21;
     232}
     233
     234#wp-link .query-results em {
     235        font-style: normal;
     236}
     237
     238#wp-link li:hover {
     239        background: #eaf2fa;
     240        color: #151515;
     241}
     242
     243#wp-link li.unselectable {
     244        border-bottom: 1px solid #dfdfdf;
     245}
     246
     247#wp-link li.unselectable:hover {
     248        background: #fff;
     249        cursor: auto;
     250        color: #32373c;
     251}
     252
     253#wp-link li.selected {
     254        background: #ddd;
     255        color: #32373c;
     256}
     257
     258#wp-link li.selected .item-title {
     259        font-weight: 600;
     260}
     261
     262#wp-link li:last-child {
     263        border: none;
     264}
     265
     266#wp-link .item-title {
     267        display: inline-block;
     268        width: 80%;
     269        width: calc(100% - 68px);
     270        word-wrap: break-word;
     271}
     272
     273#wp-link .item-info {
     274        text-transform: uppercase;
     275        color: #666;
     276        font-size: 11px;
     277        position: absolute;
     278        right: 5px;
     279        top: 5px;
     280}
     281
     282#wp-link .river-waiting {
     283        display: none;
     284        padding: 10px 0;
     285}
     286
     287#wp-link .submitbox {
     288        padding: 8px 16px;
     289        background: #fcfcfc;
     290        border-top: 1px solid #ddd;
     291        position: absolute;
     292        bottom: 0;
     293        left: 0;
     294        right: 0;
     295}
     296
     297#wp-link-cancel {
     298        line-height: 25px;
     299        float: left;
     300}
     301
     302#wp-link-update {
     303        line-height: 23px;
     304        float: right;
     305}
     306
     307#wp-link-submit {
     308        float: right;
     309}
     310
     311@media screen and (max-width: 782px) {
     312        #wp-link-wrap {
     313                margin-top: -140px;
     314        }
     315
     316        #wp-link-wrap .query-results {
     317                top: 195px;
     318        }
     319
     320        #wp-link-wrap.has-text-field .query-results {
     321                top: 235px;
     322        }
     323
     324        #link-selector {
     325                padding: 0 16px 60px;
     326        }
     327
     328        #wp-link-wrap #link-selector {
     329                bottom: 52px;
     330        }
     331
     332        #wp-link-cancel {
     333                line-height: 32px;
     334        }
     335
     336        #wp-link .link-target {
     337                padding-top: 10px;
     338        }
     339
     340        #wp-link .submitbox .button {
     341                margin-bottom: 0;
     342        }
     343}
     344
     345@media screen and (max-width: 520px) {
     346        #wp-link-wrap {
     347                width: auto;
     348                margin-left: 0;
     349                left: 10px;
     350                right: 10px;
     351                max-width: 500px;
     352        }
     353}
     354
     355@media screen and (max-height: 520px) {
     356        #wp-link-wrap {
     357                transition: none;
     358                height: auto;
     359                margin-top: 0;
     360                top: 10px;
     361                bottom: 10px;
     362        }
     363
     364        #link-selector {
     365                overflow: auto;
     366        }
     367
     368        #search-panel .query-results {
     369                position: static;
     370        }
     371}
     372
     373@media screen and (max-height: 290px) {
     374        #wp-link-wrap {
     375                height: auto;
     376                margin-top: 0;
     377                top: 10px;
     378                bottom: 10px;
     379        }
     380
     381        #link-selector {
     382                overflow: auto;
     383                height: calc(100% - 92px);
     384                padding-bottom: 2px;
     385        }
     386
     387        #search-panel .query-results {
     388                position: static;
     389        }
     390}
     391
     392div.wp-link-preview {
     393        float: left;
     394        margin: 5px;
     395        max-width: 694px;
     396        overflow: hidden;
     397        text-overflow: ellipsis;
     398}
     399
     400div.wp-link-preview a {
     401        color: #0073aa;
     402        text-decoration: underline;
     403        transition-property: border, background, color;
     404        transition-duration: .05s;
     405        transition-timing-function: ease-in-out;
     406        cursor: pointer;
     407}
     408
     409div.wp-link-preview a.wplink-url-error {
     410        color: #dc3232;
     411}
     412
     413div.wp-link-input {
     414        float: left;
     415        margin: 2px;
     416        max-width: 694px;
     417}
     418
     419div.wp-link-input input {
     420        width: 300px;
     421        padding: 3px;
     422        box-sizing: border-box;
     423}
     424
     425.mce-toolbar div.wp-link-preview ~ .mce-btn,
     426.mce-toolbar div.wp-link-input ~ .mce-btn {
     427        margin: 2px 1px;
     428}
     429
     430.mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child {
     431        margin-right: 2px;
     432}
     433
     434.ui-autocomplete.wplink-autocomplete {
     435        z-index: 100110;
     436        max-height: 200px;
     437        overflow-y: auto;
     438        padding: 0;
     439        margin: 0;
     440        list-style: none;
     441        position: absolute;
     442        border: 1px solid #5b9dd9;
     443        box-shadow: 0 1px 2px rgba(30, 140, 190, 0.8);
     444        background-color: #fff;
     445}
     446
     447.ui-autocomplete.wplink-autocomplete li {
     448        margin-bottom: 0;
     449        padding: 4px 10px;
     450        clear: both;
     451        white-space: normal;
     452        text-align: left;
     453}
     454
     455.ui-autocomplete.wplink-autocomplete li .wp-editor-float-right {
     456        float: right;
     457}
     458
     459.ui-autocomplete.wplink-autocomplete li.ui-state-focus {
     460        background-color: #ddd;
     461        cursor: pointer;
     462}
     463
     464@media screen and (max-width: 782px) {
     465        div.wp-link-preview,
     466        div.wp-link-input {
     467                max-width: 70%;
     468                max-width: calc(100% - 86px);
     469        }
     470
     471        div.wp-link-preview {
     472                margin: 8px 0 8px 5px;
     473        }
     474
     475        div.wp-link-input {
     476                width: 300px;
     477        }
     478
     479        div.wp-link-input input {
     480                width: 100%;
     481                font-size: 16px;
     482                padding: 5px;
     483        }
     484}
     485
  • src/wp-includes/general-template.php

     
    32023202 *
    32033203 * @uses _WP_Editors
    32043204 * @since 4.8.0
     3205 *
     3206 * @param string $type The editor type, classic or block.
    32053207 */
    3206 function wp_enqueue_editor() {
     3208function wp_enqueue_editor( $type = 'classic' ) {
    32073209        if ( ! class_exists( '_WP_Editors', false ) ) {
    32083210                require( ABSPATH . WPINC . '/class-wp-editor.php' );
    32093211        }
    32103212
    3211         _WP_Editors::enqueue_default_editor();
     3213        _WP_Editors::enqueue_default_editor( $type );
    32123214}
    32133215
    32143216/**
  • src/wp-includes/script-loader.php

     
    19241924        // Includes CSS
    19251925        $styles->add( 'admin-bar', "/wp-includes/css/admin-bar$suffix.css", array( 'dashicons' ) );
    19261926        $styles->add( 'wp-auth-check', "/wp-includes/css/wp-auth-check$suffix.css", array( 'dashicons' ) );
    1927         $styles->add( 'editor-buttons', "/wp-includes/css/editor$suffix.css", array( 'dashicons' ) );
    19281927        $styles->add( 'media-views', "/wp-includes/css/media-views$suffix.css", array( 'buttons', 'dashicons', 'wp-mediaelement' ) );
    19291928        $styles->add( 'wp-pointer', "/wp-includes/css/wp-pointer$suffix.css", array( 'dashicons' ) );
    19301929        $styles->add( 'customize-preview', "/wp-includes/css/customize-preview$suffix.css", array( 'dashicons' ) );
     
    19311930        $styles->add( 'wp-embed-template-ie', "/wp-includes/css/wp-embed-template-ie$suffix.css" );
    19321931        $styles->add_data( 'wp-embed-template-ie', 'conditional', 'lte IE 8' );
    19331932
     1933        $styles->add( 'classic-editor', "/wp-includes/css/classic-editor$suffix.css", array() );
     1934        $styles->add( 'tinymce-icons-override', "/wp-includes/css/tinymce-icons-override$suffix.css", array( 'dashicons' ) );
     1935        $styles->add( 'wplink', "/wp-includes/css/wplink$suffix.css", array() );
     1936        $styles->add( 'editor-buttons', false, array( 'classic-editor', 'tinymce-icons-override', 'wplink' ) );
     1937
    19341938        // External libraries and friends
    19351939        $styles->add( 'imgareaselect', '/wp-includes/js/imgareaselect/imgareaselect.css', array(), '0.9.8' );
    19361940        $styles->add( 'wp-jquery-ui-dialog', "/wp-includes/css/jquery-ui-dialog$suffix.css", array( 'dashicons' ) );