/*------------------------------------------------------------------------------ TinyMCE and Quicklinks toolbars ------------------------------------------------------------------------------*/ /* TinyMCE widgets/containers */ .mce-container, .mce-widget { color: inherit; font-family: inherit; } /* TinyMCE windows */ #mce-modal-block.mce-in { opacity: 0.7; filter: alpha(opacity=70); } .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; } .mce-window .mce-container-body.mce-abs-layout { overflow: visible; } .mce-window .mce-window-head { background: #fcfcfc; border-bottom: 1px solid #dfdfdf; padding: 0; min-height: 36px; } .mce-window .mce-window-head .mce-title { color: #444; font-family: 'Open Sans', sans-serif; font-size: 18px; font-weight: 600; line-height: 36px; margin: 0; padding: 0 36px 0 16px; } .mce-window .mce-window-head .mce-close { color: transparent; top: 0; right: 0; width: 36px; height: 36px; line-height: 36px; text-align: center; } .mce-window .mce-window-head .mce-close:before { font: normal 20px/36px 'dashicons'; text-align: center; color: #666; width: 36px; height: 36px; display: block; } .mce-window .mce-window-head .mce-close:hover:before { color: #2ea2cc; } .mce-window .mce-window-head .mce-dragh { width: -webkit-calc( 100% - 36px ); width: calc( 100% - 36px ); } .mce-textbox { 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: none; transition: none; } .mce-textbox:focus, .mce-textbox.mce-focus { border-color: #999; -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.1); box-shadow: 0 1px 2px rgba(0,0,0,0.1); } /* 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 ); } .mce-floatpanel.mce-popover.mce-bottom { margin-top: 2px; } .mce-floatpanel .mce-arrow { display: none; } .mce-menu .mce-container-body { min-width: 160px; } .mce-menu-item { border: none; margin-bottom: 2px; } .mce-menu-has-icons i.mce-ico { line-height: 16px; } /* TinyMCE panel */ div.mce-panel { border: 0; background: #fff; -webkit-filter: none; filter: none; } .mce-panel.mce-menu { border: 1px solid #ddd; } /* TinyMCE toolbars */ div.mce-toolbar-grp { border-bottom: 1px solid #dedede; background: #f5f5f5; } .mce-toolbar { padding: 1px 3px; } div.mce-statusbar { border-top: 1px solid #eee; } .mce-path { padding: 0 8px 1px; } .mce-path-item { line-height: 1; } .mce-toolbar .mce-btn { border-color: transparent; background: transparent; -webkit-box-shadow: none; box-shadow: none; text-shadow: none; } #wp-fullscreen-buttons .mce-btn, .mce-toolbar .mce-btn-group .mce-btn { border: 1px solid transparent; margin: 0 1px; -webkit-border-radius: 2px; border-radius: 2px; -webkit-filter: none; filter: none; } #wp-fullscreen-buttons .mce-btn:hover, .mce-toolbar .mce-btn-group .mce-btn:hover, .mce-toolbar .mce-btn-group .mce-btn.mce-active { -webkit-box-shadow: 0 0 transparent; box-shadow: 0 0 transparent; 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: linear-gradient(to top, #e5e5e5, #fff); } .mce-toolbar .mce-btn-group .mce-disabled.mce-btn:hover { border-color: transparent; background: transparent; } .mce-toolbar .mce-btn-group .mce-first, .mce-toolbar .mce-btn-group .mce-last { border-color: transparent; } .mce-toolbar .mce-btn button { padding: 2px 3px; line-height: normal; } .mce-toolbar .mce-btn i { text-shadow: none; } .mce-toolbar .mce-btn:focus { outline: 1px solid #888; } .mce-toolbar .mce-btn-group > div { white-space: normal; } .mce-toolbar .mce-colorbutton .mce-open { border-right: 0; } .mce-toolbar .mce-colorbutton .mce-preview { margin-left: -17px; padding: 0; width: 18px; } /* 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); } .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover { background-image: none; border-color: #bbb; } .mce-panel .mce-btn i.mce-caret { border-top: 6px solid #777; } .mce-panel .mce-btn:hover i.mce-caret { border-top-color: #333; } .mce-panel .mce-active i.mce-caret { border-top: 0; border-bottom: 6px solid #333; margin-top: 7px; } .mce-listbox.mce-active i.mce-caret { margin-top: -3px; } .mce-toolbar .mce-splitbtn:hover .mce-open { border-right-color: transparent; } .mce-toolbar .mce-splitbtn .mce-open.mce-active{ -webkit-box-shadow: none; box-shadow: none; } .mce-menu .mce-menu-item-normal.mce-active { background-color: #e5e5e5; -webkit-filter: none; filter: none; } .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; } .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; } /* Menubar */ .mce-menubar { border-color: #e5e5e5; } .mce-menubar .mce-btn:focus { outline: 0; } div.mce-menu .mce-menu-item-sep, .mce-menu-item-sep:hover { margin: 5px 0 4px; } .mce-menubtn span { margin-right: 0; padding-left: 3px; } .mce-menu-has-icons i.mce-ico:before { margin-left: -2px; } /* Buttons in modals */ .mce-primary button, .mce-primary button i { text-align: center; color: #fff; text-shadow: none; padding: 0; line-height: 26px; } .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 #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; } /* 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; } .mce-window .mce-btn:hover { background: #fafafa; border-color: #999; color: #222; } .mce-window .mce-btn:focus { -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2); box-shadow: 1px 1px 1px rgba(0,0,0,.2); } .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 ); } .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; } .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; } .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; } .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); } .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); } .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); } @media screen and ( max-width: 782px ) { .mce-toolbar .mce-btn button { padding: 5px 6px; } #wp-fullscreen-buttons .mce-btn, .mce-toolbar .mce-btn-group .mce-btn { margin: 0 3px; } .mce-toolbar .mce-colorbutton .mce-preview { margin-left: -20px; } .mce-window .mce-btn { padding: 2px 0; } } /* Charmap modal */ .mce-charmap { margin: 3px; } .mce-charmap td { padding: 0; border-color: #dfdfdf; cursor: pointer; } .mce-charmap td:hover { background: #f3f3f3; } .mce-charmap td div { width: 18px; height: 22px; line-height: 22px; } /* TinyMCE tooltips */ .mce-tooltip { margin-top: 2px; } .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; } /* TinyMCE icons */ .mce-toolbar .mce-ico { color: #777; line-height: 20px; width: 20px; height: 20px; text-align: center; text-shadow: none; margin: 0; padding: 0; } .mce-toolbar .mce-btn:hover .mce-ico, .mce-toolbar .mce-btn.mce-active .mce-ico, .mce-toolbar .mce-btn:hover .mce-caret, .mce-toolbar .mce-btn.mce-active .mce-caret { color: #333; } .mce-toolbar .mce-btn.mce-active .mce-open { border-left-color: #bdbdbd; } .mce-toolbar .mce-btn .mce-open { line-height: 20px; } 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, .mce-close { 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; } i.mce-i-bold:before { content: '\f200'; } i.mce-i-italic:before { content: '\f201'; } i.mce-i-bullist:before { content: '\f203'; } i.mce-i-numlist:before { content: '\f204'; } i.mce-i-blockquote:before { content: '\f205'; } i.mce-i-alignleft:before { content: '\f206'; } i.mce-i-aligncenter:before { content: '\f207'; } i.mce-i-alignright:before { content: '\f208'; } i.mce-i-link:before { content: '\f103'; } i.mce-i-unlink:before { content: '\f225'; } i.mce-i-wp_more:before { content: '\f209'; } i.mce-i-strikethrough:before { content: '\f224'; } i.mce-i-spellchecker:before { content: '\f210'; } i.mce-i-fullscreen:before, i.mce-i-wp_fullscreen:before { content: '\f211'; } i.mce-i-wp_adv:before { content: '\f212'; } i.mce-i-underline:before { content: '\f213'; } i.mce-i-alignjustify:before { content: '\f214'; } i.mce-i-forecolor:before { content: '\f215'; } i.mce-i-pastetext:before { content: '\f217'; } i.mce-i-removeformat:before { content: '\f218'; } i.mce-i-charmap:before { content: '\f220'; } i.mce-i-outdent:before { content: '\f221'; } i.mce-i-indent:before { content: '\f222'; } i.mce-i-undo:before { content: '\f171'; } i.mce-i-redo:before { content: '\f172'; } i.mce-i-help:before, i.mce-i-wp_help:before { content: '\f223'; } i.mce-i-wp-media-library:before { content: '\f104'; } i.mce-i-ltr:before { content: '\f320'; } i.mce-i-wp_page:before { content: '\f105'; } .mce-close:before { content: '\f158'; } .mce-i-wp_code:before { content: "\e017"; } /* Editors */ .wp-editor-wrap { position: relative; } .wp-editor-tools { position: relative; z-index: 1; } .wp-editor-container { clear: both; } .wp-editor-area { font-family: Consolas, Monaco, monospace; font-size: 13px; padding: 10px; margin: 1px 0 0; line-height: 150%; border: 0 none; outline: none; display: block; resize: vertical; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .wp-editor-tools { padding: 0; } .wp-editor-container textarea.wp-editor-area { width: 100%; margin: 0; -webkit-box-shadow: none; box-shadow: none; } .quicktags-toolbar { border-bottom: 1px solid #dedede; background: #f5f5f5; } .wp-editor-tabs { float: right; } .wp-switch-editor { background: #ebebeb; border: 1px solid #dedede; color: #777; cursor: pointer; float: right; font: 13px/19px "Open Sans", sans-serif; height: 19px; margin: 5px 0 0 5px; padding: 3px 8px 4px; position: relative; top: 1px; } .wp-switch-editor:active { background-color: #f1f1f1; } .wp-switch-editor:hover { text-decoration: none !important; background: #fff; } .js .tmce-active .wp-editor-area { color: white; } .tmce-active .quicktags-toolbar { display: none; } .tmce-active .switch-tmce, .html-active .switch-html { background: #f5f5f5; color: #555; height: 20px; border-bottom: none; } .wp-media-buttons { float: left; } .wp-media-buttons .button { margin-right: 5px; margin-bottom: 4px; padding-left: 7px; padding-right: 7px; } .wp-media-buttons .button:active { position: relative; top: 1px; margin-top: -1px; margin-bottom: 1px; } .wp-media-buttons .insert-media { padding-left: 5px; } .wp-media-buttons a { text-decoration: none; color: #464646; font-size: 12px; } .wp-media-buttons img { padding: 0 4px; vertical-align: middle; } .wp-media-buttons span.wp-media-buttons-icon { display: inline-block; width: 18px; height: 18px; vertical-align: text-top; margin: 0 2px; } .wp-media-buttons .add_media span.wp-media-buttons-icon { background: none; } .wp-media-buttons .add_media span.wp-media-buttons-icon:before { 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'; } /* Quicktags */ .quicktags-toolbar { border-bottom-style: solid; border-bottom-width: 1px; padding: 2px 8px 0; min-height: 29px; } .quicktags-toolbar > div { padding: 2px 4px 0; } .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: linear-gradient(to top, #e3e3e3, #fff); } .quicktags-toolbar input:hover { border-color: #aaa; background: #ddd; } .quicktags-toolbar input:focus { border-color: #777; outline: 0; } .quicktags-toolbar input:active { border-color: #aaa; } .quicktags-toolbar input[value="link"] { text-decoration: underline; } .quicktags-toolbar input[value="del"] { text-decoration: line-through; } .quicktags-toolbar input[value="i"] { font-style: italic; } .quicktags-toolbar input[value="b"] { font-weight: bold; } #wp_editbtns, #wp_gallerybtns { padding: 2px; position: absolute; display: none; z-index: 100020; } #wp_editimgbtn, #wp_delimgbtn, #wp_editgallery, #wp_delgallery { border-color: #999; background-color: #eee; margin: 2px; padding: 2px; border-width: 1px; border-style: solid; -webkit-border-radius: 3px; border-radius: 3px; } #wp_editimgbtn:hover, #wp_delimgbtn:hover, #wp_editgallery:hover, #wp_delgallery:hover { border-color: #555; background-color: #ccc; } /*------------------------------------------------------------------------------ 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-left: -250px; margin-top: -125px; position: fixed; top: 50%; left: 50%; z-index: 100105; 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 { 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 36px 0 16px; top: 0; right: 0; left: 0; } #wp-link-close { color: #666; cursor: pointer; padding: 0; position: absolute; top: 0; right: 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; left: 0; right: 0; bottom: 44px; } #wp-link ol, #wp-link ul { list-style: none; margin: 0; padding: 0; } #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'; } .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: 8px 0 12px; } #wp-link p.howto { margin: 3px 0; } #wp-link-search-toggle { cursor: pointer; } #wp-link label input[type="text"] { margin-top: 5px; width: 70%; } #wp-link #link-options label span, #wp-link #search-panel label span.search-label { display: inline-block; width: 80px; text-align: right; padding-right: 5px; max-width: 24%; } #wp-link .link-search-field { float: left; width: 250px; max-width: 70%; } #wp-link .link-search-wrapper { margin: 5px 0 9px; display: block; overflow: hidden; } #wp-link .link-search-wrapper span { float: left; margin-top: 4px; } #wp-link .link-search-wrapper .spinner { display: none; vertical-align: text-bottom; } #wp-link .link-target { padding: 3px 0 0; 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; background: #fff; overflow: auto; position: absolute; left: 16px; right: 16px; bottom: 16px; top: 205px; } #wp-link li, #wp-link .query-notice { clear: both; margin-bottom: 0; border-bottom: 1px solid #f1f1f1; color: #333; padding: 4px 6px; cursor: pointer; position: relative; } #wp-link li:hover { background: #eaf2fa; color: #151515; } #wp-link li.unselectable { border-bottom: 1px solid #dfdfdf; } #wp-link li.unselectable:hover { background: #fff; cursor: auto; color: #333; } #wp-link li.selected { background: #ddd; color: #333; } #wp-link li.selected .item-title { font-weight: bold; } #wp-link li:last-child { border: none; } #wp-link .item-title { display: inline-block; width: 80%; width: calc(100% - 68px); } #wp-link .item-info { text-transform: uppercase; color: #666; font-size: 11px; position: absolute; right: 5px; top: 5px; } #wp-link #search-results, #wp-link #search-panel { display: none; } #wp-link-wrap.search-panel-visible #search-panel { display: block; } #wp-link .river-waiting { display: none; padding: 10px 0; } #wp-link .river-waiting .spinner { margin: 0 auto; display: block; } #wp-link .submitbox { padding: 8px 16px; background: #fcfcfc; border-top: 1px solid #dfdfdf; position: absolute; bottom: 0; left: 0; right: 0; } #wp-link-cancel { line-height: 25px; } #wp-link-update { line-height: 23px; float: right; } #wp-link-submit { float: right; margin-bottom: 0; } @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; } } @media screen and ( max-width: 520px ) { #wp-link-wrap { width: auto; margin-left: 0; left: 10px; right: 10px; max-width: 500px; } } @media screen and ( max-height: 520px ) { #wp-link-wrap { 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; } } @media screen and ( max-height: 290px ) { #wp-link-wrap { height: auto; margin-top: 0; top: 10px; bottom: 10px; } #link-selector { overflow: auto; height: calc(100% - 92px); padding-bottom: 2px; } #search-panel .query-results { position: static; } } /* Old TinyMCE 3.x modal */ /* .clearlooks2 .mceTop { border-bottom: 1px solid #ccc; } .clearlooks2 .mceTop span { font: 13px/24px "Open Sans", sans-serif; color: #e5e5e5; } .clearlooks2 .mceTop .mceLeft { background: #444444; border-color: transparent; } .clearlooks2 .mceTop .mceRight { background: #444444; border-color: transparent; } .clearlooks2 .mceMiddle { clip: rect(24px auto auto auto); } .clearlooks2 .mceMiddle .mceLeft { background: #f1f1f1; border-color: transparent; } .clearlooks2 .mceMiddle .mceRight { background: #f1f1f1; border-color: transparent; } .clearlooks2 .mceBottom { background: #f1f1f1; border-color: transparent; } .clearlooks2 .mceBottom .mceLeft { background: #f1f1f1; border-color: transparent; } .clearlooks2 .mceBottom .mceCenter { background: #f1f1f1; border-color: transparent; } .clearlooks2 .mceBottom .mceRight { background: #f1f1f1; border-color: transparent; } .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; } /* 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: 100005; display: none; position: fixed; top: 0; bottom: 0; left: 0; right: 0; -webkit-filter: inherit; filter: inherit; } .wp-fullscreen-active .fullscreen-overlay, .wp-fullscreen-active #wp-fullscreen-body { display: block; } .fullscreen-fader { z-index: 200000; } .wp-fullscreen-active .fullscreen-fader { display: none; } /* =Overlay Body -------------------------------------------------------------- */ #wp-fullscreen-body { z-index: 100010; display: none; } .wp-fullscreen-wrap { margin: 0; padding: 0; position: absolute; left: 0; right: 0; bottom: 30px; top: 60px; z-index: 100015; } .wp-fullscreen-wrap .wp-editor-container, #wp-fullscreen-central-toolbar { max-width: 100%; } .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-status { margin: auto; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } .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; -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: auto; } .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: #bbb; font-size: 18px; float: right; padding-top: 5px; } /* =Top bar -------------------------------------------------------------- */ #fullscreen-topbar { background: #f5f5f5; border-bottom: 1px solid #fff; height: 45px; position: fixed; left: 0; right: 0; top: 0; width: 100%; z-index: 100020; -webkit-transition: opacity 0.4s; transition: opacity 0.4s; } #wp-fullscreen-toolbar { padding: 6px 10px 0; clear: both; max-width: 1100px; margin: 0 auto; } #wp-fullscreen-mode-bar, #wp-fullscreen-button-bar, #wp-fullscreen-close, #wp-fullscreen-count { float: left; } #wp-fullscreen-button-bar { margin-top: 2px; } #wp-fullscreen-save { float: right; padding: 2px 2px 0 5px; } #wp-fullscreen-count, #wp-fullscreen-close { padding-top: 6px; } #wp-fullscreen-central-toolbar { margin: auto; padding: 0; } #wp-fullscreen-buttons > div { float: left; } #wp-fullscreen-mode-bar { padding: 3px 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: 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: linear-gradient(to bottom, #e4e4e4, #f9f9f9); } #wp-fullscreen-modes a:first-child { border-width: 1px; -webkit-border-top-left-radius: 3px; border-top-left-radius: 3px; -webkit-border-bottom-left-radius: 3px; border-bottom-left-radius: 3px; } #wp-fullscreen-modes a:last-child { -webkit-border-top-right-radius: 3px; border-top-right-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-bottom-right-radius: 3px; } #wp-fullscreen-buttons .hidden { display: none; } #wp-fullscreen-buttons .disabled { 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; } .wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both { display: block; } #wp-fullscreen-save img { vertical-align: middle; } #wp-fullscreen-save img, #wp-fullscreen-save span { padding-right: 4px; line-height: 26px; display: none; } /* =Thickbox Adjustments -------------------------------------------------------------- */ .wp-fullscreen-active #TB_overlay { z-index: 100050; } .wp-fullscreen-active #TB_window { z-index: 100051; } /* Colors */ .fullscreen-overlay { background: #fff; } /* =CSS 3 transitions -------------------------------------------------------------- */ .wp-fullscreen-active #wp-fullscreen-status, .wp-fullscreen-active #fullscreen-topbar { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; opacity: 0; filter: alpha(opacity=0); } .wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-status, .wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; opacity: 1; filter: alpha(opacity=100); } .wp-fullscreen-active .wp-fullscreen-title, .wp-fullscreen-active .wp-editor-container { -webkit-transition-duration: 0.8s; transition-duration: 0.8s; border-color: transparent; } .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; -webkit-transition-property: opacity; transition-property: opacity; } .fade-1000 { -webkit-transition-duration: 1s; transition-duration: 1s; } .fade-600 { -webkit-transition-duration: 0.6s; transition-duration: 0.6s; } .fade-400 { -webkit-transition-duration: 0.4s; transition-duration: 0.4s; } .fade-300 { -webkit-transition-duration: 0.3s; transition-duration: 0.3s; } .fade-trigger { opacity: 1; } /* =Localization -------------------------------------------------------------- */ .rtl .wp-switch-editor, .rtl .quicktags-toolbar input { font-family: Tahoma, sans-serif; } html:lang(he-il) .rtl .wp-switch-editor, 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 { background: none; } } /* TODO: DFW responsive */