WordPress 4.2

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

diff --git a/wp-includes/css/editor.css b/wp-includes/css/editor.css
index b90bdf88dadd64abbf1af0a38fe5b5516ad7a80a..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 {
@@ -155,7 +160,7 @@ div.mce-toolbar-grp {
 }
 
 div.mce-inline-toolbar-grp {
-       border: 1px solid #aaa;
+       border: 1px solid #a0a5aa;
        -webkit-border-radius: 2px;
        border-radius: 2px;
        -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
@@ -165,7 +170,6 @@ div.mce-inline-toolbar-grp {
        box-sizing: border-box;
        margin-bottom: 8px;
        position: absolute;
-       visibility: hidden;
        -moz-user-select: none;
        -webkit-user-select: none;
        -ms-user-select: none;
@@ -173,7 +177,7 @@ div.mce-inline-toolbar-grp {
        z-index: 100100; /* Same as the other TinyMCE "panels" */
 }
 
-div.mce-wp-image-toolbar > div.mce-stack-layout {
+div.mce-inline-toolbar-grp > div.mce-stack-layout {
        padding: 1px;
 }
 
@@ -196,14 +200,14 @@ div.mce-inline-toolbar-grp:after {
 
 div.mce-inline-toolbar-grp.mce-arrow-up:before {
        top: -18px;
-       border-bottom-color: #aaa;
+       border-bottom-color: #a0a5aa;
        border-width: 9px;
        margin-left: -9px;
 }
 
 div.mce-inline-toolbar-grp.mce-arrow-down:before {
        bottom: -18px;
-       border-top-color: #aaa;
+       border-top-color: #a0a5aa;
        border-width: 9px;
        margin-left: -9px;
 }
@@ -257,10 +261,6 @@ div.mce-inline-toolbar-grp.mce-arrow-full > div {
        overflow-x: auto;
 }
 
-div.mce-inline-toolbar-grp-active {
-       visibility: visible;
-}
-
 div.mce-toolbar-grp > div {
        padding: 3px;
 }
@@ -319,7 +319,7 @@ div.mce-path {
 .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;
@@ -348,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;
@@ -402,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 {
@@ -426,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;
 }
 
@@ -458,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;
@@ -540,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 {
@@ -555,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;
@@ -571,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;
@@ -582,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;
@@ -731,6 +731,7 @@ 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';
@@ -880,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;
@@ -963,7 +973,7 @@ i.mce-i-hr:before {
                0 0 0 1px #5b9dd9,
                0 0 2px 1px rgba(30, 140, 190, .8);
        outline: none;
-       color: #222;
+       color: #23282d;
 }
 
 .wp-switch-editor:active,
@@ -1179,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;
@@ -1215,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;
@@ -1255,7 +1272,7 @@ i.mce-i-hr:before {
 
 #wp-link-close:hover,
 #wp-link-close:focus {
-       color: #2ea2cc;
+       color: #00a0d2;
 }
 
 #wp-link-close:focus {
@@ -1273,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;
@@ -1357,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 {
@@ -1381,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;
 }
 
@@ -1388,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;
@@ -1405,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 {
@@ -1436,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 {
@@ -1457,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 {
@@ -1482,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;
@@ -1515,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;
        }
 
@@ -1675,7 +1694,7 @@ i.mce-i-hr:before {
 
 .clearlooks2 .mceTop span,
 .clearlooks2 .mceFocus .mceTop span {
-       color: #222;
+       color: #23282d;
 }
 
 .clearlooks2 .mceClose:before {
@@ -1683,7 +1702,7 @@ i.mce-i-hr:before {
 }
 
 .clearlooks2 .mceClose:hover:before {
-       color: #2ea2cc;
+       color: #00a0d2;
 }
 */
 /* Distraction-Free Writing mode
@@ -1798,7 +1817,7 @@ i.mce-i-hr:before {
 }
 
 #wp-fullscreen-tagline {
-       color: #888;
+       color: #82878c;
        font-size: 18px;
        float: right;
        padding: 4px 0 0;
@@ -1882,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;
@@ -2098,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;
 }
@@ -2115,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,