X-Git-Url: https://scripts.mit.edu/gitweb/autoinstalls/wordpress.git/blobdiff_plain/256a3b381f63716209b3527d0a14442ae570c283..41578db67d72562346e4dbb2a14889b23d522813:/wp-includes/css/editor-rtl.css?ds=sidebyside diff --git a/wp-includes/css/editor-rtl.css b/wp-includes/css/editor-rtl.css index a465a38a..e5842e98 100644 --- a/wp-includes/css/editor-rtl.css +++ b/wp-includes/css/editor-rtl.css @@ -1,1146 +1,736 @@ - /*------------------------------------------------------------------------------ - 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; -} - -.wp_themeSkin table td { - vertical-align: middle; -} - -.wp_themeSkin *, -.wp_themeSkin a:hover, -.wp_themeSkin a:link, -.wp_themeSkin a:visited, -.wp_themeSkin a:active { - color: #555; -} - -/* 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; - -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; - -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} - -.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} - -.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} - -.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} - -.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} - -.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} - -.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} - -.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} - -.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} - -.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} - -.no-font-face .wp_themeSkin .mce_forecolorpicker {background-position:-320px -20px} - -/* 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} - -.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} - -.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} - -.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} - -.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} - -.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} - -.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} - -.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} - -.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} - -.no-font-face .mceIcon:before { - display: none !important; -} -/* End no @font-face */ - -/* Containers */ -.wp_themeSkin table {} - -.wp_themeSkin iframe { - display: block; -} +/* TinyMCE widgets/containers */ -.wp_themeSkin #mce_fullscreen_ifr { - background-color: #fff; +.mce-container, +.mce-container *, +.mce-widget, +.mce-widget * { + color: inherit; + font-family: inherit; } -.wp_themeSkin .mceToolbar { - padding: 1px; +/* TinyMCE windows */ +#mce-modal-block.mce-in { + opacity: 0.7; + filter: alpha(opacity=70); } -/* External */ -.wp_themeSkin .mceExternalToolbar { - position: absolute; - border-bottom: 0; - display: 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; } -.wp_themeSkin .mceExternalToolbar td.mceToolbar { - padding-left: 13px; +.mce-window .mce-container-body.mce-abs-layout { + overflow: visible; } -.wp_themeSkin .mceExternalClose { - position: absolute; - top: 3px; - left: 3px; - width: 7px; - height: 7px; - background: url("../js/tinymce/themes/advanced/img/icons.gif") -820px 0; +.mce-window .mce-window-head { + background: #fcfcfc; + border-bottom: 1px solid #dfdfdf; + padding: 0; + min-height: 36px; } -/* Layout */ -.wp_themeSkin table.mceToolbar, -.wp_themeSkin tr.mceFirst .mceToolbar tr td, -.wp_themeSkin tr.mceLast .mceToolbar tr td { - border: 0; +.mce-window .mce-window-head .mce-title { + color: #444; + font-size: 18px; + font-weight: 600; + line-height: 36px; margin: 0; - padding: 0; + padding: 0 16px 0 36px; } -.wp_themeSkin table.mceLayout { - border: 0; +.mce-window .mce-window-head .mce-close { + color: transparent; + top: 0; + left: 0; + width: 36px; + height: 36px; + line-height: 36px; + text-align: center; } -.wp_themeSkin .mceStatusbar { - background: #fff; - border-top: 1px solid #eee; - color: #000; +.mce-window .mce-window-head .mce-close:before { + font: normal 20px/36px 'dashicons'; + text-align: center; + color: #666; + width: 36px; + height: 36px; display: block; - font-family: sans-serif; - font-size: 12px; - height: 20px; - line-height: 16px; - padding: 0 8px 0 0; - overflow: visible; } -.wp_themeSkin .mceStatusbar * { - color: #555; +.mce-window .mce-window-head .mce-close:hover:before { + color: #2ea2cc; } -.wp_themeSkin .mceStatusbar div { - float: right; - padding: 2px; +.mce-window .mce-window-head .mce-dragh { + width: -webkit-calc( 100% - 36px ); + width: calc( 100% - 36px ); } -.wp_themeSkin .mceStatusbar a.mceResize { - display: block; - float: left; - background: url("../js/tinymce/themes/advanced/img/icons.gif") -800px 0; - width: 20px; - height: 20px; - cursor: sw-resize; +.mce-wp-help .mce-window-head { + border-bottom: none; } -.wp_themeSkin .mceStatusbar a:hover { - text-decoration: underline; +.mce-textbox, +.mce-checkbox i.mce-i-checkbox { + 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; } -.wp_themeSkin table.mceToolbar { - margin: 0 6px 2px; +.mce-textbox:focus, +.mce-textbox.mce-focus, +.mce-checkbox:focus i.mce-i-checkbox { + 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); } -.wp_themeSkin table.mceToolbar :active, -.wp_themeSkin table.mceToolbar :focus, -.wp_themeSkin table.mceToolbar:focus, -.wp_themeSkin span.mceSeparator:focus { - outline: none; +/* 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 #content_toolbar1 { +.mce-floatpanel.mce-popover.mce-bottom { margin-top: 2px; } -.wp_themeSkin .mceToolbar .mceToolbarEndListBox span { +.mce-floatpanel .mce-arrow { display: none; } -.wp_themeSkin span.mceIcon, -.wp_themeSkin img.mceIcon { - display: block; - width: 20px; - height: 20px; -} - -a .mceIcon, .mceAction { - text-align: center; - font: normal 20px/1 'dashicons' !important; - speak: none; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; +.mce-menu .mce-container-body { + min-width: 160px; } -.mceAction { - line-height:16px; +.mce-menu-item { + border: none; + margin-bottom: 2px; } -/* Button */ -.wp_themeSkin .mceButton { - display: block; - width: 20px; - height: 20px; - cursor: default; - padding: 1px 2px; - margin: 1px; - -webkit-border-radius: 2px; - border-radius: 2px; +.mce-menu-has-icons i.mce-ico { + line-height: 20px; } -.wp_themeSkin a.mceButtonEnabled:hover { - background-image: inherit 0 -10px; +/* TinyMCE panel */ +div.mce-panel { + border: 0; + background: #fff; + -webkit-filter: none; + filter: none; } -.wp_themeSkin .mceOldBoxModel a.mceButton span, .wp_themeSkin .mceOldBoxModel a.mceButton img { - margin: 0 1px 0 0; +.mce-panel.mce-menu { + border: 1px solid #ddd; } -.wp_themeSkin .mceButtonDisabled .mceIcon { - opacity: 0.2; - filter: alpha(opacity=20); +div.mce-tab { + line-height: 13px; } -/* Separator */ -.wp_themeSkin .mceSeparator { - display: none; +/* TinyMCE toolbars */ +div.mce-toolbar-grp { + border-bottom: 1px solid #dedede; + background: #f5f5f5; + padding: 3px; + position: relative; } -/* ListBox */ -.wp_themeSkin .mceListBox, -.wp_themeSkin .mceListBox a { - display: block; +.has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first { + padding-left: 32px; } -.wp_themeSkin .mceListBox .mceText { - padding: 1px 5px 1px 4px; - width: 70px; - text-align: right; - text-decoration: none; - -webkit-border-bottom-right-radius: 2px; - -webkit-border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; - font-family: sans-serif; - font-size: 12px; - height: 20px; - line-height: 20px; - overflow: hidden; +.mce-toolbar .mce-btn-group { + margin: 0; } -.wp_themeSkin .mceListBox { - margin: 1px; - direction: rtl; - 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-statusbar { + border-top: 1px solid #eee; } -.wp_themeSkin .mceListBox .mceOpen { - width: 12px; - height: 20px; - border-collapse: separate; - padding: 1px; - -webkit-border-bottom-right-radius: 0; - -webkit-border-top-right-radius: 0; - border-bottom-right-radius: 0; - border-top-right-radius: 0; +div.mce-path { + padding: 0 8px 2px; + margin: 0; } -.wp_themeSkin .mceListBox .mceFirst a { - border-style: solid; - border-width: 1px; - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; +.mce-toolbar .mce-btn, +.qt-fullscreen { + border-color: transparent; + background: transparent; + -webkit-box-shadow: none; + box-shadow: none; + text-shadow: none; + cursor: pointer; } -.wp_themeSkin .mceListBoxMenu .mce_formatPreview { - line-height: normal; +#wp-fullscreen-buttons .mce-btn, +.mce-toolbar .mce-btn-group .mce-btn, +.qt-fullscreen { + border: 1px solid transparent; + margin: 2px; + background-image: none; + -webkit-border-radius: 2px; + border-radius: 2px; + -webkit-filter: none; + filter: none; } -.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; +#wp-fullscreen-buttons .mce-btn:hover, +.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 { + 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 ); } -.wp_themeSkin .mceListBoxDisabled .mceText { - color: gray; +.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 { + background: #ebebeb; + border-color: #999; + -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 .mceListBoxMenu { - overflow: auto; - overflow-x: hidden; +.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover { + border-color: #555; } -.wp_themeSkin .mceOldBoxModel .mceListBox .mceText { - height: 22px; +.mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico { + color: #555; } -.wp_themeSkin select.mceListBox { - font-family: sans-serif; - font-size: 12px; - border-color: #b2b2b2; - background-color: #fff; +.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover, +#wp-fullscreen-buttons .mce-btn.mce-disabled:hover, +.mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus, +#wp-fullscreen-buttons .mce-btn.mce-disabled:focus { + color: #aaa; + background: none; + border-color: #ddd; + text-shadow: 0 1px 0 #fff; + -webkit-box-shadow: none; + box-shadow: none; } -/* SplitButton */ -.wp_themeSkin .mceSplitButton a, -.wp_themeSkin .mceSplitButton span { - display: block; - height: 20px; +.mce-toolbar .mce-btn-group .mce-first, +.mce-toolbar .mce-btn-group .mce-last { + border-color: transparent; } -.wp_themeSkin .mceSplitButton { - display: block; - direction: rtl; +.mce-toolbar .mce-btn button, +.qt-fullscreen { + padding: 2px 3px; + line-height: normal; } -.wp_themeSkin table.mceSplitButton td { - padding: 2px; - -webkit-border-radius: 2px; - border-radius: 2px; +.mce-toolbar .mce-btn i { + text-shadow: none; } -.wp_themeSkin table.mceSplitButton:hover td { - background-image: inherit 0 -10px; +.mce-toolbar .mce-btn-group > div { + white-space: normal; } -.wp_themeSkin .mceSplitButton a.mceAction { - height: 20px; - width: 20px; - padding: 1px 2px; - border-left: 0 none; +.mce-toolbar .mce-colorbutton .mce-open { + border-left: 0; } -.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-colorbutton .mce-preview { + margin-right: -17px; + padding: 0; + width: 18px; } -.wp_themeSkin .mceSplitButton span.mceAction.mce_bullist, -.wp_themeSkin .mceSplitButton span.mceAction.mce_numlist { - background-image: none; +/* mce listbox */ +.mce-toolbar .mce-btn-group .mce-btn.mce-listbox { + -webkit-border-radius: 0; + border-radius: 0; + direction: rtl; + 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 .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-listbox:hover { + background-image: none; + border-color: #bbb; } -.wp_themeSkin .mceSplitButton span.mceOpen { - display: none; +.mce-panel .mce-btn i.mce-caret { + border-top: 6px solid #777; + margin-right: 2px; + margin-left: 2px; } -.wp_themeSkin .mceSplitButtonDisabled .mceAction { - opacity: 0.3; - filter: alpha(opacity=30); +.mce-listbox i.mce-caret { + left: 6px; } -.wp_themeSkin .mceListBox a.mceText, -.wp_themeSkin .mceSplitButton a.mceAction { - -webkit-border-bottom-right-radius: 2px; - -webkit-border-top-right-radius: 2px; - border-bottom-right-radius: 2px; - border-top-right-radius: 2px; +.mce-panel .mce-btn button.mce-open i.mce-caret, +.mce-panel .mce-btn.mce-listbox i.mce-caret { + margin-right: 0; + margin-left: 0; } -.wp_themeSkin .mceSplitButton a.mceOpen, -.wp_themeSkin .mceListBox a.mceOpen { - -webkit-border-bottom-left-radius: 2px; - -webkit-border-top-left-radius: 2px; - border-bottom-left-radius: 2px; - border-top-left-radius: 2px; +.mce-panel .mce-btn:hover i.mce-caret { + border-top-color: #333; } -/* ColorSplitButton */ -.wp_themeSkin div.mceColorSplitMenu table { - background-color: #ebebeb; - border-color: #bbb; +.mce-panel .mce-active i.mce-caret { + border-top: 0; + border-bottom: 6px solid #333; + margin-top: 7px; } -.wp_themeSkin .mceColorSplitMenu td { - padding: 2px; +.mce-listbox.mce-active i.mce-caret { + margin-top: -3px; } -.wp_themeSkin .mceColorSplitMenu a { - display: block; - width: 9px; - height: 9px; - overflow: hidden; - border-color: #B2B2B2; +.mce-toolbar .mce-splitbtn:hover .mce-open { + border-left-color: transparent; } -.wp_themeSkin .mceColorSplitMenu td.mceMoreColors { - padding: 1px 1px 1px 3px; +.mce-toolbar .mce-splitbtn .mce-open.mce-active{ + -webkit-box-shadow: none; + box-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; +.mce-menu .mce-menu-item-normal.mce-active { + background-color: #e5e5e5; + -webkit-filter: none; + filter: none; } -.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover {} -.wp_themeSkin a.mceMoreColors:hover {} -.wp_themeSkin .mceColorPreview { - margin: -5px 2px 0 0; - width: 16px; - height: 4px; - overflow: hidden; +.mce-menu .mce-menu-item:hover, +.mce-menu .mce-menu-item.mce-selected, +.mce-menu .mce-menu-item:focus { + color: #000; + background-color: #bbb; + background-image: none; + -webkit-filter: none; + filter: none; } -/* Menu */ -.wp_themeSkin .mceMenu { - position: absolute; - right: 0; - top: 0; - z-index: 1000; - border-color: #ddd; - direction: rtl; +.mce-menu .mce-menu-item:hover .mce-ico, +.mce-menu .mce-menu-item.mce-selected .mce-ico, +.mce-menu .mce-menu-item:focus .mce-ico, +.mce-menu .mce-menu-item:hover .mce-text, +.mce-menu .mce-menu-item.mce-active:hover .mce-text, +.mce-menu .mce-menu-item.mce-selected .mce-text { + color: #000; } -.wp_themeSkin .mceNoIcons span.mceIcon { - width: 0; +/* Menubar */ +.mce-menubar { + border-color: #e5e5e5; } -.wp_themeSkin .mceNoIcons a .mceText { - padding-right: 10px; +.mce-menubar .mce-btn:focus { + outline: 0; } -.wp_themeSkin .mceMenu table { - background-color: #ebeaeb; +div.mce-menu .mce-menu-item-sep, +.mce-menu-item-sep:hover { + margin: 5px 0 4px; } -.wp_themeSkin .mceMenu a, -.wp_themeSkin .mceMenu span, -.wp_themeSkin .mceMenu { - display: block; +.mce-menubtn span { + margin-left: 0; + padding-right: 3px; } -.wp_themeSkin .mceMenu td { - height: 20px;overflow: hidden; +.mce-menu-has-icons i.mce-ico:before { + margin-right: -2px; } -.wp_themeSkin .mceMenu a { - position: relative; - padding: 3px 0 4px 0; - text-decoration: none !important; +/* 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 .mceMenu .mceText { - position: relative; - display: block; - font-family: "Open Sans", sans-serif; - cursor: default; +.mce-window .mce-btn { + color: #555; + background: #f7f7f7; + text-decoration: none; + font-size: 13px; + line-height: 26px; + height: 28px; margin: 0; - padding: 0 25px; - color: #000; + padding: 0; + cursor: pointer; + border: 1px solid #ccc; + -webkit-appearance: none; + -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); + background-image: none; } -.wp_themeSkin .mceMenu span.mceText, .wp_themeSkin .mceMenu .mcePreview { - font-size: 12px; +/* Remove the dotted border on :focus and the extra padding in Firefox */ +.mce-window .mce-btn::-moz-focus-inner { + border-width: 1px 0; + border-style: solid none; + border-color: transparent; + padding: 0; } -.wp_themeSkin .mceMenu pre.mceText { - font-family: Monospace; +.mce-window .mce-btn:hover { + background: #fafafa; + border-color: #999; + color: #222; } -.wp_themeSkin .mceMenu .mceIcon { - position: absolute; - top: 0; - right: 0; - width: 22px; +.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); } -.wp_themeSkin .mceMenu .mceMenuItemEnabled a:hover, -.wp_themeSkin .mceMenu .mceMenuItemActive { - background-color: #f5f5f5; +.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 ); } -.wp_themeSkin td.mceMenuItemSeparator { - height: 1px; - background-color: #aaa; +.mce-window .mce-btn.mce-disabled { + color: #aaa; + border-color: #ddd; + -webkit-box-shadow: none; + box-shadow: none; + text-shadow: 0 1px 0 #fff; + cursor: default; } -.wp_themeSkin .mceMenuItemTitle a { - border-top: 0; - border-left: 0; - border-right: 0; - border-bottom: 1px solid #aaa; - text-decoration: none !important; - background-color: #ccc; +.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); + color: #fff; + text-decoration: none; } -.wp_themeSkin .mceMenuItemTitle span.mceText { - font-weight: bold; - padding-right: 4px; - color: #000; +.mce-window .mce-btn.mce-primary:hover { + 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); + color: #fff; } -.wp_themeSkin .mceMenuItemSelected .mceIcon { - background: url("../js/tinymce/themes/advanced/skins/default/img/menu_check.gif"); - color: #888; +.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); } -.wp_themeSkin .mceNoIcons .mceMenuItemSelected a { - background: url("../js/tinymce/themes/advanced/skins/default/img/menu_arrow.gif") no-repeat -6px center; +.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); } -.wp_themeSkin .mceMenu span.mceMenuLine { - display: none; +.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); } -.wp_themeSkin .mceMenuItemSub a { - background: url("../js/tinymce/themes/advanced/skins/default/img/menu_arrow.gif") no-repeat top left; +.mce-menubtn.mce-fixed-width button span { + max-width: 80px; + padding-left: 16px; } -/* Progress,Resize */ -.wp_themeSkin .mceBlocker { - position: absolute; - right: 0; - top: 0; - z-index: 1000; - opacity: 0.5; - filter: alpha(opacity=50); - background: #FFF; +/* Charmap modal */ +.mce-charmap { + margin: 3px; } -.wp_themeSkin .mceProgress { - position: absolute; - right: 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 -16px 0 0; +.mce-charmap td { + padding: 0; + border-color: #dfdfdf; + cursor: pointer; } -.wp_themeSkin .mcePlaceHolder { - border: 1px dotted gray; +.mce-charmap td:hover { + background: #f3f3f3; } -/* Rtl */ -.mceRtl .mceListBox .mceText { - text-align: left; - padding: 0 0 0 4px; +.mce-charmap td div { + width: 18px; + height: 22px; + line-height: 22px; } -.mceRtl .mceMenuItem .mceText { - text-align: left; +/* TinyMCE tooltips */ +.mce-tooltip { + margin-top: 2px; } -/* Formats */ -.wp_themeSkin .mce_p span.mceText {} -.wp_themeSkin .mce_address span.mceText { - font-style: italic; +.mce-tooltip-inner { + -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; } -.wp_themeSkin .mce_pre span.mceText { - font-family: monospace; +/* TinyMCE icons */ +.mce-ico { + font-family: 'tinymce', Arial; } -.wp_themeSkin .mce_h1 span.mceText { - font-weight: bolder; - font-size: 18px; +.mce-btn-small .mce-ico { + font-family: 'tinymce-small', Arial; } -.wp_themeSkin .mce_h2 span.mceText { - font-weight: bolder; - font-size: 14px; +.mce-toolbar .mce-ico { + color: #777; + line-height: 20px; + width: 20px; + height: 20px; + text-align: center; + text-shadow: none; + margin: 0; + padding: 0; } -.wp_themeSkin .mce_h3 span.mceText { - font-weight: bolder; - font-size: 12px; +.qt-fullscreen { + color: #777; + line-height: 20px; + width: 28px; + height: 26px; + text-align: center; + text-shadow: none; } -.wp_themeSkin .mce_h4 span.mceText { - font-weight: bolder; - font-size: 11px; +.mce-toolbar .mce-btn .mce-open { + line-height: 20px; } -.wp_themeSkin .mce_h5 span.mceText { - font-weight: bolder; - font-size: 11px; +.mce-toolbar .mce-btn:hover .mce-open, +.mce-toolbar .mce-btn:focus .mce-open, +.mce-toolbar .mce-btn.mce-active .mce-open { + border-right-color: #999; +} + +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-wp_adv, +i.mce-i-underline, +i.mce-i-alignjustify, +i.mce-i-forecolor, +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, +.mce-close { + font: normal 20px/1 'dashicons'; + padding: 0; + vertical-align: top; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + margin-right: -2px; + padding-left: 2px; } -.wp_themeSkin .mce_h6 span.mceText { - font-weight: bolder; - font-size: 10px; +.qt-fullscreen { + font: normal 20px/1 'dashicons'; + vertical-align: top; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } -span.mce_bold:before { +i.mce-i-bold:before { content: '\f200'; } -span.mce_italic:before { +i.mce-i-italic:before { content: '\f201'; } -span.mce_bullist:before { +i.mce-i-bullist:before { content: '\f203'; } -span.mce_numlist:before { +i.mce-i-numlist:before { content: '\f204'; } -span.mce_blockquote:before { +i.mce-i-blockquote:before { content: '\f205'; } -span.mce_justifyleft:before { +i.mce-i-alignleft:before { content: '\f206'; } -span.mce_justifycenter:before { +i.mce-i-aligncenter:before { content: '\f207'; } -span.mce_justifyright:before { +i.mce-i-alignright:before { content: '\f208'; } -span.mce_link:before { +i.mce-i-link:before { content: '\f103'; } -span.mce_unlink:before { +i.mce-i-unlink:before { content: '\f225'; } -span.mce_wp_more:before { +i.mce-i-wp_more:before { content: '\f209'; } -span.mce_strikethrough:before { +i.mce-i-strikethrough:before { content: '\f224'; } -span.mce_spellchecker { - font-size: 20px; - background: none !important; - margin-top: 2px; -} - -span.mce_spellchecker:before { +i.mce-i-spellchecker:before { content: '\f210'; } -span.mce_fullscreen:before, -span.mce_wp_fullscreen:before { +i.mce-i-fullscreen:before, +i.mce-i-wp_fullscreen:before, +.qt-fullscreen:before { content: '\f211'; } -span.mce_wp_adv:before { +i.mce-i-wp_adv:before { content: '\f212'; } -span.mce_underline:before { + +i.mce-i-underline:before { content: '\f213'; } -span.mce_justifyfull:before { +i.mce-i-alignjustify:before { content: '\f214'; } -span.mce_forecolor { - background: none !important; -} - -span.mce_forecolor:before { +i.mce-i-forecolor:before { content: '\f215'; } -span.mce_pastetext:before { +i.mce-i-pastetext:before { content: '\f217'; } -span.mce_pasteword:before { - content: '\f216'; -} - -span.mce_removeformat:before { +i.mce-i-removeformat:before { content: '\f218'; } -span.mce_charmap:before { +i.mce-i-charmap:before { content: '\f220'; } -span.mce_outdent:before { +i.mce-i-outdent:before { content: '\f221'; } -span.mce_indent:before { +i.mce-i-indent:before { content: '\f222'; } -span.mce_undo:before { +i.mce-i-undo:before { content: '\f171'; } -span.mce_redo:before { +i.mce-i-redo:before { content: '\f172'; } -span.mce_help:before, -span.mce_wp_help:before { +i.mce-i-help:before, +i.mce-i-wp_help:before { content: '\f223'; } -span.mce_image:before { +i.mce-i-wp-media-library:before { content: '\f104'; } -span.mce_ltr:before { +i.mce-i-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; -} - -.wp_themeSkin .mceListBox .mceText { - border-left: 0 none; -} - -.wp_themeSkin iframe { - background: transparent; -} - -.wp_themeSkin .mceButton { - border-color: transparent; -} - -.wp_themeSkin .mceListBox .mceText, -.wp_themeSkin .mceListBox .mceOpen { - border-color: transparent; -} - -.wp_themeSkin a.mceButtonEnabled:hover, -.wp_themeSkin table.mceSplitButton:hover { - border-color: #bbb; - background: #eee; - background-image: -webkit-gradient(linear, right bottom, right 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 #999 #ccc #ccc; - background: #eee; - background-image: -webkit-gradient(linear, right bottom, right 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); -} - -.wp_themeSkin .mceSplitButtonSelected table a.mceOpen, -.wp_themeSkin .mceSplitButtonSelected table a.mceAction { - border-color: #999 #999 #ccc #ccc; -} - -.wp_themeSkin .mceButtonDisabled { - border-color: transparent; -} - -.wp_themeSkin .mceListBox .mceOpen { - border-right: 0; -} - -.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; -} - -/* SplitButton */ -.wp_themeSkin .mceSplitButton .mceLast span.mceOpen .mceIconOnly { - display: block; -} - -.wp_themeSkin .mceSplitButton a.mceAction, -.wp_themeSkin .mceSplitButton a.mceOpen { - border-color: transparent; -} - -.wp_themeSkin .mceSplitButton:hover a { - border-color: #bbb; -} - -.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-right: 0; -} - -.wp_themeSkin .mceSplitButtonActive td { - -webkit-border-radius: 3px; - border-radius: 3px; -} - -.wp_themeSkin .mceColorSplitMenu a.mceMoreColors:hover { - border-color: #0A246A; - background-color: #B6BDD2; +i.mce-i-wp_page:before { + content: '\f105'; } -.wp_themeSkin a.mceMoreColors:hover { - border-color: #0A246A; +i.mce-i-hr:before { + content: '\f460'; } -.wp_themeSkin .mceMenuItemDisabled .mceText { - color: #888; +.mce-close:before { + content: '\f158'; } -#mceModalBlocker { - background: #000; - opacity: 0.7; - -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; - filter: alpha(opacity=70); +.mce-i-wp_code:before { + content: '\e017'; } -/* WP specific */ +/* Editors */ .wp-editor-wrap { position: relative; } @@ -1164,8 +754,8 @@ span.mce_ltr:before { 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; } @@ -1180,12 +770,6 @@ 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: left; } @@ -1285,43 +869,20 @@ span.mce_ltr:before { content: '\f104'; } +/* Quicktags */ .quicktags-toolbar { - border-bottom-style: solid; - border-bottom-width: 1px; - -webkit-border-top-left-radius: 3px; - -webkit-border-top-right-radius: 3px; - border-top-left-radius: 3px; - border-top-right-radius: 3px; - padding: 2px 8px 0; - min-height: 29px; + padding: 3px; + position: relative; + border-bottom: 1px solid #dedede; + background: #f5f5f5; } -.quicktags-toolbar > div { - padding: 2px 4px 0; +.has-dfw .quicktags-toolbar { + padding-left: 35px; } -.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, right bottom, right 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); -} - -.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"] { @@ -1340,12 +901,55 @@ span.mce_ltr:before { font-weight: bold; } +.mce-toolbar .mce-btn-group .mce-btn.mce-wp-fullscreen, +.qt-fullscreen { + position: absolute; + top: 0; + left: 0; + margin-top: 5px; + margin-left: 5px; +} + +@media screen and ( max-width: 782px ) { + .mce-toolbar .mce-btn button, + .qt-fullscreen { + padding: 7px 8px; + } + + .qt-fullscreen { + width: 38px; + height: 34px; + } + + .mce-toolbar .mce-colorbutton .mce-preview { + margin-right: -21px; + } + + .mce-window .mce-btn { + padding: 2px 0; + } + + div.mce-toolbar-grp, + .quicktags-toolbar { + padding-left: 46px; + } +} + +@media screen and ( min-width: 782px ) { + .wp-core-ui .quicktags-toolbar input.button.button-small { + /* .button-small is normaly 11px, but a bit too small for these buttons. */ + font-size: 12px; + height: 26px; + line-height: 24px; + } +} + #wp_editbtns, #wp_gallerybtns { padding: 2px; position: absolute; display: none; - z-index: 155000; + z-index: 100020; } #wp_editimgbtn, @@ -1374,10 +978,100 @@ 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; + height: 250px; + overflow: hidden; + margin-right: -250px; + margin-top: -125px; + position: fixed; + top: 50%; + right: 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; + right: 0; + left: 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.search-panel-visible { + height: 500px; + margin-top: -250px; +} + +#link-modal-title { + background: #fcfcfc; + border-bottom: 1px solid #dfdfdf; + height: 36px; + font-size: 18px; + font-weight: 600; + line-height: 36px; + padding: 0 16px 0 36px; + top: 0; + left: 0; + right: 0; +} + +#wp-link-close { + color: #666; + cursor: pointer; + padding: 0; + position: absolute; + top: 0; + left: 0; + width: 36px; + height: 36px; + text-align: center; +} + +#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: #2ea2cc; +} + +#link-selector { + padding: 0 16px 50px; +} + +#wp-link-wrap.search-panel-visible #link-selector { + padding: 0 16px; + position: absolute; + top: 36px; + right: 0; + left: 0; + bottom: 44px; } #wp-link ol, @@ -1387,50 +1081,40 @@ span.mce_ltr:before { padding: 0; } -#wp-link input[type="text"] { - -webkit-box-sizing: border-box; +#wp-link-search-toggle::after { + font: normal 20px/1 'dashicons'; + vertical-align: top; + speak: none; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + content: '\f140'; } -#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; +.search-panel-visible #wp-link-search-toggle::after { + content: '\f142'; +} + +#wp-link input[type="text"] { + -webkit-box-sizing: border-box; + -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; +#wp-link-search-toggle { cursor: pointer; - padding-right: 18px; -} - -#wp-link .toggle-arrow { - background: transparent url("../images/toggle-arrow.png") top right no-repeat; - height: 23px; - line-height: 23px; -} - -#wp-link .toggle-arrow-active { - background-position: center right; } #wp-link label input[type="text"] { - width: 360px; margin-top: 5px; + width: 70%; } #wp-link #link-options label span, @@ -1439,15 +1123,17 @@ span.mce_ltr:before { width: 80px; text-align: left; padding-left: 5px; + max-width: 24%; } #wp-link .link-search-field { float: right; - width: 220px; + width: 250px; + max-width: 70%; } #wp-link .link-search-wrapper { - margin: 5px 6px 9px; + margin: 5px 0 9px; display: block; overflow: hidden; } @@ -1463,19 +1149,26 @@ span.mce_ltr:before { } #wp-link .link-target { - width: auto; padding: 3px 0 0; - margin: 0 87px 0 0; - 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; background: #fff; - height: 185px; overflow: auto; - position: relative; + position: absolute; + right: 16px; + left: 16px; + bottom: 16px; + top: 205px; } #wp-link li, @@ -1513,372 +1206,147 @@ span.mce_ltr:before { font-weight: bold; } -#wp-link .item-title { - display: inline-block; - width: 80%; -} - -#wp-link .item-info { - text-transform: uppercase; - color: #666; - font-size: 11px; - position: absolute; - left: 5px; - top: 4px; - bottom: 0; -} - -#wp-link #search-results { - display: none; -} - -#wp-link #search-panel { - float: right; - width: 100%; -} - -#wp-link .river-waiting { - display: none; - 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; +#wp-link li:last-child { + border: none; } -#wp-link-cancel { - line-height: 25px; - float: right; -} - -#wp-link-update { - line-height: 23px; - float: left; -} - -/*! - * 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; - right: 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; - right: 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; - right: 0; -} -.ui-resizable-s { - cursor: s-resize; - height: 7px; - width: 100%; - bottom: -5px; - right: 0; -} -.ui-resizable-e { - cursor: w-resize; - width: 7px; - left: -5px; - top: 0; - height: 100%; -} -.ui-resizable-w { - cursor: e-resize; - width: 7px; - right: -5px; - top: 0; - height: 100%; -} -.ui-resizable-se { - cursor: sw-resize; - width: 12px; - height: 12px; - left: 1px; - bottom: 1px; -} -.ui-resizable-sw { - cursor: se-resize; - width: 9px; - height: 9px; - right: -5px; - bottom: -5px; -} -.ui-resizable-nw { - cursor: ne-resize; - width: 9px; - height: 9px; - right: -5px; - top: -5px; -} -.ui-resizable-ne { - cursor: nw-resize; - width: 9px; - height: 9px; - left: -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: right; - margin: .1em 0; - white-space: nowrap; - width: 90%; - overflow: hidden; - text-overflow: ellipsis; -} -.ui-dialog .ui-dialog-titlebar-close { - position: absolute; - left: .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: right; - border-width: 1px 0 0 0; - background-image: none; - margin-top: .5em; - padding: .3em .4em .5em 1em; -} -.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset { - float: left; +#wp-link .item-title { + display: inline-block; + width: 80%; + width: -webkit-calc(100% - 68px); + width: calc(100% - 68px); } -.ui-dialog .ui-dialog-buttonpane button { - margin: .5em 0 .5em .4em; - cursor: pointer; + +#wp-link .item-info { + text-transform: uppercase; + color: #666; + font-size: 11px; + position: absolute; + left: 5px; + top: 5px; } -.ui-dialog .ui-resizable-se { - width: 12px; - height: 12px; - left: -5px; - bottom: -5px; - background-position: 16px 16px; + +#wp-link #search-results, +#wp-link #search-panel { + display: none; } -.ui-draggable .ui-dialog-titlebar { - cursor: move; + +#wp-link-wrap.search-panel-visible #search-panel { + display: block; } -/* 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-link .river-waiting { + display: none; + padding: 10px 0; } -.wp-dialog .ui-dialog-title { +#wp-link .river-waiting .spinner { + margin: 0 auto; display: block; - text-align: center; - padding: 0; + float: none; } -.wp-dialog .ui-dialog-titlebar { - padding: 0 1em; - background-color: #444; - font-size: 13px; - line-height: 24px; - color: #fff; +#wp-link .submitbox { + padding: 8px 16px; + background: #fcfcfc; + border-top: 1px solid #dfdfdf; + position: absolute; + bottom: 0; + right: 0; + left: 0; } -.wp-dialog .ui-dialog-content { - padding: 0; +#wp-link-cancel { + line-height: 25px; } -.wp-dialog .ui-dialog-titlebar-close { - cursor: pointer; - -webkit-appearance: none; - border: 0; - width: 30px; - height: 20px; - top: 13px; - left: 6px; - background: none; +#wp-link-update { + line-height: 23px; + float: left; } -.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-right: 12px; +#wp-link-submit { + float: left; + margin-bottom: 0; } -.wp-dialog .ui-dialog-titlebar-close:hover:before { - color: #2ea2cc; +@media screen and ( max-width: 782px ) { + #wp-link-wrap { + height: 280px; + margin-top: -140px; + } + + #wp-link-wrap.search-panel-visible .query-results { + top: 235px; + } + + #link-selector { + padding: 0 16px 60px; + } + + #wp-link-wrap.search-panel-visible #link-selector { + bottom: 52px; + } + + #wp-link-cancel { + line-height: 32px; + } } -.wp-dialog .ui-dialog-titlebar-close .ui-button-text { - display: none; +@media screen and ( max-width: 520px ) { + #wp-link-wrap { + width: auto; + margin-right: 0; + right: 10px; + left: 10px; + max-width: 500px; + } } -.wp-dialog .ui-dialog-titlebar-close:hover, -.wp-dialog .ui-dialog-titlebar-close:focus { - background-position: -87px -32px; +@media screen and ( max-height: 520px ) { + #wp-link-wrap { + -webkit-transition: none; + transition: none; + } + + #wp-link-wrap.search-panel-visible { + height: auto; + margin-top: 0; + top: 10px; + bottom: 10px; + } + + .search-panel-visible #link-selector { + overflow: auto; + } + + .search-panel-visible #search-panel .query-results { + position: static; + } } -.ui-widget-overlay { - z-index: 300001; - background-color: #000; - opacity: 0.6; - filter: alpha(opacity=60); +@media screen and ( max-height: 290px ) { + #wp-link-wrap { + height: auto; + margin-top: 0; + top: 10px; + bottom: 10px; + } + + #link-selector { + overflow: auto; + height: -webkit-calc(100% - 92px); + height: calc(100% - 92px); + padding-bottom: 2px; + } + + #search-panel .query-results { + position: static; + } } -/* TinyMCE modal */ +/* Old TinyMCE 3.x modal */ +/* .clearlooks2 .mceTop { border-bottom: 1px solid #ccc; } @@ -1944,25 +1412,54 @@ span.mce_ltr:before { -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; color: #999; - padding-right: 12px; + padding-left: 12px; +} + +/* from colors.css +.clearlooks2 { + box-shadow: 0 5px 15px rgba(0,0,0,0.7); +} + +.clearlooks2 .mceMiddle span, +.clearlooks2 .mceMiddle .mceLeft, +.clearlooks2 .mceMiddle .mceRight, +.clearlooks2 .mceBottom, +.clearlooks2 .mceBottom .mceLeft, +.clearlooks2 .mceBottom .mceCenter, +.clearlooks2 .mceBottom .mceRight { + background-color: #fcfcfc; +} + +.clearlooks2 .mceTop span, +.clearlooks2 .mceFocus .mceTop span { + color: #222; +} + +.clearlooks2 .mceClose:before { + color: #999; } +.clearlooks2 .mceClose:hover:before { + color: #2ea2cc; +} +*/ /* Distraction Free Writing mode * =Overlay Styles -------------------------------------------------------------- */ .fullscreen-overlay { - z-index: 149999; + z-index: 100005; display: none; position: fixed; top: 0; bottom: 0; right: 0; left: 0; + -webkit-filter: inherit; filter: inherit; } -.fullscreen-active .fullscreen-overlay, -.fullscreen-active #wp-fullscreen-body { +.wp-fullscreen-active .fullscreen-overlay, +.wp-fullscreen-active #wp-fullscreen-body { display: block; } @@ -1970,123 +1467,153 @@ span.mce_ltr:before { z-index: 200000; } -.fullscreen-active .fullscreen-fader { +.wp-fullscreen-active .fullscreen-fader, +.wp-core-ui.wp-fullscreen-active .postbox-container { display: none; } /* =Overlay Body -------------------------------------------------------------- */ + +#wp-fullscreen-body, +.mce-fullscreen { + z-index: 100010; +} + #wp-fullscreen-body { - width: 100%; - z-index: 150005; display: none; +} + +.wp-fullscreen-wrap { + margin: 0; + padding: 0; position: absolute; - top: 0; right: 0; - font-size: 12px; + left: 0; + bottom: 30px; + top: 60px; + z-index: 100015; } -#wp-fullscreen-wrap { - margin: 0 auto 50px; - position: relative; - padding-top: 60px; +.wp-fullscreen-wrap .wp-editor-container, +.wp-fullscreen-title, +#wp-fullscreen-central-toolbar { + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; + max-width: 100%; } -#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; +.wp-fullscreen-active .wp-editor-tools, +.wp-fullscreen-active .quicktags-toolbar, +.wp-fullscreen-active .mce-toolbar-grp, +.wp-fullscreen-active .mce-statusbar { + display: none; } -#wp-fullscreen-container { - padding: 4px 10px 50px; +#wp-fullscreen-statusbar { + position: fixed; + right: 0; + left: 0; + bottom: 0; + height: 30px; + z-index: 100020; + background: #fff; + -webkit-transition: height 0.2s; + transition: height 0.2s; +} + +#wp-fullscreen-status { + margin: 0 auto; + padding: 0; } -#wp-fullscreen-title, -#wp-fullscreen-container { +.wp-fullscreen-active .wp-fullscreen-title, +.wp-fullscreen-active .wp-fullscreen-title:focus, +.wp-fullscreen-active .wp-editor-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; -} - -#wp_mce_fullscreen { - width: 100%; - min-height: 300px; - border: 0; - background: transparent; - font-family: Consolas, Monaco, monospace; - line-height: 1.6em; - padding: 0; - overflow-y: hidden; - outline: none; - resize: none; -webkit-box-shadow: none; box-shadow: none; + -webkit-transition: border-color 0.4s; + transition: border-color 0.4s; +} + +.wp-fullscreen-active .wp-editor-container { + margin: 0 auto 40px; +} + +.wp-fullscreen-active .wp-fullscreen-title { + font-size: 1.7em; + line-height: 100%; + outline: medium none; + padding: 3px 7px; + margin: 10px auto 30px; + display: block; } #wp-fullscreen-tagline { - color: #BBBBBB; + color: #888; font-size: 18px; float: left; - padding-top: 5px; + padding: 4px 0 0; } /* =Top bar -------------------------------------------------------------- */ #fullscreen-topbar { background: #f5f5f5; - border-bottom: 1px solid #fff; - height: 40px; - right: 0; - min-width: 800px; + border-bottom: 1px solid #dedede; + height: 45px; position: fixed; + right: 0; + left: 0; top: 0; width: 100%; - z-index: 150050; + z-index: 100020; + -webkit-transition: opacity 0.4s; + transition: opacity 0.4s; } #wp-fullscreen-toolbar { padding: 6px 10px 0; 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 { +#wp-fullscreen-close { float: right; } +#wp-fullscreen-count, +#wp-fullscreen-tagline { + display: inline-block; +} + +#wp-fullscreen-button-bar { + margin-top: 2px; +} + #wp-fullscreen-save { float: left; - padding: 2px 5px 0 2px; + padding: 2px 0 0; + min-width: 95px; } #wp-fullscreen-count, #wp-fullscreen-close { - padding-top: 5px; + padding: 5px 0 0; } #wp-fullscreen-central-toolbar { margin: auto; padding: 0; + min-width: 620px; } #wp-fullscreen-buttons > div { @@ -2094,60 +1621,7 @@ span.mce_ltr:before { } #wp-fullscreen-mode-bar { - padding: 1px 0 0 14px; -} - -#wp-fullscreen-modes a { - display: block; - font-size: 11px; - text-decoration: none; - float: right; - margin: 1px 0 0 0; - padding: 2px 6px 2px; - border-width: 1px 0 1px 1px; - border-style: solid; - border-color: #bbb; - color: #777; - text-shadow: 0 1px 0 #fff; - background-color: #f4f4f4; - background: #f4f4f4; - background-image: -webkit-gradient(linear, right bottom, right 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, right top, right 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-right-radius: 3px; - -webkit-border-bottom-right-radius: 3px; - border-top-right-radius: 3px; - border-bottom-right-radius: 3px; -} - -#wp-fullscreen-modes a:last-child { - -webkit-border-top-left-radius: 3px; - -webkit-border-bottom-left-radius: 3px; - border-top-left-radius: 3px; - border-bottom-left-radius: 3px; -} - -#wp-fullscreen-buttons .active a { - background: inherit; + padding: 3px 0 0 14px; } #wp-fullscreen-buttons .hidden { @@ -2158,6 +1632,24 @@ span.mce_ltr:before { opacity: 0.5; } +#wp-fullscreen-buttons .mce-btn button { + margin: 0; + outline: 0 none; + border: 0 none; + white-space: nowrap; + width: auto; + background: none; + color: #333333; + cursor: pointer; + font-size: 18px; + line-height: 20px; + overflow: visible; + text-align: center; + -webkit-box-sizing: border-box; + -moz-box-sizing: border-box; + box-sizing: border-box; +} + .wp-html-mode #wp-fullscreen-buttons div { display: none; } @@ -2166,93 +1658,98 @@ span.mce_ltr:before { display: block; } -#fullscreen-topbar.fullscreen-make-sticky { - display: block !important; -} - #wp-fullscreen-save img { vertical-align: middle; } -#wp-fullscreen-save img, #wp-fullscreen-save span { - padding-left: 4px; display: none; + margin: 5px 6px 0; + float: right; } /* =Thickbox Adjustments -------------------------------------------------------------- */ -.fullscreen-active #TB_overlay { - z-index: 150100; +.wp-fullscreen-active #TB_overlay { + z-index: 100050; +} + +.wp-fullscreen-active #TB_window { + z-index: 100051; } -.fullscreen-active #TB_window { - z-index: 150102; +/* Colors */ +.fullscreen-overlay { + background: #fff; } -/* =TinyMCE Adjustments +/* =CSS 3 transitions -------------------------------------------------------------- */ -#wp_mce_fullscreen_ifr { - background: transparent; + +.wp-fullscreen-active #fullscreen-topbar { + -webkit-transition-duration: 0.8s; + transition-duration: 0.8s; + opacity: 0; + filter: alpha(opacity=0); } -#wp_mce_fullscreen_parent #wp_mce_fullscreen_tbl tr.mceFirst { - display : none; +.wp-fullscreen-active #wp-fullscreen-statusbar { + height: 0; } -#wp-fullscreen-container .wp_themeSkin table td { - vertical-align: top; +.wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar { + -webkit-transition-duration: 0.4s; + transition-duration: 0.4s; + opacity: 1; + filter: alpha(opacity=100); } -/* Colors */ -.fullscreen-overlay { - background: #fff; +.wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar { + height: 29px; + background: #f8f8f8; + border-top: 1px solid #eee; } -.wp-fullscreen-focus #wp-fullscreen-title, -.wp-fullscreen-focus #wp-fullscreen-container { - border-color: #ccc; +.wp-fullscreen-active .wp-fullscreen-title, +.wp-fullscreen-active .wp-editor-container { + -webkit-transition-duration: 0.8s; + transition-duration: 0.8s; + border-color: transparent; } -/* =CSS 3 transitions --------------------------------------------------------------- */ +.wp-fullscreen-active.wp-dfw-show-ui .wp-fullscreen-title, +.wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container { + -webkit-transition-duration: 0.4s; + transition-duration: 0.4s; + border-color: #ccc; +} .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; } @@ -2260,27 +1757,119 @@ span.mce_ltr:before { opacity: 1; } +/* DFW on touch screen devices */ +.wp-dfw-touch #fullscreen-topbar { + position: absolute; + opacity: 1; +} + +.wp-dfw-touch .wp-fullscreen-wrap .wp-editor-container, +.wp-dfw-touch .wp-fullscreen-title { + max-width: 700px; +} + +.wp-fullscreen-active.wp-dfw-touch .wp-fullscreen-title, +.wp-fullscreen-active.wp-dfw-touch .wp-editor-container { + border-color: #ccc; +} + +.wp-dfw-touch #wp-fullscreen-statusbar { + height: 30px; +} + +@media screen and ( max-width: 782px ) { + #wp-fullscreen-close, + #wp-fullscreen-central-toolbar, + #wp-fullscreen-mode-bar, + #wp-fullscreen-button-bar, + #wp-fullscreen-save { + display: inline-block; + } + + #fullscreen-topbar { + height: 85px; + } + + #wp-fullscreen-central-toolbar { + width: auto !important; + min-width: 0; + } + + #wp-fullscreen-close { + line-height: 30px; + vertical-align: top; + padding: 0 12px; + } + + #wp-fullscreen-button-bar { + position: absolute; + top: 45px; + right: 0; + } + + .wp-fullscreen-wrap { + top: 95px; + } + + #wp-fullscreen-save { + position: absolute; + left: 10px; + } +} + +@media screen and ( max-width: 480px ) { + #wp_fs_help { + display: none; + } + + .wp-fullscreen-wrap .wp-editor-container, + .wp-fullscreen-title { + width: 480px !important; + } + + body.wp-fullscreen-active { + width: 480px; + overflow: auto; + } + + #fullscreen-topbar, + .wp-fullscreen-wrap { + width: 480px; + } + + #fullscreen-topbar { + position: absolute; + } + + #wp-fullscreen-status { + width: auto !important; + max-width: 100%; + padding: 0 10px; + } +} + /* =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 { +.rtl .quicktags-toolbar input { font-family: Tahoma, sans-serif; } -html:lang(he-il) .rtl .wp_themeSkin .mceColorSplitMenu a.mceMoreColors, -html:lang(he-il) .rtl .wp_themeSkin .mceMenu .mceText, +/* @noflip */ +.mce-rtl .mce-flow-layout .mce-flow-layout-item > div { + direction: rtl; +} + +/* @noflip */ +.mce-rtl .mce-listbox i.mce-caret { + left: 6px; +} + 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), @@ -2290,25 +1879,6 @@ html:lang(he-il) .rtl .wp_themeSkin .mceColorSplitMenu a.mceMoreColors { #wp-fullscreen-buttons #wp_fs_image span.mce_image { 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 right no-repeat; - background-size: 19px 69px; - } } + +/* TODO: DFW responsive */