X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/41578db67d72562346e4dbb2a14889b23d522813..a7cd4c052013b423c6301153f68c7fdbaa2a447b:/wp-includes/css/editor-rtl.css diff --git a/wp-includes/css/editor-rtl.css b/wp-includes/css/editor-rtl.css index e5842e98..7d59c9d3 100644 --- a/wp-includes/css/editor-rtl.css +++ b/wp-includes/css/editor-rtl.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; + right: 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-right: -9px; +} + +div.mce-inline-toolbar-grp.mce-arrow-down:before { + bottom: -18px; + border-top-color: #aaa; + border-width: 9px; + margin-right: -9px; +} + +div.mce-inline-toolbar-grp.mce-arrow-up:after { + top: -16px; + border-bottom-color: #f5f5f5; + border-width: 8px; + margin-right: -8px; +} + +div.mce-inline-toolbar-grp.mce-arrow-down:after { + bottom: -16px; + border-top-color: #f5f5f5; + border-width: 8px; + margin-right: -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 { + right: 20px; +} +div.mce-inline-toolbar-grp.mce-arrow-left:after { + right: 21px; +} + +div.mce-inline-toolbar-grp.mce-arrow-right:before, +div.mce-inline-toolbar-grp.mce-arrow-right:after { + right: auto; + margin: 0; +} + +div.mce-inline-toolbar-grp.mce-arrow-right:before { + left: 20px; +} + +div.mce-inline-toolbar-grp.mce-arrow-right:after { + left: 21px; +} + +div.mce-inline-toolbar-grp.mce-arrow-full { + left: 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-left: 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-right: -17px; + margin: 0; padding: 0; - width: 18px; + top: auto; + bottom: 2px; + right: 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-right: 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-left: 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: right; + -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: left; font: 13px/19px "Open Sans", sans-serif; - height: 19px; + height: 20px; margin: 5px 5px 0 0; 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; left: 0; - margin-top: 5px; - margin-left: 5px; + margin: 5px 0 0 5px; +} + +.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 0 0 4px; + } + .mce-toolbar .mce-colorbutton .mce-preview { - margin-right: -21px; + right: 8px; + bottom: 6px; } .mce-window .mce-btn { padding: 2px 0; } - div.mce-toolbar-grp, - .quicktags-toolbar { - padding-left: 46px; + .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first, + .has-dfw .quicktags-toolbar { + padding-left: 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 10px 4px 6px; 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-right: 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-right: 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: right; } #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 */