WordPress 4.1.1-scripts

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

diff --git a/wp-includes/css/editor.css b/wp-includes/css/editor.css
index ab5723525cb5794bbeab3a1843e0f8426b83b46a..b90bdf88dadd64abbf1af0a38fe5b5516ad7a80a 100644 (file)
--- a/wp-includes/css/editor.css
+++ b/wp-includes/css/editor.css
@@ -79,19 +79,21 @@
 }
 
 .mce-textbox,
-.mce-checkbox i.mce-i-checkbox {
+.mce-checkbox i.mce-i-checkbox,
+#wp-link .query-results {
        border: 1px solid #ddd;
        -webkit-border-radius: 0;
        border-radius: 0;
        -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
        box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
-       -webkit-transition: .05s border-color ease-in-out;
-       transition: .05s border-color ease-in-out;
+       -webkit-transition: .05s all ease-in-out;
+       transition: .05s all ease-in-out;
 }
 
 .mce-textbox:focus,
 .mce-textbox.mce-focus,
-.mce-checkbox:focus i.mce-i-checkbox {
+.mce-checkbox:focus i.mce-i-checkbox,
+#wp-link .query-results:focus {
        border-color: #5b9dd9;
        -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
        box-shadow: 0 0 2px rgba(30,140,190,0.8);
@@ -148,10 +150,121 @@ div.mce-tab {
 div.mce-toolbar-grp {
        border-bottom: 1px solid #dedede;
        background: #f5f5f5;
-       padding: 3px;
+       padding: 0;
        position: relative;
 }
 
+div.mce-inline-toolbar-grp {
+       border: 1px solid #aaa;
+       -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;
+       visibility: hidden;
+       -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-wp-image-toolbar > 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: #aaa;
+       border-width: 9px;
+       margin-left: -9px;
+}
+
+div.mce-inline-toolbar-grp.mce-arrow-down:before {
+       bottom: -18px;
+       border-top-color: #aaa;
+       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-inline-toolbar-grp-active {
+       visibility: visible;
+}
+
+div.mce-toolbar-grp > div {
+       padding: 3px;
+}
+
 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
        padding-right: 32px;
 }
@@ -161,16 +274,23 @@ div.mce-toolbar-grp {
 }
 
 div.mce-statusbar {
-       border-top: 1px solid #eee;
+       border-top: 1px solid #e5e5e5;
 }
 
 div.mce-path {
-       padding: 0 8px 2px;
+       padding: 2px 10px;
        margin: 0;
 }
 
+.mce-path,
+.mce-path-item,
+.mce-path .mce-divider {
+       font-size: 12px;
+       line-height: 18px;
+}
+
 .mce-toolbar .mce-btn,
-.qt-fullscreen {
+.qt-dfw {
        border-color: transparent;
        background: transparent;
        -webkit-box-shadow: none;
@@ -181,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;
@@ -195,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;
        -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 );
@@ -240,7 +362,7 @@ div.mce-path {
 }
 
 .mce-toolbar .mce-btn button,
-.qt-fullscreen {
+.qt-dfw {
        padding: 2px 3px;
        line-height: normal;
 }
@@ -258,9 +380,13 @@ div.mce-path {
 }
 
 .mce-toolbar .mce-colorbutton .mce-preview {
-       margin-left: -17px;
+       margin: 0;
        padding: 0;
-       width: 18px;
+       top: auto;
+       bottom: 2px;
+       left: 3px;
+       height: 3px;
+       width: 20px;
 }
 
 /* mce listbox */
@@ -279,6 +405,10 @@ div.mce-path {
     border-color: #bbb;
 }
 
+.mce-toolbar .mce-btn-group .mce-btn.mce-listbox span {
+       font-size: 13px;
+}
+
 .mce-panel .mce-btn i.mce-caret {
        border-top: 6px solid #777;
        margin-left: 2px;
@@ -346,6 +476,8 @@ div.mce-path {
 /* Menubar */
 .mce-menubar {
        border-color: #e5e5e5;
+       background: #fff;
+       border-width: 0px 0px 1px;
 }
 
 .mce-menubar .mce-btn:focus {
@@ -391,8 +523,8 @@ div.mce-menu .mce-menu-item-sep,
        -webkit-border-radius: 3px;
        border-radius: 3px;
        white-space: nowrap;
-       -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
-       box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
+       -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 );
        background-image: none;
 }
 
@@ -404,28 +536,34 @@ div.mce-menu .mce-menu-item-sep,
        padding: 0;
 }
 
-.mce-window .mce-btn:hover {
+.mce-window .mce-btn:hover,
+.mce-window .mce-btn:focus {
        background: #fafafa;
        border-color: #999;
        color: #222;
 }
 
 .mce-window .mce-btn:focus {
-       -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
-       box-shadow: 1px 1px 1px rgba(0,0,0,.2);
+       -webkit-box-shadow:
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba( 30, 140, 190, 0.8 );
+       box-shadow:
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba( 30, 140, 190, 0.8 );
 }
 
 .mce-window .mce-btn:active {
        background: #eee;
        border-color: #999;
        color: #333;
-       -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 );
+       -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;
        border-color: #ddd;
+       background: #f7f7f7;
        -webkit-box-shadow: none;
        box-shadow: none;
        text-shadow: 0 1px 0 #fff;
@@ -435,39 +573,50 @@ div.mce-menu .mce-menu-item-sep,
 .mce-window .mce-btn.mce-primary {
        background: #2ea2cc;
        border-color: #0074a2;
-       -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
-       box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
+       -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;
        text-decoration: none;
 }
 
-.mce-window .mce-btn.mce-primary:hover {
+.mce-window .mce-btn.mce-primary:hover,
+.mce-window .mce-btn.mce-primary:focus {
        background: #1e8cbe;
        border-color: #0074a2;
-       -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);
+       -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;
 }
 
 .mce-window .mce-btn.mce-primary:focus {
        border-color: #0e3950;
-       -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
-       box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
+       -webkit-box-shadow:
+               inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba( 30, 140, 190, 0.8 );
+       box-shadow:
+               inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
+               0 0 0 1px #5b9dd9,
+               0 0 2px 1px rgba( 30, 140, 190, 0.8 );
 }
 
 .mce-window .mce-btn.mce-primary:active {
        background: #1b7aa6;
        border-color: #005684;
-       color: rgba(255,255,255,0.95);
-       -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
-       box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
+       color: rgba( 255, 255, 255, 0.95 );
+       -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
+       box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
+       vertical-align: top;
 }
 
 .mce-window .mce-btn.mce-primary.mce-disabled {
        color: #94cde7;
        background: #298cba;
        border-color: #1b607f;
-       text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
+       -webkit-box-shadow: none;
+       box-shadow: none;
+       text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 );
+       cursor: default;
 }
 
 .mce-menubtn.mce-fixed-width button span {
@@ -528,7 +677,7 @@ div.mce-menu .mce-menu-item-sep,
        padding: 0;
 }
 
-.qt-fullscreen {
+.qt-dfw {
        color: #777;
        line-height: 20px;
        width: 28px;
@@ -562,10 +711,12 @@ 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,
 i.mce-i-forecolor,
+i.mce-i-backcolor,
 i.mce-i-pastetext,
 i.mce-i-pasteword,
 i.mce-i-removeformat,
@@ -580,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-dashicon,
 .mce-close {
        font: normal 20px/1 'dashicons';
        padding: 0;
@@ -591,7 +743,7 @@ i.mce-i-hr,
        padding-right: 2px;
 }
 
-.qt-fullscreen {
+.qt-dfw {
        font: normal 20px/1 'dashicons';
        vertical-align: top;
        speak: none;
@@ -653,7 +805,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';
 }
 
@@ -669,7 +822,8 @@ i.mce-i-alignjustify:before {
        content: '\f214';
 }
 
-i.mce-i-forecolor:before {
+i.mce-i-forecolor:before,
+i.mce-i-backcolor:before {
        content: '\f215';
 }
 
@@ -727,7 +881,7 @@ i.mce-i-hr:before {
 }
 
 .mce-i-wp_code:before {
-       content: '\e017';
+       content: '\f475';
 }
 
 /* Editors */
@@ -740,6 +894,12 @@ i.mce-i-hr:before {
        z-index: 1;
 }
 
+.wp-editor-tools:after {
+       clear: both;
+       content: '';
+       display: table;
+}
+
 .wp-editor-container {
        clear: both;
 }
@@ -759,8 +919,12 @@ i.mce-i-hr:before {
        box-sizing: border-box;
 }
 
-.wp-editor-tools {
-       padding: 0;
+.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 {
@@ -775,26 +939,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: #222;
 }
 
-.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 {
@@ -809,8 +991,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 {
@@ -901,37 +1082,51 @@ 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-top: 5px;
-       margin-right: 5px;
+       margin: 5px 5px 0 0;
+}
+
+.qt-fullscreen {
+       position: static;
+       margin: 2px;
 }
 
 @media screen and ( max-width: 782px ) {
        .mce-toolbar .mce-btn button,
-       .qt-fullscreen {
-               padding: 7px 8px;
+       .qt-dfw {
+               padding: 6px 7px;
        }
 
-       .qt-fullscreen {
-               width: 38px;
+       #wp-fullscreen-buttons .mce-btn,
+       .mce-toolbar .mce-btn-group .mce-btn {
+               margin: 1px;
+       }
+
+       .qt-dfw {
+               width: 36px;
                height: 34px;
        }
 
+       .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
+               margin: 4px 4px 0 0;
+       }
+
        .mce-toolbar .mce-colorbutton .mce-preview {
-               margin-left: -21px;
+               left: 8px;
+               bottom: 6px;
        }
 
        .mce-window .mce-btn {
                padding: 2px 0;
        }
 
-       div.mce-toolbar-grp,
-       .quicktags-toolbar {
-               padding-right: 46px;
+       .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
+       .has-dfw .quicktags-toolbar {
+               padding-right: 40px;
        }
 }
 
@@ -1035,7 +1230,6 @@ i.mce-i-hr:before {
 
 #wp-link-close {
        color: #666;
-       cursor: pointer;
        padding: 0;
        position: absolute;
        top: 0;
@@ -1043,6 +1237,9 @@ i.mce-i-hr:before {
        width: 36px;
        height: 36px;
        text-align: center;
+       background: none;
+       border: none;
+       cursor: pointer;
 }
 
 #wp-link-close:before {
@@ -1061,6 +1258,16 @@ i.mce-i-hr:before {
        color: #2ea2cc;
 }
 
+#wp-link-close:focus {
+       outline: none;
+       -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);
+}
+
 #link-selector {
        padding: 0 16px 50px;
 }
@@ -1081,7 +1288,8 @@ i.mce-i-hr:before {
        padding: 0;
 }
 
-#wp-link-search-toggle::after {
+#wp-link-search-toggle:after {
+       display: inline-block;
        font: normal 20px/1 'dashicons';
        vertical-align: top;
        speak: none;
@@ -1090,7 +1298,7 @@ i.mce-i-hr:before {
        content: '\f140';
 }
 
-.search-panel-visible #wp-link-search-toggle::after {
+.search-panel-visible #wp-link-search-toggle:after {
        content: '\f142';
 }
 
@@ -1108,6 +1316,11 @@ i.mce-i-hr:before {
        margin: 3px 0;
 }
 
+#wp-link p.howto a {
+       text-decoration: none;
+       color: inherit;
+}
+
 #wp-link-search-toggle {
        cursor: pointer;
 }
@@ -1171,17 +1384,46 @@ i.mce-i-hr:before {
        top: 205px;
 }
 
-#wp-link li,
-#wp-link .query-notice {
+#wp-link li {
        clear: both;
        margin-bottom: 0;
        border-bottom: 1px solid #f1f1f1;
        color: #333;
-       padding: 4px 6px;
+       padding: 4px 6px 4px 10px;
        cursor: pointer;
        position: relative;
 }
 
+#wp-link .query-notice {
+       padding: 0;
+       border-bottom: 1px solid #dfdfdf;
+       background-color: #f7fcfe;
+       color: #000;
+}
+
+#wp-link .query-notice .query-notice-default,
+#wp-link .query-notice .query-notice-hint {
+       display: block;
+       padding: 6px;
+       border-left: 4px solid #2ea2cc;
+}
+
+#wp-link .unselectable.no-matches-found {
+       padding: 0;
+       border-bottom: 1px solid #dfdfdf;
+       background-color: #fef7f1;
+}
+
+#wp-link .no-matches-found .item-title {
+       display: block;
+       padding: 6px;
+       border-left: 4px solid #d54e21;
+}
+
+#wp-link .query-results em {
+       font-style: normal;
+}
+
 #wp-link li:hover {
        background: #eaf2fa;
        color: #151515;
@@ -1258,6 +1500,7 @@ i.mce-i-hr:before {
 
 #wp-link-cancel {
        line-height: 25px;
+       float: left;
 }
 
 #wp-link-update {
@@ -1443,7 +1686,7 @@ i.mce-i-hr:before {
        color: #2ea2cc;
 }
 */
-/* Distraction Free Writing mode
+/* Distraction-Free Writing mode
  * =Overlay Styles
 -------------------------------------------------------------- */
 .fullscreen-overlay {
@@ -1880,5 +2123,3 @@ html:lang(he-il) .rtl .quicktags-toolbar input  {
                background: none;
        }
 }
-
-/* TODO: DFW responsive */