WordPress 4.2.4

[autoinstalls/wordpress.git] / wp-includes / css / editor.css

diff --git a/wp-includes/css/editor.css b/wp-includes/css/editor.css
index b05def96fe9ee018791ca59cca8c27a7588bda59..7ba00f92ddb85c66338adebf8d25f7fe79f836e3 100644 (file)
--- a/wp-includes/css/editor.css
+++ b/wp-includes/css/editor.css
@@ -13,9 +13,12 @@
 }
 
 /* TinyMCE windows */
-#mce-modal-block.mce-in {
+#mce-modal-block,
+#mce-modal-block.mce-fade {
        opacity: 0.7;
        filter: alpha(opacity=70);
+       -webkit-transition: none;
+       transition: none;
 }
 
 .mce-window {
@@ -24,6 +27,8 @@
        -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
        box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
        -webkit-font-smoothing: subpixel-antialiased;
+       -webkit-transition: none;
+       transition: none;
 }
 
 .mce-window .mce-container-body.mce-abs-layout {
@@ -66,7 +71,7 @@
 }
 
 .mce-window .mce-window-head .mce-close:hover:before {
-       color: #2ea2cc;
+       color: #00a0d2;
 }
 
 .mce-window .mce-window-head .mce-dragh {
@@ -154,6 +159,108 @@ div.mce-toolbar-grp {
        position: relative;
 }
 
+div.mce-inline-toolbar-grp {
+       border: 1px solid #a0a5aa;
+       -webkit-border-radius: 2px;
+       border-radius: 2px;
+       -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
+       box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
+       -webkit-box-sizing: border-box;
+       -moz-box-sizing: border-box;
+       box-sizing: border-box;
+       margin-bottom: 8px;
+       position: absolute;
+       -moz-user-select: none;
+       -webkit-user-select: none;
+       -ms-user-select: none;
+       user-select: none;
+       z-index: 100100; /* Same as the other TinyMCE "panels" */
+}
+
+div.mce-inline-toolbar-grp > div.mce-stack-layout {
+       padding: 1px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-up {
+       margin-bottom: 0;
+       margin-top: 8px;
+}
+
+div.mce-inline-toolbar-grp:before,
+div.mce-inline-toolbar-grp:after {
+       position: absolute;
+       left: 50%;
+       display: block;
+       width: 0;
+       height: 0;
+       border-style: solid;
+       border-color: transparent;
+       content: '';
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-up:before {
+       top: -18px;
+       border-bottom-color: #a0a5aa;
+       border-width: 9px;
+       margin-left: -9px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-down:before {
+       bottom: -18px;
+       border-top-color: #a0a5aa;
+       border-width: 9px;
+       margin-left: -9px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-up:after {
+       top: -16px;
+       border-bottom-color: #f5f5f5;
+       border-width: 8px;
+       margin-left: -8px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-down:after {
+       bottom: -16px;
+       border-top-color: #f5f5f5;
+       border-width: 8px;
+       margin-left: -8px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-left:before,
+div.mce-inline-toolbar-grp.mce-arrow-left:after {
+       margin: 0;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-left:before {
+       left: 20px;
+}
+div.mce-inline-toolbar-grp.mce-arrow-left:after {
+       left: 21px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-right:before,
+div.mce-inline-toolbar-grp.mce-arrow-right:after {
+       left: auto;
+       margin: 0;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-right:before {
+       right: 20px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-right:after {
+       right: 21px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-full {
+       right: 0;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-full > div {
+       width: 100%;
+       overflow-x: auto;
+}
+
 div.mce-toolbar-grp > div {
        padding: 3px;
 }
@@ -183,7 +290,7 @@ div.mce-path {
 }
 
 .mce-toolbar .mce-btn,
-.qt-fullscreen {
+.qt-dfw {
        border-color: transparent;
        background: transparent;
        -webkit-box-shadow: none;
@@ -194,7 +301,7 @@ div.mce-path {
 
 #wp-fullscreen-buttons .mce-btn,
 .mce-toolbar .mce-btn-group .mce-btn,
-.qt-fullscreen {
+.qt-dfw {
        border: 1px solid transparent;
        margin: 2px;
        background-image: none;
@@ -208,19 +315,21 @@ div.mce-path {
 .mce-toolbar .mce-btn-group .mce-btn:hover,
 #wp-fullscreen-buttons .mce-btn:focus,
 .mce-toolbar .mce-btn-group .mce-btn:focus,
-.qt-fullscreen:hover,
-.qt-fullscreen:focus {
+.qt-dfw:hover,
+.qt-dfw:focus {
        background: #fafafa;
        border-color: #999;
-       color: #222;
+       color: #23282d;
        -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
        box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
+       outline: none;
 }
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
 #wp-fullscreen-buttons .mce-btn.mce-active,
 .mce-toolbar .mce-btn-group .mce-btn:active,
-#wp-fullscreen-buttons .mce-btn:active {
+#wp-fullscreen-buttons .mce-btn:active,
+.qt-dfw.active {
        background: #ebebeb;
        border-color: #999;
        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
@@ -239,7 +348,7 @@ div.mce-path {
 #wp-fullscreen-buttons .mce-btn.mce-disabled:hover,
 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus,
 #wp-fullscreen-buttons .mce-btn.mce-disabled:focus {
-       color: #aaa;
+       color: #a0a5aa;
        background: none;
        border-color: #ddd;
        text-shadow: 0 1px 0 #fff;
@@ -253,7 +362,7 @@ div.mce-path {
 }
 
 .mce-toolbar .mce-btn button,
-.qt-fullscreen {
+.qt-dfw {
        padding: 2px 3px;
        line-height: normal;
 }
@@ -293,7 +402,7 @@ div.mce-path {
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
     background-image: none;
-    border-color: #bbb;
+    border-color: #b4b9be;
 }
 
 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox span {
@@ -317,12 +426,12 @@ div.mce-path {
 }
 
 .mce-panel .mce-btn:hover i.mce-caret {
-       border-top-color: #333;
+       border-top-color: #32373c;
 }
 
 .mce-panel .mce-active i.mce-caret {
        border-top: 0;
-       border-bottom: 6px solid #333;
+       border-bottom: 6px solid #32373c;
        margin-top: 7px;
 }
 
@@ -349,7 +458,7 @@ div.mce-path {
 .mce-menu .mce-menu-item.mce-selected,
 .mce-menu .mce-menu-item:focus {
        color: #000;
-       background-color: #bbb;
+       background-color: #b4b9be;
        background-image: none;
        -webkit-filter: none;
        filter: none;
@@ -431,7 +540,7 @@ div.mce-menu .mce-menu-item-sep,
 .mce-window .mce-btn:focus {
        background: #fafafa;
        border-color: #999;
-       color: #222;
+       color: #23282d;
 }
 
 .mce-window .mce-btn:focus {
@@ -446,13 +555,13 @@ div.mce-menu .mce-menu-item-sep,
 .mce-window .mce-btn:active {
        background: #eee;
        border-color: #999;
-       color: #333;
+       color: #32373c;
        -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
        box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
 }
 
 .mce-window .mce-btn.mce-disabled {
-       color: #aaa;
+       color: #a0a5aa;
        border-color: #ddd;
        background: #f7f7f7;
        -webkit-box-shadow: none;
@@ -462,8 +571,8 @@ div.mce-menu .mce-menu-item-sep,
 }
 
 .mce-window .mce-btn.mce-primary {
-       background: #2ea2cc;
-       border-color: #0074a2;
+       background: #00a0d2;
+       border-color: #0073aa;
        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
        color: #fff;
@@ -473,7 +582,7 @@ div.mce-menu .mce-menu-item-sep,
 .mce-window .mce-btn.mce-primary:hover,
 .mce-window .mce-btn.mce-primary:focus {
        background: #1e8cbe;
-       border-color: #0074a2;
+       border-color: #0073aa;
        -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
        box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
        color: #fff;
@@ -568,7 +677,7 @@ div.mce-menu .mce-menu-item-sep,
        padding: 0;
 }
 
-.qt-fullscreen {
+.qt-dfw {
        color: #777;
        line-height: 20px;
        width: 28px;
@@ -602,6 +711,7 @@ i.mce-i-strikethrough,
 i.mce-i-spellchecker,
 i.mce-i-fullscreen,
 i.mce-i-wp_fullscreen,
+i.mce-i-dfw,
 i.mce-i-wp_adv,
 i.mce-i-underline,
 i.mce-i-alignjustify,
@@ -621,6 +731,8 @@ i.mce-i-wp-media-library,
 i.mce-i-ltr,
 i.mce-i-wp_page,
 i.mce-i-hr,
+i.mce-i-wp_code,
+i.mce-i-dashicon,
 .mce-close {
        font: normal 20px/1 'dashicons';
        padding: 0;
@@ -632,7 +744,7 @@ i.mce-i-hr,
        padding-right: 2px;
 }
 
-.qt-fullscreen {
+.qt-dfw {
        font: normal 20px/1 'dashicons';
        vertical-align: top;
        speak: none;
@@ -694,7 +806,8 @@ i.mce-i-spellchecker:before {
 
 i.mce-i-fullscreen:before,
 i.mce-i-wp_fullscreen:before,
-.qt-fullscreen:before {
+i.mce-i-dfw:before,
+.qt-dfw:before {
        content: '\f211';
 }
 
@@ -768,10 +881,19 @@ i.mce-i-hr:before {
        content: '\f158';
 }
 
-.mce-i-wp_code:before {
+i.mce-i-wp_code:before {
        content: '\f475';
 }
 
+/* RTL button icons */
+.rtl i.mce-i-outdent:before {
+       content: '\f222';
+}
+
+.rtl i.mce-i-indent:before {
+       content: '\f221';
+}
+
 /* Editors */
 .wp-editor-wrap {
        position: relative;
@@ -807,6 +929,14 @@ i.mce-i-hr:before {
        box-sizing: border-box;
 }
 
+.rtl .wp-editor-area {
+       font-family: Tahoma, Monaco, monospace;
+}
+
+.locale-he-il .wp-editor-area {
+       font-family: Arial, Monaco, monospace;
+}
+
 .wp-editor-container textarea.wp-editor-area {
        width: 100%;
        margin: 0;
@@ -819,26 +949,44 @@ i.mce-i-hr:before {
 }
 
 .wp-switch-editor {
+       float: left;
+       -webkit-box-sizing: content-box;
+       -moz-box-sizing: content-box;
+       box-sizing: content-box;
+       position: relative;
+       top: 1px;
        background: #ebebeb;
-       border: 1px solid #dedede;
        color: #777;
        cursor: pointer;
-       float: right;
        font: 13px/19px "Open Sans", sans-serif;
-       height: 19px;
+       height: 20px;
        margin: 5px 0 0 5px;
        padding: 3px 8px 4px;
-       position: relative;
-       top: 1px;
+       border: 1px solid #e5e5e5;
 }
 
-.wp-switch-editor:active {
-       background-color: #f1f1f1;
+.wp-switch-editor:focus {
+       -webkit-box-shadow:
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba(30, 140, 190, .8);
+       box-shadow:
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba(30, 140, 190, .8);
+       outline: none;
+       color: #23282d;
 }
 
-.wp-switch-editor:hover {
-       text-decoration: none !important;
-       background: #fff;
+.wp-switch-editor:active,
+.html-active .switch-html:focus,
+.tmce-active .switch-tmce:focus {
+       -webkit-box-shadow: none;
+       box-shadow: none;
+}
+
+.wp-switch-editor:active {
+       background-color: #f5f5f5;
+       -webkit-box-shadow: none;
+       box-shadow: none;
 }
 
 .js .tmce-active .wp-editor-area {
@@ -853,8 +1001,7 @@ i.mce-i-hr:before {
 .html-active .switch-html {
        background: #f5f5f5;
        color: #555;
-       height: 20px;
-       border-bottom: none;
+       border-bottom-color: #f5f5f5;
 }
 
 .wp-media-buttons {
@@ -945,17 +1092,22 @@ i.mce-i-hr:before {
        font-weight: bold;
 }
 
-.mce-toolbar .mce-btn-group .mce-btn.mce-wp-fullscreen,
-.qt-fullscreen {
+.mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
+.qt-dfw {
        position: absolute;
        top: 0;
        right: 0;
        margin: 5px 5px 0 0;
 }
 
+.qt-fullscreen {
+       position: static;
+       margin: 2px;
+}
+
 @media screen and ( max-width: 782px ) {
        .mce-toolbar .mce-btn button,
-       .qt-fullscreen {
+       .qt-dfw {
                padding: 6px 7px;
        }
 
@@ -964,12 +1116,12 @@ i.mce-i-hr:before {
                margin: 1px;
        }
 
-       .qt-fullscreen {
+       .qt-dfw {
                width: 36px;
                height: 34px;
        }
 
-       .mce-toolbar .mce-btn-group .mce-btn.mce-wp-fullscreen {
+       .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
                margin: 4px 4px 0 0;
        }
 
@@ -1037,7 +1189,6 @@ i.mce-i-hr:before {
        -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
        box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
        width: 500px;
-       height: 250px;
        overflow: hidden;
        margin-left: -250px;
        margin-top: -125px;
@@ -1073,6 +1224,14 @@ i.mce-i-hr:before {
        margin-top: -250px;
 }
 
+#wp-link-wrap .wp-link-text-field {
+       display: none;
+}
+
+#wp-link-wrap.has-text-field .wp-link-text-field {
+       display: block;
+}
+
 #link-modal-title {
        background: #fcfcfc;
        border-bottom: 1px solid #dfdfdf;
@@ -1113,7 +1272,7 @@ i.mce-i-hr:before {
 
 #wp-link-close:hover,
 #wp-link-close:focus {
-       color: #2ea2cc;
+       color: #00a0d2;
 }
 
 #wp-link-close:focus {
@@ -1131,6 +1290,7 @@ i.mce-i-hr:before {
 }
 
 #wp-link-wrap.search-panel-visible #link-selector {
+       -webkit-overflow-scrolling: touch;
        padding: 0 16px;
        position: absolute;
        top: 36px;
@@ -1215,8 +1375,7 @@ i.mce-i-hr:before {
 }
 
 #wp-link .link-search-wrapper .spinner {
-       display: none;
-       vertical-align: text-bottom;
+       margin-top: 5px;
 }
 
 #wp-link .link-target {
@@ -1239,6 +1398,10 @@ i.mce-i-hr:before {
        left: 16px;
        right: 16px;
        bottom: 16px;
+       top: 172px;
+}
+
+.has-text-field #wp-link .query-results {
        top: 205px;
 }
 
@@ -1246,7 +1409,7 @@ i.mce-i-hr:before {
        clear: both;
        margin-bottom: 0;
        border-bottom: 1px solid #f1f1f1;
-       color: #333;
+       color: #32373c;
        padding: 4px 6px 4px 10px;
        cursor: pointer;
        position: relative;
@@ -1263,7 +1426,7 @@ i.mce-i-hr:before {
 #wp-link .query-notice .query-notice-hint {
        display: block;
        padding: 6px;
-       border-left: 4px solid #2ea2cc;
+       border-left: 4px solid #00a0d2;
 }
 
 #wp-link .unselectable.no-matches-found {
@@ -1294,12 +1457,12 @@ i.mce-i-hr:before {
 #wp-link li.unselectable:hover {
        background: #fff;
        cursor: auto;
-       color: #333;
+       color: #32373c;
 }
 
 #wp-link li.selected {
        background: #ddd;
-       color: #333;
+       color: #32373c;
 }
 
 #wp-link li.selected .item-title {
@@ -1315,6 +1478,7 @@ i.mce-i-hr:before {
        width: 80%;
        width: -webkit-calc(100% - 68px);
        width: calc(100% - 68px);
+       word-wrap: break-word;
 }
 
 #wp-link .item-info {
@@ -1340,12 +1504,6 @@ i.mce-i-hr:before {
        padding: 10px 0;
 }
 
-#wp-link .river-waiting .spinner {
-       margin: 0 auto;
-       display: block;
-       float: none;
-}
-
 #wp-link .submitbox {
        padding: 8px 16px;
        background: #fcfcfc;
@@ -1373,11 +1531,14 @@ i.mce-i-hr:before {
 
 @media screen and ( max-width: 782px ) {
        #wp-link-wrap {
-               height: 280px;
                margin-top: -140px;
        }
 
        #wp-link-wrap.search-panel-visible .query-results {
+               top: 195px;
+       }
+
+       #wp-link-wrap.search-panel-visible.has-text-field .query-results {
                top: 235px;
        }
 
@@ -1533,7 +1694,7 @@ i.mce-i-hr:before {
 
 .clearlooks2 .mceTop span,
 .clearlooks2 .mceFocus .mceTop span {
-       color: #222;
+       color: #23282d;
 }
 
 .clearlooks2 .mceClose:before {
@@ -1541,10 +1702,10 @@ i.mce-i-hr:before {
 }
 
 .clearlooks2 .mceClose:hover:before {
-       color: #2ea2cc;
+       color: #00a0d2;
 }
 */
-/* Distraction Free Writing mode
+/* Distraction-Free Writing mode
  * =Overlay Styles
 -------------------------------------------------------------- */
 .fullscreen-overlay {
@@ -1656,7 +1817,7 @@ i.mce-i-hr:before {
 }
 
 #wp-fullscreen-tagline {
-       color: #888;
+       color: #82878c;
        font-size: 18px;
        float: right;
        padding: 4px 0 0;
@@ -1740,7 +1901,7 @@ i.mce-i-hr:before {
     white-space: nowrap;
     width: auto;
     background: none;
-       color: #333333;
+       color: #32373c;
     cursor: pointer;
     font-size: 18px;
     line-height: 20px;
@@ -1956,12 +2117,12 @@ i.mce-i-hr:before {
        font-family: Tahoma, sans-serif;
 }
 
-/* @noflip */
+/* rtl:ignore */
 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
        direction: rtl;
 }
 
-/* @noflip */
+/* rtl:ignore */
 .mce-rtl .mce-listbox i.mce-caret {
        left: 6px;
 }
@@ -1973,7 +2134,6 @@ html:lang(he-il) .rtl .quicktags-toolbar input  {
 
 /* HiDPI */
 @media print,
-  (-o-min-device-pixel-ratio: 5/4),
   (-webkit-min-device-pixel-ratio: 1.25),
   (min-resolution: 120dpi) {
        .wp-media-buttons .add_media span.wp-media-buttons-icon,
@@ -1981,5 +2141,3 @@ html:lang(he-il) .rtl .quicktags-toolbar input  {
                background: none;
        }
 }
-
-/* TODO: DFW responsive */