WordPress 4.1

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

diff --git a/wp-includes/css/editor.css b/wp-includes/css/editor.css
index b05def96fe9ee018791ca59cca8c27a7588bda59..b90bdf88dadd64abbf1af0a38fe5b5516ad7a80a 100644 (file)
--- a/wp-includes/css/editor.css
+++ b/wp-includes/css/editor.css
@@ -154,6 +154,113 @@ div.mce-toolbar-grp {
        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;
 }
@@ -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;
        -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 );
@@ -253,7 +362,7 @@ div.mce-path {
 }
 
 .mce-toolbar .mce-btn button,
-.qt-fullscreen {
+.qt-dfw {
        padding: 2px 3px;
        line-height: normal;
 }
@@ -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,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;
@@ -632,7 +743,7 @@ i.mce-i-hr,
        padding-right: 2px;
 }
 
-.qt-fullscreen {
+.qt-dfw {
        font: normal 20px/1 'dashicons';
        vertical-align: top;
        speak: none;
@@ -694,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';
 }
 
@@ -807,6 +919,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 +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 {
@@ -853,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 {
@@ -945,17 +1082,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 +1106,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;
        }
 
@@ -1544,7 +1686,7 @@ i.mce-i-hr:before {
        color: #2ea2cc;
 }
 */
-/* Distraction Free Writing mode
+/* Distraction-Free Writing mode
  * =Overlay Styles
 -------------------------------------------------------------- */
 .fullscreen-overlay {
@@ -1981,5 +2123,3 @@ html:lang(he-il) .rtl .quicktags-toolbar input  {
                background: none;
        }
 }
-
-/* TODO: DFW responsive */