X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/256a3b381f63716209b3527d0a14442ae570c283..HEAD:/wp-includes/css/editor.css diff --git a/wp-includes/css/editor.css b/wp-includes/css/editor.css index 1af385de..e04317ec 100644 --- a/wp-includes/css/editor.css +++ b/wp-includes/css/editor.css @@ -1,1146 +1,1079 @@ - /*------------------------------------------------------------------------------ - TinyMCE and Quicklinks toolbars ------------------------------------------------------------------------------*/ -/* wp_theme/ui.css */ -.wp_themeSkin table, -.wp_themeSkin tbody, -.wp_themeSkin a, -.wp_themeSkin img, -.wp_themeSkin tr, -.wp_themeSkin div, -.wp_themeSkin td, -.wp_themeSkin iframe, -.wp_themeSkin span, -.wp_themeSkin *, -.wp_themeSkin .mceText { - border: 0; - margin: 0; - padding: 0; - white-space: nowrap; - text-decoration: none; - font-weight: normal; - cursor: default; - vertical-align: baseline; - width: auto; - border-collapse: separate; -} - -.wp_themeSkin a:hover, -.wp_themeSkin a:link, -.wp_themeSkin a:visited, -.wp_themeSkin a:active { - text-decoration: none; - font-weight: normal; - cursor: default; -} +/* TinyMCE widgets/containers */ -.wp_themeSkin table td { - vertical-align: middle; +.mce-container, +.mce-container *, +.mce-widget, +.mce-widget * { + color: inherit; + font-family: inherit; } -.wp_themeSkin *, -.wp_themeSkin a:hover, -.wp_themeSkin a:link, -.wp_themeSkin a:visited, -.wp_themeSkin a:active { - color: #555; +.mce-container .mce-monospace, +.mce-widget .mce-monospace { + font-family: Consolas, Monaco, monospace; + font-size: 13px; + line-height: 150%; } -/* These are part of TinyMCE, used in TinyMCE Advanced, but not WordPress. These are not updated for 3.8's design. */ -.wp_themeSkin span.mce_sup, -.wp_themeSkin span.mce_sub, -.wp_themeSkin span.mce_media, -.wp_themeSkin span.mce_styleprops, -.wp_themeSkin span.mce_search, -.wp_themeSkin span.mce_emotions, -.wp_themeSkin span.mce_print, -.wp_themeSkin span.mce_attribs, -.wp_themeSkin span.mce_hr, -.wp_themeSkin span.mce_cut, -.wp_themeSkin span.mce_copy, -.wp_themeSkin span.mce_paste, -.wp_themeSkin span.mce_cite, -.wp_themeSkin span.mce_visualchars, -.wp_themeSkin span.mce_advhr, -.wp_themeSkin span.mce_insertdate, -.wp_themeSkin span.mce_anchor, -.wp_themeSkin span.mce_visualaid, -.wp_themeSkin span.mce_cleanup, -.wp_themeSkin span.mce_table, -.wp_themeSkin span.mce_row_props, -.wp_themeSkin span.mce_cell_props, -.wp_themeSkin span.mce_row_before, -.wp_themeSkin span.mce_row_after, -.wp_themeSkin span.mce_delete_row, -.wp_themeSkin span.mce_col_before, -.wp_themeSkin span.mce_col_after, -.wp_themeSkin span.mce_delete_col, -.wp_themeSkin span.mce_split_cells, -.wp_themeSkin span.mce_merge_cells, -.wp_themeSkin span.mce_delete_table, -.wp_themeSkin span.mce_ins, -.wp_themeSkin span.mce_abbr, -.wp_themeSkin span.mce_acronym, -.wp_themeSkin span.mce_del, -.wp_themeSkin span.mce_replace, -.wp_themeSkin span.mce_code, -.wp_themeSkin span.mce_nonbreaking, -.wp_themeSkin span.mce_inserttime, -.wp_themeSkin span.mce_insertlayer, -.wp_themeSkin span.mce_moveforward, -.wp_themeSkin span.mce_movebackward, -.wp_themeSkin span.mce_absolute { - -moz-transition: none; +/* TinyMCE windows */ +#mce-modal-block, +#mce-modal-block.mce-fade { + opacity: 0.7; + filter: alpha(opacity=70); -webkit-transition: none; transition: none; - background: url("../js/tinymce/themes/advanced/img/icons.gif") no-repeat 20px 20px; -} - -/* No @font-face support */ -.no-font-face .wp_themeSkin span.mce_undo, -.no-font-face .wp_themeSkin span.mce_redo, -.no-font-face .wp_themeSkin span.mce_bullist, -.no-font-face .wp_themeSkin span.mce_numlist, -.no-font-face .wp_themeSkin span.mce_blockquote, -.no-font-face .wp_themeSkin span.mce_charmap, -.no-font-face .wp_themeSkin span.mce_bold, -.no-font-face .wp_themeSkin span.mce_italic, -.no-font-face .wp_themeSkin span.mce_underline, -.no-font-face .wp_themeSkin span.mce_justifyleft, -.no-font-face .wp_themeSkin span.mce_justifyright, -.no-font-face .wp_themeSkin span.mce_justifycenter, -.no-font-face .wp_themeSkin span.mce_justifyfull, -.no-font-face .wp_themeSkin span.mce_indent, -.no-font-face .wp_themeSkin span.mce_outdent, -.no-font-face .wp_themeSkin span.mce_link, -.no-font-face .wp_themeSkin span.mce_unlink, -.no-font-face .wp_themeSkin span.mce_help, -.no-font-face .wp_themeSkin span.mce_removeformat, -.no-font-face .wp_themeSkin span.mce_fullscreen, -.no-font-face .wp_themeSkin span.mce_wp_fullscreen, -.no-font-face .wp_themeSkin span.mce_media, -.no-font-face .wp_themeSkin span.mce_pastetext, -.no-font-face .wp_themeSkin span.mce_pasteword, -.no-font-face .wp_themeSkin span.mce_wp_help, -.no-font-face .wp_themeSkin span.mce_wp_adv, -.no-font-face .wp_themeSkin span.mce_wp_more, -.no-font-face .wp_themeSkin span.mce_strikethrough, -.no-font-face .wp_themeSkin span.mce_spellchecker, -.no-font-face .wp_themeSkin span.mce_forecolor, -.no-font-face .wp_themeSkin .mce_forecolorpicker, -.no-font-face .wp_themeSkin .mceSplitButton .mce_spellchecker span.mce_spellchecker, -.no-font-face .wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor, -.no-font-face .wp_themeSkin .mceSplitButton span.mce_numlist, -.no-font-face .wp_themeSkin .mceSplitButton span.mce_bullist { - -moz-transition: none; +} + +.mce-window { + -webkit-border-radius: 0; + border-radius: 0; + -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; - background-image: url('../images/wpicons.png?ver=20120720'); } -/* Theme */ -.no-font-face .wp_themeSkin span.mce_undo {background-position:-500px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_undo, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_undo {background-position:-500px 0} - -.no-font-face .wp_themeSkin span.mce_redo {background-position:-480px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_redo, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_redo {background-position:-480px 0} - -.no-font-face .wp_themeSkin span.mce_bullist {background-position:-40px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_bullist, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_bullist, -.no-font-face .wp_themeSkin .mceSplitButton:hover span.mce_bullist {background-position:-40px 0} - -.no-font-face .wp_themeSkin span.mce_numlist {background-position:-60px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_numlist, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_numlist, -.no-font-face .wp_themeSkin .mceSplitButton:hover span.mce_numlist {background-position:-60px 0} - -.no-font-face .wp_themeSkin span.mce_blockquote {background-position:-80px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_blockquote, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_blockquote {background-position:-80px 0} - -.no-font-face .wp_themeSkin span.mce_charmap {background-position:-420px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_charmap, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_charmap {background-position:-420px 0} - -.no-font-face .wp_themeSkin span.mce_bold {background-position:0 -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_bold, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_bold {background-position:0 0} - -.no-font-face .wp_themeSkin span.mce_italic {background-position:-20px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_italic, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_italic {background-position:-20px 0} - -.no-font-face .wp_themeSkin span.mce_underline {background-position:-280px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_underline, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_underline {background-position:-280px 0} - -.no-font-face .wp_themeSkin span.mce_justifyleft {background-position:-100px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_justifyleft, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_justifyleft {background-position:-100px 0} - -.no-font-face .wp_themeSkin span.mce_justifyright {background-position:-140px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_justifyright, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_justifyright {background-position:-140px 0} - -.no-font-face .wp_themeSkin span.mce_justifycenter {background-position:-120px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_justifycenter, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_justifycenter {background-position:-120px 0} +.mce-window .mce-container-body.mce-abs-layout { + overflow: visible; +} -.no-font-face .wp_themeSkin span.mce_justifyfull {background-position:-300px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_justifyfull, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_justifyfull {background-position:-300px 0} +.mce-window .mce-window-head { + background: #fcfcfc; + border-bottom: 1px solid #ddd; + padding: 0; + min-height: 36px; +} -.no-font-face .wp_themeSkin span.mce_indent {background-position:-460px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_indent, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_indent {background-position:-460px 0} +.mce-window .mce-window-head .mce-title { + color: #444; + font-size: 18px; + font-weight: 600; + line-height: 36px; + margin: 0; + padding: 0 36px 0 16px; +} -.no-font-face .wp_themeSkin span.mce_outdent {background-position:-440px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_outdent, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_outdent {background-position:-440px 0} +.mce-window .mce-window-head .mce-close, +.mce-window-head .mce-close .mce-i-remove { + color: transparent; + top: 0; + right: 0; + width: 36px; + height: 36px; + padding: 0; + line-height: 36px; + text-align: center; +} -.no-font-face .wp_themeSkin span.mce_link {background-position:-160px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_link, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_link {background-position:-160px 0} +.mce-window-head .mce-close .mce-i-remove:before { + font: normal 20px/36px dashicons; + text-align: center; + color: #666; + width: 36px; + height: 36px; + display: block; +} -.no-font-face .wp_themeSkin span.mce_unlink {background-position:-180px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_unlink, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_unlink {background-position:-180px 0} +.mce-window-head .mce-close:hover .mce-i-remove:before, +.mce-window-head .mce-close:focus .mce-i-remove:before { + color: #00a0d2; +} -.no-font-face .wp_themeSkin span.mce_help {background-position:-520px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_help, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_help {background-position:-520px 0} +.mce-window-head .mce-close:focus .mce-i-remove, +div.mce-tab: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); +} -.no-font-face .wp_themeSkin span.mce_removeformat {background-position:-380px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_removeformat, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_removeformat {background-position:-380px 0} +.mce-window .mce-window-head .mce-dragh { + width: -webkit-calc( 100% - 36px ); + width: calc( 100% - 36px ); +} -.no-font-face .wp_themeSkin span.mce_strikethrough {background-position:-540px -20px;} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_strikethrough, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_strikethrough {background-position:-540px 0} +.mce-window .mce-foot { + border-top: 1px solid #ddd; +} -.no-font-face .wp_themeSkin .mceSplitButton .mce_forecolor span.mce_forecolor {background-position:-320px -20px} -.no-font-face .wp_themeSkin .mceSplitButtonEnabled:hover span.mce_forecolor, -.no-font-face .wp_themeSkin .mceSplitButtonSelected span.mce_forecolor {background-position:-320px 0} +.mce-textbox, +.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 all ease-in-out; + transition: .05s all ease-in-out; +} -.no-font-face .wp_themeSkin .mce_forecolorpicker {background-position:-320px -20px} +.mce-textbox:focus, +.mce-textbox.mce-focus, +.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); +} -/* Plugins in WP */ -.no-font-face .wp_themeSkin span.mce_fullscreen {background-position:-240px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_fullscreen, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_fullscreen {background-position:-240px 0} +.mce-window .mce-wp-help { + height: 360px; + width: 460px; + overflow: auto; +} -.no-font-face .wp_themeSkin span.mce_wp_fullscreen {background-position:-240px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_wp_fullscreen, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_wp_fullscreen {background-position:-240px 0} +.mce-window .mce-wp-help * { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} -.no-font-face .wp_themeSkin span.mce_media {background-position:-400px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_media, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_media {background-position:-400px 0} +.mce-window .mce-wp-help > .mce-container-body { + width: auto !important; +} -.no-font-face .wp_themeSkin span.mce_pastetext {background-position:-340px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_pastetext, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_pastetext {background-position:-340px 0} +.mce-window .wp-editor-help { + padding: 10px 10px 0 20px; +} -.no-font-face .wp_themeSkin span.mce_pasteword {background-position:-360px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_pasteword, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_pasteword {background-position:-360px 0} +.mce-window .wp-editor-help h2, +.mce-window .wp-editor-help p { + margin: 8px 0; + white-space: normal; + font-size: 14px; + font-weight: 400; +} -.no-font-face .wp_themeSkin span.mce_spellchecker {background-position:-220px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_spellchecker, -.no-font-face .wp_themeSkin .mceSplitButtonEnabled:hover span.mce_spellchecker, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_spellchecker, -.no-font-face .wp_themeSkin .mceSplitButtonSelected span.mce_spellchecker {background-position:-220px 0} +.mce-window .wp-editor-help table { + width: 100%; + margin-bottom: 20px; +} -.no-font-face .wp_themeSkin span.mce_wp_help {background-position:-520px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_wp_help, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_wp_help {background-position:-520px 0} +.mce-window .wp-editor-help table.wp-help-single { + margin: 0 8px 20px; +} -.no-font-face .wp_themeSkin span.mce_wp_adv {background-position:-260px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_wp_adv, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_wp_adv {background-position:-260px 0} +.mce-window .wp-editor-help table.fixed { + table-layout: fixed; +} -.no-font-face .wp_themeSkin span.mce_wp_more {background-position:-200px -20px} -.no-font-face .wp_themeSkin .mceButtonEnabled:hover span.mce_wp_more, -.no-font-face .wp_themeSkin .mceButtonActive span.mce_wp_more {background-position:-200px 0} +.mce-window .wp-editor-help table.fixed th:nth-child(odd), +.mce-window .wp-editor-help table.fixed td:nth-child(odd) { + width: 12%; +} -.no-font-face .mceIcon:before { - display: none !important; +.mce-window .wp-editor-help table.fixed th:nth-child(even), +.mce-window .wp-editor-help table.fixed td:nth-child(even) { + width: 38%; } -/* End no @font-face */ -/* Containers */ -.wp_themeSkin table {} +.mce-window .wp-editor-help table.fixed th:nth-child(odd) { + padding: 5px 0 0; +} -.wp_themeSkin iframe { - display: block; +.mce-window .wp-editor-help td, +.mce-window .wp-editor-help th { + font-size: 13px; + padding: 5px; + vertical-align: middle; + word-wrap: break-word; + white-space: normal; } -.wp_themeSkin #mce_fullscreen_ifr { - background-color: #fff; +.mce-window .wp-editor-help th { + font-weight: 600; + padding-bottom: 0; } -.wp_themeSkin .mceToolbar { - padding: 1px; +.mce-window .wp-editor-help kbd { + font-family: monospace; + padding: 2px 7px 3px; + font-weight: 600; + margin: 0; + background: #eaeaea; + background: rgba(0,0,0,0.08); } -/* External */ -.wp_themeSkin .mceExternalToolbar { - position: absolute; - border-bottom: 0; - display: none; +.mce-window .wp-help-th-center td:nth-child(odd), +.mce-window .wp-help-th-center th:nth-child(odd) { + text-align: center; } -.wp_themeSkin .mceExternalToolbar td.mceToolbar { - padding-right: 13px; +/* TinyMCE menus */ +.mce-menu, +.mce-floatpanel.mce-popover { + border-color: rgba(0,0,0,0.15); + -webkit-border-radius: 0; + border-radius: 0; + -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 ); + box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 ); } -.wp_themeSkin .mceExternalClose { - position: absolute; - top: 3px; - right: 3px; - width: 7px; - height: 7px; - background: url("../js/tinymce/themes/advanced/img/icons.gif") -820px 0; +.mce-menu, +.mce-floatpanel.mce-popover.mce-bottom { + margin-top: 2px; } -/* Layout */ -.wp_themeSkin table.mceToolbar, -.wp_themeSkin tr.mceFirst .mceToolbar tr td, -.wp_themeSkin tr.mceLast .mceToolbar tr td { - border: 0; - margin: 0; - padding: 0; +.mce-floatpanel .mce-arrow { + display: none; } -.wp_themeSkin table.mceLayout { - border: 0; +.mce-menu .mce-container-body { + min-width: 160px; } -.wp_themeSkin .mceStatusbar { - background: #fff; - border-top: 1px solid #eee; - color: #000; - display: block; - font-family: sans-serif; - font-size: 12px; - height: 20px; - line-height: 16px; - padding: 0 0 0 8px; - overflow: visible; +.mce-menu-item { + border: none; + margin-bottom: 2px; } -.wp_themeSkin .mceStatusbar * { - color: #555; +.mce-menu-has-icons i.mce-ico { + line-height: 20px; } -.wp_themeSkin .mceStatusbar div { - float: left; - padding: 2px; +/* TinyMCE panel */ +div.mce-panel { + border: 0; + background: #fff; } -.wp_themeSkin .mceStatusbar a.mceResize { - display: block; - float: right; - background: url("../js/tinymce/themes/advanced/img/icons.gif") -800px 0; - width: 20px; - height: 20px; - cursor: se-resize; +.mce-panel.mce-menu { + border: 1px solid #ddd; } -.wp_themeSkin .mceStatusbar a:hover { - text-decoration: underline; +div.mce-tab { + line-height: 13px; } -.wp_themeSkin table.mceToolbar { - margin: 0 6px 2px; +/* TinyMCE toolbars */ +div.mce-toolbar-grp { + border-bottom: 1px solid #ddd; + background: #f5f5f5; + padding: 0; + position: relative; } -.wp_themeSkin table.mceToolbar :active, -.wp_themeSkin table.mceToolbar :focus, -.wp_themeSkin table.mceToolbar:focus, -.wp_themeSkin span.mceSeparator:focus { - outline: none; +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; + max-width: 98%; + z-index: 100100; /* Same as the other TinyMCE "panels" */ } -.wp_themeSkin #content_toolbar1 { - margin-top: 2px; +div.mce-inline-toolbar-grp > div.mce-stack-layout { + padding: 1px; } -.wp_themeSkin .mceToolbar .mceToolbarEndListBox span { - display: none; +div.mce-inline-toolbar-grp.mce-arrow-up { + margin-bottom: 0; + margin-top: 8px; } -.wp_themeSkin span.mceIcon, -.wp_themeSkin img.mceIcon { +div.mce-inline-toolbar-grp:before, +div.mce-inline-toolbar-grp:after { + position: absolute; + left: 50%; display: block; - width: 20px; - height: 20px; + width: 0; + height: 0; + border-style: solid; + border-color: transparent; + content: ""; } -a .mceIcon, .mceAction { - text-align: center; - font: normal 20px/1 'dashicons' !important; - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; +div.mce-inline-toolbar-grp.mce-arrow-up:before { + top: -9px; + border-bottom-color: #a0a5aa; + border-width: 0 9px 9px; + margin-left: -9px; } -.mceAction { - line-height:16px; +div.mce-inline-toolbar-grp.mce-arrow-down:before { + bottom: -9px; + border-top-color: #a0a5aa; + border-width: 9px 9px 0; + margin-left: -9px; } -/* Button */ -.wp_themeSkin .mceButton { - display: block; - width: 20px; - height: 20px; - cursor: default; - padding: 1px 2px; - margin: 1px; - -webkit-border-radius: 2px; - border-radius: 2px; +div.mce-inline-toolbar-grp.mce-arrow-up:after { + top: -8px; + border-bottom-color: #f5f5f5; + border-width: 0 8px 8px; + margin-left: -8px; } -.wp_themeSkin a.mceButtonEnabled:hover { - background-image: inherit 0 -10px; +div.mce-inline-toolbar-grp.mce-arrow-down:after { + bottom: -8px; + border-top-color: #f5f5f5; + border-width: 8px 8px 0; + margin-left: -8px; } -.wp_themeSkin .mceOldBoxModel a.mceButton span, .wp_themeSkin .mceOldBoxModel a.mceButton img { - margin: 0 0 0 1px; +div.mce-inline-toolbar-grp.mce-arrow-left:before, +div.mce-inline-toolbar-grp.mce-arrow-left:after { + margin: 0; } -.wp_themeSkin .mceButtonDisabled .mceIcon { - opacity: 0.2; - filter: alpha(opacity=20); +div.mce-inline-toolbar-grp.mce-arrow-left:before { + left: 20px; } - -/* Separator */ -.wp_themeSkin .mceSeparator { - display: none; +div.mce-inline-toolbar-grp.mce-arrow-left:after { + left: 21px; } -/* ListBox */ -.wp_themeSkin .mceListBox, -.wp_themeSkin .mceListBox a { - display: block; +div.mce-inline-toolbar-grp.mce-arrow-right:before, +div.mce-inline-toolbar-grp.mce-arrow-right:after { + left: auto; + margin: 0; } -.wp_themeSkin .mceListBox .mceText { - padding: 1px 4px 1px 5px; - width: 70px; - text-align: left; - text-decoration: none; - -webkit-border-bottom-left-radius: 2px; - -webkit-border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; - font-family: sans-serif; - font-size: 12px; - height: 20px; - line-height: 20px; - overflow: hidden; +div.mce-inline-toolbar-grp.mce-arrow-right:before { + right: 20px; } -.wp_themeSkin .mceListBox { - margin: 1px; - direction: ltr; - background-color: #fff; - border: 1px solid #ddd; - -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2); - box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2); +div.mce-inline-toolbar-grp.mce-arrow-right:after { + right: 21px; } -.wp_themeSkin .mceListBox .mceOpen { - width: 12px; - height: 20px; - border-collapse: separate; - padding: 1px; - -webkit-border-bottom-left-radius: 0; - -webkit-border-top-left-radius: 0; - border-bottom-left-radius: 0; - border-top-left-radius: 0; +div.mce-inline-toolbar-grp.mce-arrow-full { + right: 0; } -.wp_themeSkin .mceListBox .mceFirst a { - border-style: solid; - border-width: 1px; - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; +div.mce-inline-toolbar-grp.mce-arrow-full > div { + width: 100%; + overflow-x: auto; } -.wp_themeSkin .mceListBoxMenu .mce_formatPreview { - line-height: normal; +div.mce-toolbar-grp > div { + padding: 3px; } -.wp_themeSkin .mceListBox .mceOpen, -.wp_themeSkin .mceListBoxHover .mceOpen, -.wp_themeSkin .mceListBoxSelected .mceOpen, -.wp_themeSkin table.mceListBoxEnabled .mceOpen { - background-image: url("../images/down_arrow.gif"); - background-position: 3px 1px; - background-repeat: no-repeat; +.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first { + padding-right: 32px; } -.wp_themeSkin .mceListBoxDisabled .mceText { - color: gray; +.mce-toolbar .mce-btn-group { + margin: 0; } -.wp_themeSkin .mceListBoxMenu { - overflow: auto; - overflow-x: hidden; +div.mce-statusbar { + border-top: 1px solid #e5e5e5; } -.wp_themeSkin .mceOldBoxModel .mceListBox .mceText { - height: 22px; +div.mce-path { + padding: 2px 10px; + margin: 0; } -.wp_themeSkin select.mceListBox { - font-family: sans-serif; +.mce-path, +.mce-path-item, +.mce-path .mce-divider { font-size: 12px; - border-color: #b2b2b2; - background-color: #fff; } -/* SplitButton */ -.wp_themeSkin .mceSplitButton a, -.wp_themeSkin .mceSplitButton span { - display: block; - height: 20px; +.mce-toolbar .mce-btn, +.qt-dfw { + border-color: transparent; + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + text-shadow: none; + cursor: pointer; } -.wp_themeSkin .mceSplitButton { - display: block; - direction: ltr; +.mce-btn .mce-txt { + direction: inherit; + text-align: inherit; } -.wp_themeSkin table.mceSplitButton td { - padding: 2px; +.mce-toolbar .mce-btn-group .mce-btn, +.qt-dfw { + border: 1px solid transparent; + margin: 2px; -webkit-border-radius: 2px; border-radius: 2px; } -.wp_themeSkin table.mceSplitButton:hover td { - background-image: inherit 0 -10px; +.mce-toolbar .mce-btn-group .mce-btn:hover, +.mce-toolbar .mce-btn-group .mce-btn:focus, +.qt-dfw:hover, +.qt-dfw:focus { + background: #fafafa; + border-color: #555d66; + 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; } -.wp_themeSkin .mceSplitButton a.mceAction { - height: 20px; - width: 20px; - padding: 1px 2px; - border-right: 0 none; +.mce-toolbar .mce-btn-group .mce-btn.mce-active, +.mce-toolbar .mce-btn-group .mce-btn:active, +.qt-dfw.active { + background: #ebebeb; + border-color: #555d66; + -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 ); + box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 ); } -.wp_themeSkin .mceSplitButton span.mceAction { - background-image: url("../js/tinymce/themes/advanced/img/icons.gif"); - background-repeat: no-repeat; - background-color: transparent; - width: 20px; +.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover, +.mce-toolbar .mce-btn-group .mce-btn.mce-active:focus { + border-color: #23282d; } -.wp_themeSkin .mceSplitButton span.mceAction.mce_bullist, -.wp_themeSkin .mceSplitButton span.mceAction.mce_numlist { - background-image: none; +.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover, +.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus { + color: #a0a5aa; + background: none; + border-color: #ddd; + text-shadow: 0 1px 0 #fff; + -webkit-box-shadow: none; + box-shadow: none; } -.wp_themeSkin .mceSplitButton a.mceOpen { - width: 11px; - height: 20px; - background-position: 0px 2px; - background-repeat: no-repeat; - padding: 1px 0; +.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus { + border-color: #555d66; } -.wp_themeSkin .mceSplitButton span.mceOpen { - display: none; +.mce-toolbar .mce-btn-group .mce-first, +.mce-toolbar .mce-btn-group .mce-last { + border-color: transparent; } -.wp_themeSkin .mceSplitButtonDisabled .mceAction { - opacity: 0.3; - filter: alpha(opacity=30); +.mce-toolbar .mce-btn button, +.qt-dfw { + padding: 2px 3px; + line-height: normal; } -.wp_themeSkin .mceListBox a.mceText, -.wp_themeSkin .mceSplitButton a.mceAction { - -webkit-border-bottom-left-radius: 2px; - -webkit-border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; +.mce-toolbar .mce-listbox button { + font-size: 13px; + line-height: 20px; + padding-left: 6px; + padding-right: 20px; } -.wp_themeSkin .mceSplitButton a.mceOpen, -.wp_themeSkin .mceListBox a.mceOpen { - -webkit-border-bottom-right-radius: 2px; - -webkit-border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; +.mce-toolbar .mce-btn i { + text-shadow: none; } -/* ColorSplitButton */ -.wp_themeSkin div.mceColorSplitMenu table { - background-color: #ebebeb; - border-color: #bbb; +.mce-toolbar .mce-btn-group > div { + white-space: normal; } -.wp_themeSkin .mceColorSplitMenu td { - padding: 2px; +.mce-toolbar .mce-colorbutton .mce-open { + border-right: 0; } -.wp_themeSkin .mceColorSplitMenu a { - display: block; - width: 9px; - height: 9px; - overflow: hidden; - border-color: #B2B2B2; +.mce-toolbar .mce-colorbutton .mce-preview { + margin: 0; + padding: 0; + top: auto; + bottom: 2px; + left: 3px; + height: 3px; + width: 20px; + background: #555d66; } -.wp_themeSkin .mceColorSplitMenu td.mceMoreColors { - padding: 1px 3px 1px 1px; +.mce-toolbar .mce-btn-group .mce-btn.mce-primary { + min-width: 0; + background: #0085ba; + border-color: #0073aa #006799 #006799; + -webkit-box-shadow: 0 1px 0 #006799; + box-shadow: 0 1px 0 #006799; + color: #fff; + text-decoration: none; + text-shadow: none; } -.wp_themeSkin .mceColorSplitMenu a.mceMoreColors { - width: 100%; - height: auto; - text-align: center; - font-family: "Open Sans", sans-serif; - font-size: 11px; - line-height: 20px; - border-color: #fff; +/* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */ +.mce-toolbar .mce-btn-group .mce-btn.mce-primary button { + padding: 2px 3px 1px; } -.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover {} -.wp_themeSkin a.mceMoreColors:hover {} -.wp_themeSkin .mceColorPreview { - margin: -5px 0 0 2px; - width: 16px; - height: 4px; - overflow: hidden; +.mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico { + color: #fff; } -/* Menu */ -.wp_themeSkin .mceMenu { - position: absolute; - left: 0; - top: 0; - z-index: 1000; - border-color: #ddd; - direction: ltr; +.mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover, +.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus { + background: #008ec2; + border-color: #006799; + color: #fff; } -.wp_themeSkin .mceNoIcons span.mceIcon { - width: 0; +.mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus { + -webkit-box-shadow: 0 0 1px 1px #33b3db; + box-shadow: 0 0 1px 1px #33b3db; } -.wp_themeSkin .mceNoIcons a .mceText { - padding-left: 10px; +.mce-toolbar .mce-btn-group .mce-btn.mce-primary:active { + background: #0073aa; + border-color: #006799; + -webkit-box-shadow: inset 0 2px 0 #006799; + box-shadow: inset 0 2px 0 #006799; } -.wp_themeSkin .mceMenu table { - background-color: #ebeaeb; +/* mce listbox */ +.mce-toolbar .mce-btn-group .mce-btn.mce-listbox { + -webkit-border-radius: 0; + border-radius: 0; + direction: ltr; + background: #fff; + border: 1px solid #ddd; + -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2); + box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2); } -.wp_themeSkin .mceMenu a, -.wp_themeSkin .mceMenu span, -.wp_themeSkin .mceMenu { - display: block; +.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover, +.mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus { + border-color: #b4b9be; } -.wp_themeSkin .mceMenu td { - height: 20px;overflow: hidden; +.mce-panel .mce-btn i.mce-caret { + border-top: 6px solid #555d66; + margin-left: 2px; + margin-right: 2px; } -.wp_themeSkin .mceMenu a { - position: relative; - padding: 3px 0 4px 0; - text-decoration: none !important; +.mce-listbox i.mce-caret { + right: 4px; } -.wp_themeSkin .mceMenu .mceText { - position: relative; - display: block; - font-family: "Open Sans", sans-serif; - cursor: default; - margin: 0; - padding: 0 25px; - color: #000; +.mce-panel .mce-btn:hover i.mce-caret, +.mce-panel .mce-btn:focus i.mce-caret { + border-top-color: #23282d; } -.wp_themeSkin .mceMenu span.mceText, .wp_themeSkin .mceMenu .mcePreview { - font-size: 12px; +.mce-panel .mce-active i.mce-caret { + border-top: 0; + border-bottom: 6px solid #23282d; + margin-top: 7px; } -.wp_themeSkin .mceMenu pre.mceText { - font-family: Monospace; +.mce-listbox.mce-active i.mce-caret { + margin-top: -3px; } -.wp_themeSkin .mceMenu .mceIcon { - position: absolute; - top: 0; - left: 0; - width: 22px; +.mce-toolbar .mce-splitbtn:hover .mce-open { + border-right-color: transparent; } -.wp_themeSkin .mceMenu .mceMenuItemEnabled a:hover, -.wp_themeSkin .mceMenu .mceMenuItemActive { - background-color: #f5f5f5; +.mce-toolbar .mce-splitbtn .mce-open.mce-active { + background: transparent; + outline: none; } -.wp_themeSkin td.mceMenuItemSeparator { - height: 1px; - background-color: #aaa; +.mce-menu .mce-menu-item:hover, +.mce-menu .mce-menu-item.mce-selected, +.mce-menu .mce-menu-item:focus, +.mce-menu .mce-menu-item-normal.mce-active, +.mce-menu .mce-menu-item-preview.mce-active { + background: #0073aa; /* See color scheme. */ + color: #fff; } -.wp_themeSkin .mceMenuItemTitle a { - border-top: 0; - border-right: 0; - border-left: 0; - border-bottom: 1px solid #aaa; - text-decoration: none !important; - background-color: #ccc; +.mce-menu .mce-menu-item-preview.mce-active { + border-left: none; } -.wp_themeSkin .mceMenuItemTitle span.mceText { - font-weight: bold; - padding-left: 4px; - color: #000; +.mce-menu .mce-menu-item-preview.mce-active .mce-text { + color: #fff; } -.wp_themeSkin .mceMenuItemSelected .mceIcon { - background: url("../js/tinymce/themes/advanced/skins/default/img/menu_check.gif"); - color: #888; +.mce-menu .mce-menu-item.mce-disabled { + cursor: default; } -.wp_themeSkin .mceNoIcons .mceMenuItemSelected a { - background: url("../js/tinymce/themes/advanced/skins/default/img/menu_arrow.gif") no-repeat -6px center; +.mce-menu .mce-menu-item.mce-disabled:hover { + background: #ccc; } -.wp_themeSkin .mceMenu span.mceMenuLine { - display: none; +/* Menubar */ +.mce-menubar { + border-color: #e5e5e5; + background: #fff; + border-width: 0px 0px 1px; } -.wp_themeSkin .mceMenuItemSub a { - background: url("../js/tinymce/themes/advanced/skins/default/img/menu_arrow.gif") no-repeat top right; +.mce-menubar .mce-menubtn { + margin: 2px; } -/* Progress,Resize */ -.wp_themeSkin .mceBlocker { - position: absolute; - left: 0; - top: 0; - z-index: 1000; - opacity: 0.5; - filter: alpha(opacity=50); - background: #FFF; +.mce-menubar .mce-menubtn:hover, +.mce-menubar .mce-menubtn.mce-active, +.mce-menubar .mce-menubtn:focus { + border-color: transparent; + background: transparent; } -.wp_themeSkin .mceProgress { - position: absolute; - left: 0; - top: 0; - z-index: 1001; - background: url("../js/tinymce/themes/advanced/skins/default/img/progress.gif") no-repeat; - width: 32px; - height: 32px; - margin: -16px 0 0 -16px; +.mce-menubar .mce-menubtn:focus { + color: #124964; + -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); } -.wp_themeSkin .mcePlaceHolder { - border: 1px dotted gray; +div.mce-menu .mce-menu-item-sep, +.mce-menu-item-sep:hover { + border-bottom: 1px solid #ddd; + height: 0px; + margin: 5px 0; } -/* Rtl */ -.mceRtl .mceListBox .mceText { - text-align: right; - padding: 0 4px 0 0; +.mce-menubtn span { + margin-right: 0; + padding-left: 3px; } -.mceRtl .mceMenuItem .mceText { - text-align: right; +.mce-menu-has-icons i.mce-ico:before { + margin-left: -2px; } -/* Formats */ -.wp_themeSkin .mce_p span.mceText {} -.wp_themeSkin .mce_address span.mceText { - font-style: italic; +/* Keyboard shortcuts position */ +.mce-menu.mce-menu-align .mce-menu-item-normal { + position: relative; } -.wp_themeSkin .mce_pre span.mceText { - font-family: monospace; +.mce-menu.mce-menu-align .mce-menu-shortcut { + bottom: 0.6em; + font-size: 0.9em; } -.wp_themeSkin .mce_h1 span.mceText { - font-weight: bolder; - font-size: 18px; +/* Buttons in modals */ +.mce-primary button, +.mce-primary button i { + text-align: center; + color: #fff; + text-shadow: none; + padding: 0; + line-height: 26px; } -.wp_themeSkin .mce_h2 span.mceText { - font-weight: bolder; - font-size: 14px; +.mce-window .mce-btn { + color: #555; + background: #f7f7f7; + text-decoration: none; + font-size: 13px; + line-height: 26px; + height: 28px; + margin: 0; + padding: 0; + cursor: pointer; + border: 1px solid #cccccc; + -webkit-appearance: none; + -webkit-border-radius: 3px; + border-radius: 3px; + white-space: nowrap; + -webkit-box-shadow: 0 1px 0 #cccccc; + box-shadow: 0 1px 0 #cccccc; } -.wp_themeSkin .mce_h3 span.mceText { - font-weight: bolder; - font-size: 12px; +/* Remove the dotted border on :focus and the extra padding in Firefox */ +.mce-window .mce-btn::-moz-focus-inner { + border-width: 0; + border-style: none; + padding: 0; } -.wp_themeSkin .mce_h4 span.mceText { - font-weight: bolder; - font-size: 11px; +.mce-window .mce-btn:hover, +.mce-window .mce-btn:focus { + background: #fafafa; + border-color: #999; + color: #23282d; } -.wp_themeSkin .mce_h5 span.mceText { - font-weight: bolder; - font-size: 11px; +.mce-window .mce-btn:focus { + border-color: #5b9dd9; + -webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); + box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); +} + +.mce-window .mce-btn:active { + background: #eee; + border-color: #999; + -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-transform: translateY(1px); + -ms-transform: translateY(1px); + transform: translateY(1px); +} + +.mce-window .mce-btn.mce-disabled { + color: #a0a5aa !important; + border-color: #ddd !important; + background: #f7f7f7 !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + text-shadow: 0 1px 0 #fff !important; + cursor: default; + -webkit-transform: none !important; + -ms-transform: none !important; + transform: none !important; +} + +.mce-window .mce-btn.mce-primary { + background: #0085ba; + border-color: #0073aa #006799 #006799; + -webkit-box-shadow: 0 1px 0 #006799; + box-shadow: 0 1px 0 #006799; + color: #fff; + text-decoration: none; + text-shadow: 0 -1px 1px #006799, + 1px 0 1px #006799, + 0 1px 1px #006799, + -1px 0 1px #006799; +} + +.mce-window .mce-btn.mce-primary:hover, +.mce-window .mce-btn.mce-primary:focus { + background: #008ec2; + border-color: #006799; + color: #fff; +} + +.mce-window .mce-btn.mce-primary:focus { + -webkit-box-shadow: 0 1px 0 #0073aa, + 0 0 2px 1px #33b3db; + box-shadow: 0 1px 0 #0073aa, + 0 0 2px 1px #33b3db; +} + +.mce-window .mce-btn.mce-primary:active { + background: #0073aa; + border-color: #006799; + -webkit-box-shadow: inset 0 2px 0 #006799; + box-shadow: inset 0 2px 0 #006799; + vertical-align: top; +} + +.mce-window .mce-btn.mce-primary.mce-disabled { + color: #66c6e4 !important; + background: #008ec2 !important; + border-color: #007cb2 !important; + -webkit-box-shadow: none !important; + box-shadow: none !important; + text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important; + cursor: default; } -.wp_themeSkin .mce_h6 span.mceText { - font-weight: bolder; - font-size: 10px; +.mce-menubtn.mce-fixed-width button { + overflow-x: hidden; + text-overflow: ellipsis; + width: 110px; } -span.mce_bold:before { - content: '\f200'; +/* Charmap modal */ +.mce-charmap { + margin: 3px; } -span.mce_italic:before { - content: '\f201'; +.mce-charmap td { + padding: 0; + border-color: #ddd; + cursor: pointer; } -span.mce_bullist:before { - content: '\f203'; +.mce-charmap td:hover { + background: #f3f3f3; } -span.mce_numlist:before { - content: '\f204'; +.mce-charmap td div { + width: 18px; + height: 22px; + line-height: 22px; } -span.mce_blockquote:before { - content: '\f205'; +/* TinyMCE tooltips */ +.mce-tooltip { + margin-top: 2px; } -span.mce_justifyleft:before { - content: '\f206'; +.mce-tooltip-inner { + -webkit-border-radius: 3px; + border-radius: 3px; + -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 ); + box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 ); + color: #fff; + font-size: 12px; } -span.mce_justifycenter:before { - content: '\f207'; +/* TinyMCE icons */ +.mce-ico { + font-family: 'tinymce', Arial; } -span.mce_justifyright:before { - content: '\f208'; +.mce-btn-small .mce-ico { + font-family: 'tinymce-small', Arial; } -span.mce_link:before { - content: '\f103'; +.mce-toolbar .mce-ico { + color: #555d66; + line-height: 20px; + width: 20px; + height: 20px; + text-align: center; + text-shadow: none; + margin: 0; + padding: 0; } -span.mce_unlink:before { - content: '\f225'; +.qt-dfw { + color: #555d66; + line-height: 20px; + width: 28px; + height: 26px; + text-align: center; + text-shadow: none; } -span.mce_wp_more:before { - content: '\f209'; +.mce-toolbar .mce-btn .mce-open { + line-height: 20px; } -span.mce_strikethrough:before { - content: '\f224'; +.mce-toolbar .mce-btn:hover .mce-open, +.mce-toolbar .mce-btn:focus .mce-open, +.mce-toolbar .mce-btn.mce-active .mce-open { + border-left-color: #23282d; } -span.mce_spellchecker { - font-size: 20px; - background: none !important; - margin-top: 2px; +div.mce-notification { + left: 10% !important; + right: 10%; } -span.mce_spellchecker:before { - content: '\f210'; +.mce-notification button.mce-close { + right: 6px; + top: 3px; + font-weight: 400; + color: #555d66; } -span.mce_fullscreen:before, -span.mce_wp_fullscreen:before { - content: '\f211'; +.mce-notification button.mce-close:hover, +.mce-notification button.mce-close:focus { + color: #000; } -span.mce_wp_adv:before { - content: '\f212'; +i.mce-i-bold, +i.mce-i-italic, +i.mce-i-bullist, +i.mce-i-numlist, +i.mce-i-blockquote, +i.mce-i-alignleft, +i.mce-i-aligncenter, +i.mce-i-alignright, +i.mce-i-link, +i.mce-i-unlink, +i.mce-i-wp_more, +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, +i.mce-i-charmap, +i.mce-i-outdent, +i.mce-i-indent, +i.mce-i-undo, +i.mce-i-redo, +i.mce-i-help, +i.mce-i-wp_help, +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, +i.mce-i-remove { + font: normal 20px/1 dashicons; + padding: 0; + vertical-align: top; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + margin-left: -2px; + padding-right: 2px; } -span.mce_underline:before { - content: '\f213'; + +.qt-dfw { + font: normal 20px/1 dashicons; + vertical-align: top; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -span.mce_justifyfull:before { - content: '\f214'; +i.mce-i-bold:before { + content: "\f200"; } -span.mce_forecolor { - background: none !important; +i.mce-i-italic:before { + content: "\f201"; } -span.mce_forecolor:before { - content: '\f215'; +i.mce-i-bullist:before { + content: "\f203"; } -span.mce_pastetext:before { - content: '\f217'; +i.mce-i-numlist:before { + content: "\f204"; } -span.mce_pasteword:before { - content: '\f216'; +i.mce-i-blockquote:before { + content: "\f205"; } -span.mce_removeformat:before { - content: '\f218'; +i.mce-i-alignleft:before { + content: "\f206"; } -span.mce_charmap:before { - content: '\f220'; +i.mce-i-aligncenter:before { + content: "\f207"; } -span.mce_outdent:before { - content: '\f221'; +i.mce-i-alignright:before { + content: "\f208"; } -span.mce_indent:before { - content: '\f222'; +i.mce-i-link:before { + content: "\f103"; } -span.mce_undo:before { - content: '\f171'; +i.mce-i-unlink:before { + content: "\f225"; } -span.mce_redo:before { - content: '\f172'; -} - -span.mce_help:before, -span.mce_wp_help:before { - content: '\f223'; -} - -span.mce_image:before { - content: '\f104'; -} - -span.mce_ltr:before { - content: '\f320'; -} - -/* Default icons */ -.wp_themeSkin span.mce_cleanup {background-position:-380px -20px} -.wp_themeSkin span.mce_anchor {background-position:-200px 0} -.wp_themeSkin span.mce_sub {background-position:-600px 0} -.wp_themeSkin span.mce_sup {background-position:-620px 0} -.wp_themeSkin span.mce_newdocument {background-position:-520px 0} -.wp_themeSkin span.mce_image {background-position:-380px 0} -.wp_themeSkin span.mce_code {background-position:-260px 0} -.wp_themeSkin span.mce_hr {background-position:-360px 0} -.wp_themeSkin span.mce_visualaid {background-position:-660px 0} -.wp_themeSkin span.mce_paste {background-position:-560px 0} -.wp_themeSkin span.mce_copy {background-position:-700px 0} -.wp_themeSkin span.mce_cut {background-position:-680px 0} -.wp_themeSkin .mce_backcolor span.mceAction {background-position:-760px 0} -.wp_themeSkin .mce_backcolorpicker {background-position:-760px 0} - -/* Plugins */ -.wp_themeSkin span.mce_advhr {background-position:-0px -20px} -.wp_themeSkin span.mce_ltr {background-position:-20px -20px} -.wp_themeSkin span.mce_rtl {background-position:-40px -20px} -.wp_themeSkin span.mce_emotions {background-position:-60px -20px} -.wp_themeSkin span.mce_fullpage {background-position:-80px -20px} -.wp_themeSkin span.mce_iespell {background-position:-120px -20px} -.wp_themeSkin span.mce_insertdate {background-position:-140px -20px} -.wp_themeSkin span.mce_inserttime {background-position:-160px -20px} -.wp_themeSkin span.mce_absolute {background-position:-180px -20px} -.wp_themeSkin span.mce_backward {background-position:-200px -20px} -.wp_themeSkin span.mce_forward {background-position:-220px -20px} -.wp_themeSkin span.mce_insert_layer {background-position:-240px -20px} -.wp_themeSkin span.mce_insertlayer {background-position:-260px -20px} -.wp_themeSkin span.mce_movebackward {background-position:-280px -20px} -.wp_themeSkin span.mce_moveforward {background-position:-300px -20px} -.wp_themeSkin span.mce_media {background-position:-320px -20px} -.wp_themeSkin span.mce_nonbreaking {background-position:-340px -20px} -.wp_themeSkin span.mce_selectall {background-position:-400px -20px} -.wp_themeSkin span.mce_preview {background-position:-420px -20px} -.wp_themeSkin span.mce_print {background-position:-440px -20px} -.wp_themeSkin span.mce_cancel {background-position:-460px -20px} -.wp_themeSkin span.mce_save {background-position:-480px -20px} -.wp_themeSkin span.mce_replace {background-position:-500px -20px} -.wp_themeSkin span.mce_search {background-position:-520px -20px} -.wp_themeSkin span.mce_styleprops {background-position:-560px -20px} -.wp_themeSkin span.mce_table {background-position:-580px -20px} -.wp_themeSkin span.mce_cell_props {background-position:-600px -20px} -.wp_themeSkin span.mce_delete_table {background-position:-620px -20px} -.wp_themeSkin span.mce_delete_col {background-position:-640px -20px} -.wp_themeSkin span.mce_delete_row {background-position:-660px -20px} -.wp_themeSkin span.mce_col_after {background-position:-680px -20px} -.wp_themeSkin span.mce_col_before {background-position:-700px -20px} -.wp_themeSkin span.mce_row_after {background-position:-720px -20px} -.wp_themeSkin span.mce_row_before {background-position:-740px -20px} -.wp_themeSkin span.mce_merge_cells {background-position:-760px -20px} -.wp_themeSkin span.mce_table_props {background-position:-980px -20px} -.wp_themeSkin span.mce_row_props {background-position:-780px -20px} -.wp_themeSkin span.mce_split_cells {background-position:-800px -20px} -.wp_themeSkin span.mce_template {background-position:-820px -20px} -.wp_themeSkin span.mce_visualchars {background-position:-840px -20px} -.wp_themeSkin span.mce_abbr {background-position:-860px -20px} -.wp_themeSkin span.mce_acronym {background-position:-880px -20px} -.wp_themeSkin span.mce_attribs {background-position:-900px -20px} -.wp_themeSkin span.mce_cite {background-position:-920px -20px} -.wp_themeSkin span.mce_del {background-position:-940px -20px} -.wp_themeSkin span.mce_ins {background-position:-960px -20px} -.wp_themeSkin span.mce_pagebreak {background-position:0 -40px} -.wp_themeSkin span.mce_restoredraft {background-position:-20px -40px} -.wp_themeSkin span.mce_visualblocks {background-position: -40px -40px} - -/* border */ -.wp_themeSkin .mceExternalToolbar, -.wp_themeSkin .mceButton, -.wp_themeSkin a.mceButtonEnabled:hover, -.wp_themeSkin a.mceButtonActive, -.wp_themeSkin a.mceButtonSelected, -.wp_themeSkin .mceListBox .mceText, -.wp_themeSkin .mceListBox .mceOpen, -.wp_themeSkin select.mceListBox, -.wp_themeSkin .mceSplitButton a.mceAction, -.wp_themeSkin .mceSplitButton a.mceOpen, -.wp_themeSkin .mceSplitButton a.mceOpen:hover, -.wp_themeSkin .mceSplitButtonSelected a.mceOpen, -.wp_themeSkin table.mceSplitButtonEnabled:hover a.mceAction, -.wp_themeSkin .mceSplitButton a.mceAction:hover, -.wp_themeSkin div.mceColorSplitMenu table, -.wp_themeSkin .mceColorSplitMenu a, -.wp_themeSkin .mceColorSplitMenu a.mceMoreColors, -.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover, -.wp_themeSkin a.mceMoreColors:hover, -.wp_themeSkin .mceMenu { - border-style: solid; - border-width: 1px; +i.mce-i-wp_more:before { + content: "\f209"; } -.wp_themeSkin .mceListBox .mceText { - border-right: 0 none; +i.mce-i-strikethrough:before { + content: "\f224"; } -.wp_themeSkin iframe { - background: transparent; +i.mce-i-spellchecker:before { + content: "\f210"; } -.wp_themeSkin .mceButton { - border-color: transparent; +i.mce-i-fullscreen:before, +i.mce-i-wp_fullscreen:before, +i.mce-i-dfw:before, +.qt-dfw:before { + content: "\f211"; } -.wp_themeSkin .mceListBox .mceText, -.wp_themeSkin .mceListBox .mceOpen { - border-color: transparent; +i.mce-i-wp_adv:before { + content: "\f212"; } -.wp_themeSkin a.mceButtonEnabled:hover, -.wp_themeSkin table.mceSplitButton:hover { - border-color: #bbb; - background: #eee; - background-image: -webkit-gradient(linear, left bottom, left top, from(#e5e5e5), to(#fff)); - background-image: -webkit-linear-gradient(bottom, #e5e5e5, #fff); - background-image: -moz-linear-gradient(bottom, #e5e5e5, #fff); - background-image: -o-linear-gradient(bottom, #e5e5e5, #fff); - background-image: linear-gradient(to top, #e5e5e5, #fff); -} - -.wp_themeSkin a.mceButton:active, -.wp_themeSkin a.mceButtonEnabled:active, -.wp_themeSkin a.mceButtonSelected:active, -.wp_themeSkin a.mceButtonActive, -.wp_themeSkin a.mceButtonActive:active, -.wp_themeSkin a.mceButtonActive:hover, -.wp_themeSkin .mceSplitButtonSelected table, -.wp_themeSkin .mceSplitButtonSelected table:hover { - outline: none; - border-color: #999 #ccc #ccc #999; - background: #eee; - background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#e3e3e3)); - background-image: -webkit-linear-gradient(bottom, #f6f6f6, #e3e3e3); - background-image: -moz-linear-gradient(bottom, #f6f6f6, #e3e3e3); - background-image: -o-linear-gradient(bottom, #f6f6f6, #e3e3e3); - background-image: linear-gradient(to top, #f6f6f6, #e3e3e3); +i.mce-i-underline:before { + content: "\f213"; } -.wp_themeSkin .mceSplitButtonSelected table a.mceOpen, -.wp_themeSkin .mceSplitButtonSelected table a.mceAction { - border-color: #999 #ccc #ccc #999; +i.mce-i-alignjustify:before { + content: "\f214"; } -.wp_themeSkin .mceButtonDisabled { - border-color: transparent; +i.mce-i-forecolor:before, +i.mce-i-backcolor:before { + content: "\f215"; } -.wp_themeSkin .mceListBox .mceOpen { - border-left: 0; +i.mce-i-pastetext:before { + content: "\f217"; } -.wp_themeSkin .mceListBoxEnabled:hover, -.wp_themeSkin .mceListBoxEnabled:active, -.wp_themeSkin .mceListBoxHover, -.wp_themeSkin .mceListBoxHover:active, -.wp_themeSkin .mceListBoxSelected { - -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .3); - box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .3); - border-color: #bbb; +i.mce-i-removeformat:before { + content: "\f218"; } -/* SplitButton */ -.wp_themeSkin .mceSplitButton .mceLast span.mceOpen .mceIconOnly { - display: block; +i.mce-i-charmap:before { + content: "\f220"; } -.wp_themeSkin .mceSplitButton a.mceAction, -.wp_themeSkin .mceSplitButton a.mceOpen { - border-color: transparent; +i.mce-i-outdent:before { + content: "\f221"; } -.wp_themeSkin .mceSplitButton:hover a { - border-color: #bbb; +i.mce-i-indent:before { + content: "\f222"; } -.wp_themeSkin .mceSplitButtonEnabled a.mceOpen, -.wp_themeSkin .mceSplitButtonSelected a.mceOpen, -.wp_themeSkin .mceSplitButtonActive a.mceOpen, -.wp_themeSkin .mceSplitButtonEnabled:hover a.mceOpen { - background-image: url("../images/down_arrow.gif"); - background-position: 1px 2px; - background-repeat: no-repeat; - border-left: 0; +i.mce-i-undo:before { + content: "\f171"; } -.wp_themeSkin .mceSplitButtonActive td { - -webkit-border-radius: 3px; - border-radius: 3px; +i.mce-i-redo:before { + content: "\f172"; } -.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover { - border-color: #0A246A; - background-color: #B6BDD2; +i.mce-i-help:before, +i.mce-i-wp_help:before { + content: "\f223"; } -.wp_themeSkin a.mceMoreColors:hover { - border-color: #0A246A; +i.mce-i-wp-media-library:before { + content: "\f104"; } -.wp_themeSkin .mceMenuItemDisabled .mceText { - color: #888; +i.mce-i-ltr:before { + content: "\f320"; } -#mceModalBlocker { - background: #000; - opacity: 0.7; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; - filter: alpha(opacity=70); +i.mce-i-wp_page:before { + content: "\f105"; +} + +i.mce-i-hr:before { + content: "\f460"; +} + +i.mce-i-remove:before { + content: "\f158"; +} + +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"; } -/* WP specific */ +/* Editors */ .wp-editor-wrap { position: relative; } @@ -1150,6 +1083,12 @@ span.mce_ltr:before { z-index: 1; } +.wp-editor-tools:after { + clear: both; + content: ""; + display: table; +} + .wp-editor-container { clear: both; } @@ -1160,17 +1099,21 @@ span.mce_ltr:before { padding: 10px; margin: 1px 0 0; line-height: 150%; - border: 0 none; + border: 0; outline: none; display: block; resize: vertical; - -moz-box-sizing: border-box; -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; 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 { @@ -1180,41 +1123,54 @@ span.mce_ltr:before { box-shadow: none; } -.quicktags-toolbar, -.wp_themeSkin tr.mceFirst td.mceToolbar { - border-bottom: 1px solid #dedede; - background: #f5f5f5; -} - .wp-editor-tabs { float: right; } .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; + color: #666; cursor: pointer; - float: right; - font: 13px/19px "Open Sans", sans-serif; - height: 19px; + font-size: 13px; + line-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 { - color: white; + color: #fff; } .tmce-active .quicktags-toolbar { @@ -1225,8 +1181,7 @@ span.mce_ltr:before { .html-active .switch-html { background: #f5f5f5; color: #555; - height: 20px; - border-bottom: none; + border-bottom-color: #f5f5f5; } .wp-media-buttons { @@ -1253,7 +1208,7 @@ span.mce_ltr:before { .wp-media-buttons a { text-decoration: none; - color: #464646; + color: #444; font-size: 12px; } @@ -1275,53 +1230,31 @@ span.mce_ltr:before { } .wp-media-buttons .add_media span.wp-media-buttons-icon:before { - font: normal 18px/1 'dashicons'; + font: normal 18px/1 dashicons; speak: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .wp-media-buttons .add_media span.wp-media-buttons-icon:before { - content: '\f104'; + content: "\f104"; } +/* Quicktags */ .quicktags-toolbar { - border-bottom-style: solid; - border-bottom-width: 1px; - -webkit-border-top-right-radius: 3px; - -webkit-border-top-left-radius: 3px; - border-top-right-radius: 3px; - border-top-left-radius: 3px; - padding: 2px 8px 0; - min-height: 29px; -} - -.quicktags-toolbar > div { - padding: 2px 4px 0; + padding: 3px; + position: relative; + border-bottom: 1px solid #ddd; + background: #f5f5f5; + min-height: 30px; } -.quicktags-toolbar input { - margin: 2px 1px 4px; - line-height: 18px; - display: inline-block; - min-width: 26px; - padding: 2px 4px; - font: 12px/18px "Open Sans", sans-serif; - color: #464646; - border: 1px solid #c3c3c3; - -webkit-border-radius: 3px; - border-radius: 3px; - background: #eee; - background-image: -webkit-gradient(linear, left bottom, left top, from(#e3e3e3), to(#fff)); - background-image: -webkit-linear-gradient(bottom, #e3e3e3, #fff); - background-image: -moz-linear-gradient(bottom, #e3e3e3, #fff); - background-image: -o-linear-gradient(bottom, #e3e3e3, #fff); - background-image: linear-gradient(to top, #e3e3e3, #fff); +.has-dfw .quicktags-toolbar { + padding-right: 35px; } -.quicktags-toolbar input:hover { - border-color: #aaa; - background: #ddd; +.wp-core-ui .quicktags-toolbar input.button.button-small { + margin: 2px; } .quicktags-toolbar input[value="link"] { @@ -1337,7 +1270,68 @@ span.mce_ltr:before { } .quicktags-toolbar input[value="b"] { - font-weight: bold; + font-weight: 600; +} + +.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-dfw { + padding: 6px 7px; + } + + /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */ + .mce-toolbar .mce-btn-group .mce-btn.mce-primary button { + padding: 6px 7px 5px; + } + + .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 { + left: 8px; + bottom: 6px; + } + + .mce-window .mce-btn { + padding: 2px 0; + } + + .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first, + .has-dfw .quicktags-toolbar { + padding-right: 40px; + } +} + +@media screen and ( min-width: 782px ) { + .wp-core-ui .quicktags-toolbar input.button.button-small { + /* .button-small is normally 11px, but a bit too small for these buttons. */ + font-size: 12px; + height: 26px; + line-height: 24px; + } } #wp_editbtns, @@ -1345,7 +1339,7 @@ span.mce_ltr:before { padding: 2px; position: absolute; display: none; - z-index: 155000; + z-index: 100020; } #wp_editimgbtn, @@ -1374,10 +1368,114 @@ span.mce_ltr:before { wp-link ------------------------------------------------------------------------------*/ +#wp-link-wrap { + display: none; + background-color: #fff; + -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; + overflow: hidden; + margin-left: -250px; + margin-top: -125px; + position: fixed; + top: 50%; + left: 50%; + z-index: 100105; + -webkit-transition: height 0.2s, margin-top 0.2s; + transition: height 0.2s, margin-top 0.2s; +} + +#wp-link-backdrop { + display: none; + position: fixed; + top: 0; + left: 0; + right: 0; + bottom: 0; + min-height: 360px; + background: #000; + opacity: 0.7; + filter: alpha(opacity=70); + z-index: 100100; +} + #wp-link { - background-color: #F5F5F5; - line-height: 1.4em; - font-size: 12px; + position: relative; + height: 100%; +} + +#wp-link-wrap { + height: 500px; + 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 #ddd; + height: 36px; + font-size: 18px; + font-weight: 600; + line-height: 36px; + margin: 0; + padding: 0 36px 0 16px; +} + +#wp-link-close { + color: #666; + padding: 0; + position: absolute; + top: 0; + right: 0; + width: 36px; + height: 36px; + text-align: center; + background: none; + border: none; + cursor: pointer; +} + +#wp-link-close:before { + font: normal 20px/36px dashicons; + vertical-align: top; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + width: 36px; + height: 36px; + content: "\f158"; +} + +#wp-link-close:hover, +#wp-link-close:focus { + color: #00a0d2; +} + +#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); +} + +#wp-link-wrap #link-selector { + -webkit-overflow-scrolling: touch; + padding: 0 16px; + position: absolute; + top: 37px; + left: 0; + right: 0; + bottom: 44px; } #wp-link ol, @@ -1389,48 +1487,26 @@ span.mce_ltr:before { #wp-link input[type="text"] { -webkit-box-sizing: border-box; -} - -#wp-link input[type="text"], -#wp-link textarea { - border-width: 1px; - border-style: solid; - -webkit-border-radius: 4px; - border-radius: 4px; - font-size: 12px; - margin: 1px; - padding: 3px; + -moz-box-sizing: border-box; + box-sizing: border-box; } #wp-link #link-options { - padding: 10px 0 14px; - border-bottom: 1px solid #dfdfdf; - margin: 0 6px 14px; + padding: 8px 0 12px; } #wp-link p.howto { - margin: 3px; + margin: 3px 0; } -#wp-link #internal-toggle { - display: inline-block; - cursor: pointer; - padding-left: 18px; -} - -#wp-link .toggle-arrow { - background: transparent url("../images/toggle-arrow.png") top left no-repeat; - height: 23px; - line-height: 23px; -} - -#wp-link .toggle-arrow-active { - background-position: center left; +#wp-link p.howto a { + text-decoration: none; + color: inherit; } #wp-link label input[type="text"] { - width: 360px; margin-top: 5px; + width: 70%; } #wp-link #link-options label span, @@ -1439,15 +1515,19 @@ span.mce_ltr:before { width: 80px; text-align: right; padding-right: 5px; + max-width: 24%; + vertical-align: middle; + word-wrap: break-word; } #wp-link .link-search-field { float: left; - width: 220px; + width: 250px; + max-width: 70%; } #wp-link .link-search-wrapper { - margin: 5px 6px 9px; + margin: 5px 0 9px; display: block; overflow: hidden; } @@ -1458,37 +1538,76 @@ span.mce_ltr:before { } #wp-link .link-search-wrapper .spinner { - display: none; - vertical-align: text-bottom; + margin-top: 5px; } #wp-link .link-target { - width: auto; padding: 3px 0 0; - margin: 0 0 0 87px; - font-size: 11px; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} + +#wp-link .link-target label { + max-width: 70%; } #wp-link .query-results { border: 1px #dfdfdf solid; - margin: 0 5px 5px; + margin: 0 0 12px; background: #fff; - height: 185px; overflow: auto; - position: relative; + position: absolute; + left: 16px; + right: 16px; + bottom: 0; + top: 166px; } -#wp-link li, -#wp-link .query-notice { +.has-text-field #wp-link .query-results { + top: 200px; +} + +#wp-link li { clear: both; margin-bottom: 0; border-bottom: 1px solid #f1f1f1; - color: #333; - padding: 4px 6px; + color: #32373c; + 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 #00a0d2; +} + +#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; @@ -1501,21 +1620,28 @@ span.mce_ltr: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 { - font-weight: bold; + font-weight: 600; +} + +#wp-link li:last-child { + border: none; } #wp-link .item-title { display: inline-block; width: 80%; + width: -webkit-calc(100% - 68px); + width: calc(100% - 68px); + word-wrap: break-word; } #wp-link .item-info { @@ -1524,17 +1650,7 @@ span.mce_ltr:before { font-size: 11px; position: absolute; right: 5px; - top: 4px; - bottom: 0; -} - -#wp-link #search-results { - display: none; -} - -#wp-link #search-panel { - float: left; - width: 100%; + top: 5px; } #wp-link .river-waiting { @@ -1542,16 +1658,14 @@ span.mce_ltr:before { padding: 10px 0; } -#wp-link .river-waiting .spinner { - margin: 0 auto; - display: block; -} - #wp-link .submitbox { - padding: 5px 10px; - font-size: 11px; - overflow: auto; - height: 29px; + padding: 8px 16px; + background: #fcfcfc; + border-top: 1px solid #ddd; + position: absolute; + bottom: 0; + left: 0; + right: 0; } #wp-link-cancel { @@ -1564,751 +1678,228 @@ span.mce_ltr:before { float: right; } -/*! - * jQuery UI CSS Framework 1.10.1 - * http://jqueryui.com - * - * Copyright 2013 jQuery Foundation and other contributors - * Released under the MIT license. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Theming/API - */ - -/* Layout helpers -----------------------------------*/ -.ui-helper-hidden { - display: none; -} -.ui-helper-hidden-accessible { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} -.ui-helper-reset { - margin: 0; - padding: 0; - border: 0; - outline: 0; - line-height: 1.3; - text-decoration: none; - font-size: 100%; - list-style: none; -} -.ui-helper-clearfix:before, -.ui-helper-clearfix:after { - content: ""; - display: table; - border-collapse: collapse; -} -.ui-helper-clearfix:after { - clear: both; -} -.ui-helper-clearfix { - min-height: 0; /* support: IE7 */ -} -.ui-helper-zfix { - width: 100%; - height: 100%; - top: 0; - left: 0; - position: absolute; - opacity: 0; - filter:Alpha(Opacity=0); -} - -.ui-front { - z-index: 100; -} - - -/* Interaction Cues -----------------------------------*/ -.ui-state-disabled { - cursor: default !important; -} - - -/* Icons -----------------------------------*/ - -/* states and images */ -.ui-icon { - display: block; - text-indent: -99999px; - overflow: hidden; - background-repeat: no-repeat; -} - - -/* Misc visuals -----------------------------------*/ - -/* Overlays */ -.ui-widget-overlay { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; -} - - -/*! - * jQuery UI Resizable 1.10.1 - * http://jqueryui.com - * - * Copyright 2013 jQuery Foundation and other contributors - * Released under the MIT license. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Resizable#theming - */ -.ui-resizable { - position: relative; -} -.ui-resizable-handle { - position: absolute; - font-size: 0.1px; - display: block; -} -.ui-resizable-disabled .ui-resizable-handle, -.ui-resizable-autohide .ui-resizable-handle { - display: none; -} -.ui-resizable-n { - cursor: n-resize; - height: 7px; - width: 100%; - top: -5px; - left: 0; -} -.ui-resizable-s { - cursor: s-resize; - height: 7px; - width: 100%; - bottom: -5px; - left: 0; -} -.ui-resizable-e { - cursor: e-resize; - width: 7px; - right: -5px; - top: 0; - height: 100%; -} -.ui-resizable-w { - cursor: w-resize; - width: 7px; - left: -5px; - top: 0; - height: 100%; -} -.ui-resizable-se { - cursor: se-resize; - width: 12px; - height: 12px; - right: 1px; - bottom: 1px; -} -.ui-resizable-sw { - cursor: sw-resize; - width: 9px; - height: 9px; - left: -5px; - bottom: -5px; -} -.ui-resizable-nw { - cursor: nw-resize; - width: 9px; - height: 9px; - left: -5px; - top: -5px; -} -.ui-resizable-ne { - cursor: ne-resize; - width: 9px; - height: 9px; - right: -5px; - top: -5px; -} - -/*! - * jQuery UI Dialog 1.10.1 - * http://jqueryui.com - * - * Copyright 2013 jQuery Foundation and other contributors - * Released under the MIT license. - * http://jquery.org/license - * - * http://docs.jquery.com/UI/Dialog#theming - */ -.ui-dialog { - position: absolute; - top: 0; - /* @noflip */ - left: 0; - padding: .2em; - outline: 0; -} -.ui-dialog .ui-dialog-titlebar { - padding: .4em 1em; - position: relative; -} -.ui-dialog .ui-dialog-title { - float: left; - margin: .1em 0; - white-space: nowrap; - width: 90%; - overflow: hidden; - text-overflow: ellipsis; -} -.ui-dialog .ui-dialog-titlebar-close { - position: absolute; - right: .3em; - top: 50%; - width: 21px; - margin: -10px 0 0 0; - padding: 1px; - height: 20px; -} -.ui-dialog .ui-dialog-content { - position: relative; - border: 0; - padding: .5em 1em; - background: none; - overflow: auto; -} -.ui-dialog .ui-dialog-buttonpane { - text-align: left; - border-width: 1px 0 0 0; - background-image: none; - margin-top: .5em; - padding: .3em 1em .5em .4em; -} -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { +#wp-link-submit { float: right; } -.ui-dialog .ui-dialog-buttonpane button { - margin: .5em .4em .5em 0; - cursor: pointer; -} -.ui-dialog .ui-resizable-se { - width: 12px; - height: 12px; - right: -5px; - bottom: -5px; - background-position: 16px 16px; -} -.ui-draggable .ui-dialog-titlebar { - cursor: move; -} - -/* WP jQuery Dialog Theme */ -.wp-dialog { - padding: 0; - z-index: 300002; - border: 0; - -webkit-box-shadow: 0 5px 15px rgba(0,0,0,0.7); - box-shadow: 0 5px 15px rgba(0,0,0,0.7); - background-color: #f5f5f5; -} -.wp-dialog .ui-dialog-title { - display: block; - text-align: center; - padding: 0; -} - -.wp-dialog .ui-dialog-titlebar { - padding: 0 1em; - background-color: #444; - font-size: 13px; - line-height: 24px; - color: #fff; -} - -.wp-dialog .ui-dialog-content { - padding: 0; -} - -.wp-dialog .ui-dialog-titlebar-close { - cursor: pointer; - -webkit-appearance: none; - border: 0; - width: 30px; - height: 20px; - top: 13px; - right: 6px; - background: none; -} - -.wp-dialog .ui-dialog-titlebar-close:before { - content: '\f158'; - font: normal 20px/1 'dashicons'; - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - color: #999; - padding-left: 12px; -} - -.wp-dialog .ui-dialog-titlebar-close:hover:before { - color: #2ea2cc; -} - -.wp-dialog .ui-dialog-titlebar-close .ui-button-text { - display: none; -} - -.wp-dialog .ui-dialog-titlebar-close:hover, -.wp-dialog .ui-dialog-titlebar-close:focus { - background-position: -87px -32px; -} - -.ui-widget-overlay { - z-index: 300001; - background-color: #000; - opacity: 0.6; - filter: alpha(opacity=60); -} +@media screen and ( max-width: 782px ) { + #wp-link-wrap { + margin-top: -140px; + } -/* TinyMCE modal */ -.clearlooks2 .mceTop { - border-bottom: 1px solid #ccc; -} + #wp-link-wrap .query-results { + top: 195px; + } -.clearlooks2 .mceTop span { - font: 13px/24px "Open Sans", sans-serif; - color: #e5e5e5; -} + #wp-link-wrap.has-text-field .query-results { + top: 235px; + } -.clearlooks2 .mceTop .mceLeft { - background: #444444; - border-color: transparent; -} + #link-selector { + padding: 0 16px 60px; + } -.clearlooks2 .mceTop .mceRight { - background: #444444; - border-color: transparent; -} + #wp-link-wrap #link-selector { + bottom: 52px; + } -.clearlooks2 .mceMiddle { - clip: rect(24px auto auto auto); -} + #wp-link-cancel { + line-height: 32px; + } -.clearlooks2 .mceMiddle .mceLeft { - background: #f1f1f1; - border-color: transparent; -} + #wp-link .link-target { + padding-top: 10px; + } -.clearlooks2 .mceMiddle .mceRight { - background: #f1f1f1; - border-color: transparent; + #wp-link .submitbox .button { + margin-bottom: 0; + } } -.clearlooks2 .mceBottom { - background: #f1f1f1; - border-color: transparent; +@media screen and ( max-width: 520px ) { + #wp-link-wrap { + width: auto; + margin-left: 0; + left: 10px; + right: 10px; + max-width: 500px; + } } -.clearlooks2 .mceBottom .mceLeft { - background: #f1f1f1; - border-color: transparent; -} +@media screen and ( max-height: 520px ) { + #wp-link-wrap { + -webkit-transition: none; + transition: none; + height: auto; + margin-top: 0; + top: 10px; + bottom: 10px; + } -.clearlooks2 .mceBottom .mceCenter { - background: #f1f1f1; - border-color: transparent; -} + #link-selector { + overflow: auto; + } -.clearlooks2 .mceBottom .mceRight { - background: #f1f1f1; - border-color: transparent; + #search-panel .query-results { + position: static; + } } -.clearlooks2 .mceClose, -.clearlooks2 .mceFocus .mceClose, -.clearlooks2 .mceFocus .mceClose:hover { - background-image: none; -} -.clearlooks2 .mceClose:before { - content: '\f158'; - font: normal 20px/1 'dashicons'; - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - color: #999; - padding-left: 12px; -} +@media screen and ( max-height: 290px ) { + #wp-link-wrap { + height: auto; + margin-top: 0; + top: 10px; + bottom: 10px; + } -/* Distraction Free Writing mode - * =Overlay Styles --------------------------------------------------------------- */ -.fullscreen-overlay { - z-index: 149999; - display: none; - position: fixed; - top: 0; - bottom: 0; - left: 0; - right: 0; - filter: inherit; -} + #link-selector { + overflow: auto; + height: -webkit-calc(100% - 92px); + height: calc(100% - 92px); + padding-bottom: 2px; + } -.fullscreen-active .fullscreen-overlay, -.fullscreen-active #wp-fullscreen-body { - display: block; + #search-panel .query-results { + position: static; + } } -.fullscreen-fader { - z-index: 200000; +div.wp-link-preview { + float: left; + margin: 5px; + max-width: 694px; + overflow: hidden; + text-overflow: ellipsis; } -.fullscreen-active .fullscreen-fader { - display: none; +div.wp-link-preview a { + color: #0073aa; + text-decoration: underline; + -webkit-transition-property: border, background, color; + transition-property: border, background, color; + -webkit-transition-duration: .05s; + transition-duration: .05s; + -webkit-transition-timing-function: ease-in-out; + transition-timing-function: ease-in-out; + cursor: pointer; } -/* =Overlay Body --------------------------------------------------------------- */ -#wp-fullscreen-body { - width: 100%; - z-index: 150005; - display: none; - position: absolute; - top: 0; - left: 0; - font-size: 12px; +div.wp-link-preview a.wplink-url-error { + color: #dc3232; } -#wp-fullscreen-wrap { - margin: 0 auto 50px; - position: relative; - padding-top: 60px; +div.wp-link-input { + float: left; + margin: 2px; + max-width: 694px; } -#wp-fullscreen-title { - font-size: 1.7em; - line-height: 100%; - outline: medium none; - padding: 6px 7px; - width: 100%; - margin-bottom: 30px; - -webkit-box-shadow: none; - box-shadow: none; +div.wp-link-input input { + width: 300px; + padding: 3px; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; } -#wp-fullscreen-container { - padding: 4px 10px 50px; +.mce-toolbar div.wp-link-preview ~ .mce-btn, +.mce-toolbar div.wp-link-input ~ .mce-btn { + margin: 2px 1px; } -#wp-fullscreen-title, -#wp-fullscreen-container { - -webkit-border-radius: 0; - border-radius: 0; - border: 1px dashed transparent; - background: transparent; - -moz-transition-property: border-color; - -moz-transition-duration: 0.6s; - -webkit-transition-property: border-color; - -webkit-transition-duration: 0.6s; - -o-transition-property: border-color; - -o-transition-duration: 0.6s; - transition-property: border-color; - transition-duration: 0.6s; +.mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child { + margin-right: 2px; } -#wp_mce_fullscreen { - width: 100%; - min-height: 300px; - border: 0; - background: transparent; - font-family: Consolas, Monaco, monospace; - line-height: 1.6em; +.ui-autocomplete.wplink-autocomplete { + z-index: 100110; + max-height: 200px; + overflow-y: auto; padding: 0; - overflow-y: hidden; - outline: none; - resize: none; - -webkit-box-shadow: none; - box-shadow: none; -} - -#wp-fullscreen-tagline { - color: #BBBBBB; - font-size: 18px; - float: right; - padding-top: 5px; -} - -/* =Top bar --------------------------------------------------------------- */ -#fullscreen-topbar { - background: #f5f5f5; - border-bottom: 1px solid #fff; - height: 40px; - left: 0; - min-width: 800px; - position: fixed; - top: 0; - width: 100%; - z-index: 150050; + margin: 0; + list-style: none; + position: absolute; + border: 1px solid #5b9dd9; + -webkit-box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 ); + box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 ); + background-color: #fff; } -#wp-fullscreen-toolbar { - padding: 6px 10px 0; +.ui-autocomplete.wplink-autocomplete li { + margin-bottom: 0; + padding: 4px 10px; clear: both; - max-width: 1100px; - min-width: 820px; - margin: 0 auto; -} - -#wp-fullscreen-mode-bar, -#wp-fullscreen-button-bar, -#wp-fullscreen-close, -#wp-fullscreen-count { - float: left; + white-space: normal; + text-align: left; } -#wp-fullscreen-save { +.ui-autocomplete.wplink-autocomplete li .wp-editor-float-right { float: right; - padding: 2px 2px 0 5px; -} - -#wp-fullscreen-count, -#wp-fullscreen-close { - padding-top: 5px; -} - -#wp-fullscreen-central-toolbar { - margin: auto; - padding: 0; -} - -#wp-fullscreen-buttons > div { - float: left; -} - -#wp-fullscreen-mode-bar { - padding: 1px 14px 0 0; -} - -#wp-fullscreen-modes a { - display: block; - font-size: 11px; - text-decoration: none; - float: left; - margin: 1px 0 0 0; - padding: 2px 6px 2px; - border-width: 1px 1px 1px 0; - border-style: solid; - border-color: #bbb; - color: #777; - text-shadow: 0 1px 0 #fff; - background-color: #f4f4f4; - background: #f4f4f4; - background-image: -webkit-gradient(linear, left bottom, left top, from(#e4e4e4), to(#f9f9f9)); - background-image: -webkit-linear-gradient(bottom, #e4e4e4, #f9f9f9); - background-image: -moz-linear-gradient(bottom, #e4e4e4, #f9f9f9); - background-image: -o-linear-gradient(bottom, #e4e4e4, #f9f9f9); - background-image: linear-gradient(to top, #e4e4e4, #f9f9f9); -} - -#wp-fullscreen-modes a:hover, -.wp-html-mode #wp-fullscreen-modes a:last-child, -.wp-tmce-mode #wp-fullscreen-modes a:first-child { - color: #333; - border-color: #999; - background: #eee; - background-image: -webkit-gradient(linear, left top, left bottom, from(#e4e4e4), to(#f9f9f9)); - background-image: -webkit-linear-gradient(top, #e4e4e4, #f9f9f9); - background-image: -moz-linear-gradient(top, #e4e4e4, #f9f9f9); - background-image: -o-linear-gradient(top, #e4e4e4, #f9f9f9); - background-image: linear-gradient(to bottom, #e4e4e4, #f9f9f9); -} - -#wp-fullscreen-modes a:first-child { - border-width: 1px; - -webkit-border-top-left-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -#wp-fullscreen-modes a:last-child { - -webkit-border-top-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -#wp-fullscreen-buttons .active a { - background: inherit; -} - -#wp-fullscreen-buttons .hidden { - display: none; -} - -#wp-fullscreen-buttons .disabled { - opacity: 0.5; -} - -.wp-html-mode #wp-fullscreen-buttons div { - display: none; -} - -.wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both { - display: block; } -#fullscreen-topbar.fullscreen-make-sticky { - display: block !important; +.ui-autocomplete.wplink-autocomplete li.ui-state-focus { + background-color: #ddd; + cursor: pointer; } -#wp-fullscreen-save img { - vertical-align: middle; -} +@media screen and ( max-width: 782px ) { + div.wp-link-preview, + div.wp-link-input { + max-width: 70%; + max-width: -webkit-calc(100% - 86px); + max-width: calc(100% - 86px); + } -#wp-fullscreen-save img, -#wp-fullscreen-save span { - padding-right: 4px; - display: none; -} + div.wp-link-preview { + margin: 8px 0 8px 5px; + } -/* =Thickbox Adjustments --------------------------------------------------------------- */ -.fullscreen-active #TB_overlay { - z-index: 150100; -} + div.wp-link-input { + width: 300px; + } -.fullscreen-active #TB_window { - z-index: 150102; + div.wp-link-input input { + width: 100%; + font-size: 16px; + padding: 5px; + } } -/* =TinyMCE Adjustments +/* =Overlay Body -------------------------------------------------------------- */ -#wp_mce_fullscreen_ifr { - background: transparent; -} - -#wp_mce_fullscreen_parent #wp_mce_fullscreen_tbl tr.mceFirst { - display : none; -} -#wp-fullscreen-container .wp_themeSkin table td { - vertical-align: top; +.mce-fullscreen { + z-index: 100010; } -/* Colors */ -.fullscreen-overlay { - background: #fff; -} - -.wp-fullscreen-focus #wp-fullscreen-title, -.wp-fullscreen-focus #wp-fullscreen-container { - border-color: #ccc; -} - -/* =CSS 3 transitions +/* =Localization -------------------------------------------------------------- */ - -.fade-1000, -.fade-600, -.fade-400, -.fade-300 { - opacity: 0; - -moz-transition-property: opacity; - -webkit-transition-property: opacity; - -o-transition-property: opacity; - transition-property: opacity; -} - -.fade-1000 { - -moz-transition-duration: 1s; - -webkit-transition-duration: 1s; - -o-transition-duration: 1s; - transition-duration: 1s; -} - -.fade-600 { - -moz-transition-duration: 0.6s; - -webkit-transition-duration: 0.6s; - -o-transition-duration: 0.6s; - transition-duration: 0.6s; -} - -.fade-400 { - -moz-transition-duration: 0.4s; - -webkit-transition-duration: 0.4s; - -o-transition-duration: 0.4s; - transition-duration: 0.4s; -} - -.fade-300 { - -moz-transition-duration: 0.3s; - -webkit-transition-duration: 0.3s; - -o-transition-duration: 0.3s; - transition-duration: 0.3s; +.rtl .wp-switch-editor, +.rtl .quicktags-toolbar input { + font-family: Tahoma, sans-serif; } -.fade-trigger { - opacity: 1; +/* rtl:ignore */ +.mce-rtl .mce-flow-layout .mce-flow-layout-item > div { + direction: rtl; } -/* =Localization --------------------------------------------------------------- */ -.rtl .wp_themeSkin .mceColorSplitMenu a.mceMoreColors, -.rtl .wp_themeSkin .mceMenu .mceText, -.rtl .wp-switch-editor, -.rtl .quicktags-toolbar input, -.rtl .clearlooks2 .mceTop span, -.rtl .wp_themeSkin .mceColorSplitMenu a.mceMoreColors { - font-family: Tahoma, sans-serif; +/* rtl:ignore */ +.mce-rtl .mce-listbox i.mce-caret { + left: 6px; } -html:lang(he-il) .rtl .wp_themeSkin .mceColorSplitMenu a.mceMoreColors, -html:lang(he-il) .rtl .wp_themeSkin .mceMenu .mceText, html:lang(he-il) .rtl .wp-switch-editor, -html:lang(he-il) .rtl .quicktags-toolbar input, -html:lang(he-il) .rtl .clearlooks2 .mceTop span, -html:lang(he-il) .rtl .wp_themeSkin .mceColorSplitMenu a.mceMoreColors { +html:lang(he-il) .rtl .quicktags-toolbar input { font-family: Arial, sans-serif; } - /* 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, - #wp-fullscreen-buttons #wp_fs_image span.mce_image { + .wp-media-buttons .add_media span.wp-media-buttons-icon { background: none; } - - .wp_themeSkin .mceListBox .mceOpen, - .wp_themeSkin .mceListBoxHover .mceOpen, - .wp_themeSkin .mceListBoxSelected .mceOpen, - .wp_themeSkin table.mceListBoxEnabled .mceOpen { - background-image: url('../images/down_arrow-2x.gif'); - background-size: 10px 20px; - } - - .wp_themeSkin .mceSplitButtonEnabled a.mceOpen, - .wp_themeSkin .mceSplitButtonSelected a.mceOpen, - .wp_themeSkin .mceSplitButtonActive a.mceOpen, - .wp_themeSkin .mceSplitButtonEnabled:hover a.mceOpen { - background-image: url('../images/down_arrow-2x.gif'); - background-size: 10px 20px; - } - - #wp-link .toggle-arrow { - background: transparent url('../images/toggle-arrow-2x.png') top left no-repeat; - background-size: 19px 69px; - } }