1 /*------------------------------------------------------------------------------
2 TinyMCE and Quicklinks toolbars
3 ------------------------------------------------------------------------------*/
5 /* TinyMCE widgets/containers */
16 #mce-modal-block.mce-in {
18 filter: alpha(opacity=70);
22 -webkit-border-radius: 0;
24 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
25 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
26 -webkit-font-smoothing: subpixel-antialiased;
29 .mce-window .mce-container-body.mce-abs-layout {
33 .mce-window .mce-window-head {
35 border-bottom: 1px solid #dfdfdf;
40 .mce-window .mce-window-head .mce-title {
46 padding: 0 16px 0 36px;
49 .mce-window .mce-window-head .mce-close {
59 .mce-window .mce-window-head .mce-close:before {
60 font: normal 20px/36px 'dashicons';
68 .mce-window .mce-window-head .mce-close:hover:before {
72 .mce-window .mce-window-head .mce-dragh {
73 width: -webkit-calc( 100% - 36px );
74 width: calc( 100% - 36px );
77 .mce-wp-help .mce-window-head {
82 .mce-checkbox i.mce-i-checkbox,
83 #wp-link .query-results {
84 border: 1px solid #ddd;
85 -webkit-border-radius: 0;
87 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
88 box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
89 -webkit-transition: .05s all ease-in-out;
90 transition: .05s all ease-in-out;
94 .mce-textbox.mce-focus,
95 .mce-checkbox:focus i.mce-i-checkbox,
96 #wp-link .query-results:focus {
97 border-color: #5b9dd9;
98 -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
99 box-shadow: 0 0 2px rgba(30,140,190,0.8);
104 .mce-floatpanel.mce-popover {
105 border-color: rgba(0,0,0,0.15);
106 -webkit-border-radius: 0;
108 -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
109 box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
112 .mce-floatpanel.mce-popover.mce-bottom {
116 .mce-floatpanel .mce-arrow {
120 .mce-menu .mce-container-body {
129 .mce-menu-has-icons i.mce-ico {
137 -webkit-filter: none;
141 .mce-panel.mce-menu {
142 border: 1px solid #ddd;
149 /* TinyMCE toolbars */
150 div.mce-toolbar-grp {
151 border-bottom: 1px solid #dedede;
157 div.mce-inline-toolbar-grp {
158 border: 1px solid #aaa;
159 -webkit-border-radius: 2px;
161 -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
162 box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
163 -webkit-box-sizing: border-box;
164 -moz-box-sizing: border-box;
165 box-sizing: border-box;
169 -moz-user-select: none;
170 -webkit-user-select: none;
171 -ms-user-select: none;
173 z-index: 100100; /* Same as the other TinyMCE "panels" */
176 div.mce-wp-image-toolbar > div.mce-stack-layout {
180 div.mce-inline-toolbar-grp.mce-arrow-up {
185 div.mce-inline-toolbar-grp:before,
186 div.mce-inline-toolbar-grp:after {
193 border-color: transparent;
197 div.mce-inline-toolbar-grp.mce-arrow-up:before {
199 border-bottom-color: #aaa;
204 div.mce-inline-toolbar-grp.mce-arrow-down:before {
206 border-top-color: #aaa;
211 div.mce-inline-toolbar-grp.mce-arrow-up:after {
213 border-bottom-color: #f5f5f5;
218 div.mce-inline-toolbar-grp.mce-arrow-down:after {
220 border-top-color: #f5f5f5;
225 div.mce-inline-toolbar-grp.mce-arrow-left:before,
226 div.mce-inline-toolbar-grp.mce-arrow-left:after {
230 div.mce-inline-toolbar-grp.mce-arrow-left:before {
233 div.mce-inline-toolbar-grp.mce-arrow-left:after {
237 div.mce-inline-toolbar-grp.mce-arrow-right:before,
238 div.mce-inline-toolbar-grp.mce-arrow-right:after {
243 div.mce-inline-toolbar-grp.mce-arrow-right:before {
247 div.mce-inline-toolbar-grp.mce-arrow-right:after {
251 div.mce-inline-toolbar-grp.mce-arrow-full {
255 div.mce-inline-toolbar-grp.mce-arrow-full > div {
260 div.mce-inline-toolbar-grp-active {
264 div.mce-toolbar-grp > div {
268 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
272 .mce-toolbar .mce-btn-group {
277 border-top: 1px solid #e5e5e5;
287 .mce-path .mce-divider {
292 .mce-toolbar .mce-btn,
294 border-color: transparent;
295 background: transparent;
296 -webkit-box-shadow: none;
302 #wp-fullscreen-buttons .mce-btn,
303 .mce-toolbar .mce-btn-group .mce-btn,
305 border: 1px solid transparent;
307 background-image: none;
308 -webkit-border-radius: 2px;
310 -webkit-filter: none;
314 #wp-fullscreen-buttons .mce-btn:hover,
315 .mce-toolbar .mce-btn-group .mce-btn:hover,
316 #wp-fullscreen-buttons .mce-btn:focus,
317 .mce-toolbar .mce-btn-group .mce-btn:focus,
323 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
324 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
328 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
329 #wp-fullscreen-buttons .mce-btn.mce-active,
330 .mce-toolbar .mce-btn-group .mce-btn:active,
331 #wp-fullscreen-buttons .mce-btn:active,
335 -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
336 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
339 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
343 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico {
347 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
348 #wp-fullscreen-buttons .mce-btn.mce-disabled:hover,
349 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus,
350 #wp-fullscreen-buttons .mce-btn.mce-disabled:focus {
354 text-shadow: 0 1px 0 #fff;
355 -webkit-box-shadow: none;
359 .mce-toolbar .mce-btn-group .mce-first,
360 .mce-toolbar .mce-btn-group .mce-last {
361 border-color: transparent;
364 .mce-toolbar .mce-btn button,
370 .mce-toolbar .mce-btn i {
374 .mce-toolbar .mce-btn-group > div {
378 .mce-toolbar .mce-colorbutton .mce-open {
382 .mce-toolbar .mce-colorbutton .mce-preview {
393 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
394 -webkit-border-radius: 0;
398 border: 1px solid #ddd;
399 -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
400 box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
403 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
404 background-image: none;
408 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox span {
412 .mce-panel .mce-btn i.mce-caret {
413 border-top: 6px solid #777;
418 .mce-listbox i.mce-caret {
422 .mce-panel .mce-btn button.mce-open i.mce-caret,
423 .mce-panel .mce-btn.mce-listbox i.mce-caret {
428 .mce-panel .mce-btn:hover i.mce-caret {
429 border-top-color: #333;
432 .mce-panel .mce-active i.mce-caret {
434 border-bottom: 6px solid #333;
438 .mce-listbox.mce-active i.mce-caret {
442 .mce-toolbar .mce-splitbtn:hover .mce-open {
443 border-left-color: transparent;
446 .mce-toolbar .mce-splitbtn .mce-open.mce-active{
447 -webkit-box-shadow: none;
451 .mce-menu .mce-menu-item-normal.mce-active {
452 background-color: #e5e5e5;
453 -webkit-filter: none;
457 .mce-menu .mce-menu-item:hover,
458 .mce-menu .mce-menu-item.mce-selected,
459 .mce-menu .mce-menu-item:focus {
461 background-color: #bbb;
462 background-image: none;
463 -webkit-filter: none;
467 .mce-menu .mce-menu-item:hover .mce-ico,
468 .mce-menu .mce-menu-item.mce-selected .mce-ico,
469 .mce-menu .mce-menu-item:focus .mce-ico,
470 .mce-menu .mce-menu-item:hover .mce-text,
471 .mce-menu .mce-menu-item.mce-active:hover .mce-text,
472 .mce-menu .mce-menu-item.mce-selected .mce-text {
478 border-color: #e5e5e5;
480 border-width: 0px 0px 1px;
483 .mce-menubar .mce-btn:focus {
487 div.mce-menu .mce-menu-item-sep,
488 .mce-menu-item-sep:hover {
497 .mce-menu-has-icons i.mce-ico:before {
501 /* Buttons in modals */
503 .mce-primary button i {
511 .mce-window .mce-btn {
514 text-decoration: none;
521 border: 1px solid #ccc;
522 -webkit-appearance: none;
523 -webkit-border-radius: 3px;
526 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
527 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
528 background-image: none;
531 /* Remove the dotted border on :focus and the extra padding in Firefox */
532 .mce-window .mce-btn::-moz-focus-inner {
534 border-style: solid none;
535 border-color: transparent;
539 .mce-window .mce-btn:hover,
540 .mce-window .mce-btn:focus {
546 .mce-window .mce-btn:focus {
549 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
552 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
555 .mce-window .mce-btn:active {
559 -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
560 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
563 .mce-window .mce-btn.mce-disabled {
567 -webkit-box-shadow: none;
569 text-shadow: 0 1px 0 #fff;
573 .mce-window .mce-btn.mce-primary {
575 border-color: #0074a2;
576 -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 );
577 box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 );
579 text-decoration: none;
582 .mce-window .mce-btn.mce-primary:hover,
583 .mce-window .mce-btn.mce-primary:focus {
585 border-color: #0074a2;
586 -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
587 box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.6 );
591 .mce-window .mce-btn.mce-primary:focus {
592 border-color: #0e3950;
594 inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
596 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
598 inset 0 1px 0 rgba( 120, 200, 230, 0.6 ),
600 0 0 2px 1px rgba( 30, 140, 190, 0.8 );
603 .mce-window .mce-btn.mce-primary:active {
605 border-color: #005684;
606 color: rgba( 255, 255, 255, 0.95 );
607 -webkit-box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
608 box-shadow: inset 0 1px 0 rgba( 0, 0, 0, 0.1 );
612 .mce-window .mce-btn.mce-primary.mce-disabled {
615 border-color: #1b607f;
616 -webkit-box-shadow: none;
618 text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 );
622 .mce-menubtn.mce-fixed-width button span {
634 border-color: #dfdfdf;
638 .mce-charmap td:hover {
642 .mce-charmap td div {
648 /* TinyMCE tooltips */
654 -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
655 box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
662 font-family: 'tinymce', Arial;
665 .mce-btn-small .mce-ico {
666 font-family: 'tinymce-small', Arial;
669 .mce-toolbar .mce-ico {
689 .mce-toolbar .mce-btn .mce-open {
693 .mce-toolbar .mce-btn:hover .mce-open,
694 .mce-toolbar .mce-btn:focus .mce-open,
695 .mce-toolbar .mce-btn.mce-active .mce-open {
696 border-right-color: #999;
710 i.mce-i-strikethrough,
711 i.mce-i-spellchecker,
713 i.mce-i-wp_fullscreen,
717 i.mce-i-alignjustify,
722 i.mce-i-removeformat,
730 i.mce-i-wp-media-library,
736 font: normal 20px/1 'dashicons';
740 -webkit-font-smoothing: antialiased;
741 -moz-osx-font-smoothing: grayscale;
747 font: normal 20px/1 'dashicons';
750 -webkit-font-smoothing: antialiased;
751 -moz-osx-font-smoothing: grayscale;
754 i.mce-i-bold:before {
758 i.mce-i-italic:before {
762 i.mce-i-bullist:before {
766 i.mce-i-numlist:before {
770 i.mce-i-blockquote:before {
774 i.mce-i-alignleft:before {
778 i.mce-i-aligncenter:before {
782 i.mce-i-alignright:before {
786 i.mce-i-link:before {
790 i.mce-i-unlink:before {
794 i.mce-i-wp_more:before {
798 i.mce-i-strikethrough:before {
802 i.mce-i-spellchecker:before {
806 i.mce-i-fullscreen:before,
807 i.mce-i-wp_fullscreen:before,
813 i.mce-i-wp_adv:before {
817 i.mce-i-underline:before {
821 i.mce-i-alignjustify:before {
825 i.mce-i-forecolor:before,
826 i.mce-i-backcolor:before {
830 i.mce-i-pastetext:before {
834 i.mce-i-removeformat:before {
838 i.mce-i-charmap:before {
842 i.mce-i-outdent:before {
846 i.mce-i-indent:before {
850 i.mce-i-undo:before {
854 i.mce-i-redo:before {
859 i.mce-i-wp_help:before {
863 i.mce-i-wp-media-library:before {
871 i.mce-i-wp_page:before {
883 .mce-i-wp_code:before {
897 .wp-editor-tools:after {
903 .wp-editor-container {
908 font-family: Consolas, Monaco, monospace;
917 -webkit-box-sizing: border-box;
918 -moz-box-sizing: border-box;
919 box-sizing: border-box;
922 .rtl .wp-editor-area {
923 font-family: Tahoma, Monaco, monospace;
926 .locale-he-il .wp-editor-area {
927 font-family: Arial, Monaco, monospace;
930 .wp-editor-container textarea.wp-editor-area {
933 -webkit-box-shadow: none;
943 -webkit-box-sizing: content-box;
944 -moz-box-sizing: content-box;
945 box-sizing: content-box;
951 font: 13px/19px "Open Sans", sans-serif;
954 padding: 3px 8px 4px;
955 border: 1px solid #e5e5e5;
958 .wp-switch-editor:focus {
961 0 0 2px 1px rgba(30, 140, 190, .8);
964 0 0 2px 1px rgba(30, 140, 190, .8);
969 .wp-switch-editor:active,
970 .html-active .switch-html:focus,
971 .tmce-active .switch-tmce:focus {
972 -webkit-box-shadow: none;
976 .wp-switch-editor:active {
977 background-color: #f5f5f5;
978 -webkit-box-shadow: none;
982 .js .tmce-active .wp-editor-area {
986 .tmce-active .quicktags-toolbar {
990 .tmce-active .switch-tmce,
991 .html-active .switch-html {
994 border-bottom-color: #f5f5f5;
1001 .wp-media-buttons .button {
1008 .wp-media-buttons .button:active {
1015 .wp-media-buttons .insert-media {
1019 .wp-media-buttons a {
1020 text-decoration: none;
1025 .wp-media-buttons img {
1027 vertical-align: middle;
1030 .wp-media-buttons span.wp-media-buttons-icon {
1031 display: inline-block;
1034 vertical-align: text-top;
1038 .wp-media-buttons .add_media span.wp-media-buttons-icon {
1042 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
1043 font: normal 18px/1 'dashicons';
1045 -webkit-font-smoothing: antialiased;
1046 -moz-osx-font-smoothing: grayscale;
1049 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
1054 .quicktags-toolbar {
1057 border-bottom: 1px solid #dedede;
1058 background: #f5f5f5;
1061 .has-dfw .quicktags-toolbar {
1065 .wp-core-ui .quicktags-toolbar input.button.button-small {
1069 .quicktags-toolbar input[value="link"] {
1070 text-decoration: underline;
1073 .quicktags-toolbar input[value="del"] {
1074 text-decoration: line-through;
1077 .quicktags-toolbar input[value="i"] {
1081 .quicktags-toolbar input[value="b"] {
1085 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
1090 margin: 5px 0 0 5px;
1098 @media screen and ( max-width: 782px ) {
1099 .mce-toolbar .mce-btn button,
1104 #wp-fullscreen-buttons .mce-btn,
1105 .mce-toolbar .mce-btn-group .mce-btn {
1114 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
1115 margin: 4px 0 0 4px;
1118 .mce-toolbar .mce-colorbutton .mce-preview {
1123 .mce-window .mce-btn {
1127 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
1128 .has-dfw .quicktags-toolbar {
1133 @media screen and ( min-width: 782px ) {
1134 .wp-core-ui .quicktags-toolbar input.button.button-small {
1135 /* .button-small is normaly 11px, but a bit too small for these buttons. */
1155 background-color: #eee;
1159 border-style: solid;
1160 -webkit-border-radius: 3px;
1164 #wp_editimgbtn:hover,
1165 #wp_delimgbtn:hover,
1166 #wp_editgallery:hover,
1167 #wp_delgallery:hover {
1169 background-color: #ccc;
1172 /*------------------------------------------------------------------------------
1174 ------------------------------------------------------------------------------*/
1178 background-color: #fff;
1179 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
1180 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
1184 margin-right: -250px;
1190 -webkit-transition: height 0.2s, margin-top 0.2s;
1191 transition: height 0.2s, margin-top 0.2s;
1204 filter: alpha(opacity=70);
1213 #wp-link-wrap.search-panel-visible {
1219 background: #fcfcfc;
1220 border-bottom: 1px solid #dfdfdf;
1225 padding: 0 16px 0 36px;
1245 #wp-link-close:before {
1246 font: normal 20px/36px 'dashicons';
1247 vertical-align: top;
1249 -webkit-font-smoothing: antialiased;
1250 -moz-osx-font-smoothing: grayscale;
1256 #wp-link-close:hover,
1257 #wp-link-close:focus {
1261 #wp-link-close:focus {
1265 0 0 2px 1px rgba(30, 140, 190, .8);
1268 0 0 2px 1px rgba(30, 140, 190, .8);
1272 padding: 0 16px 50px;
1275 #wp-link-wrap.search-panel-visible #link-selector {
1291 #wp-link-search-toggle:after {
1292 display: inline-block;
1293 font: normal 20px/1 'dashicons';
1294 vertical-align: top;
1296 -webkit-font-smoothing: antialiased;
1297 -moz-osx-font-smoothing: grayscale;
1301 .search-panel-visible #wp-link-search-toggle:after {
1305 #wp-link input[type="text"] {
1306 -webkit-box-sizing: border-box;
1307 -moz-box-sizing: border-box;
1308 box-sizing: border-box;
1311 #wp-link #link-options {
1312 padding: 8px 0 12px;
1319 #wp-link p.howto a {
1320 text-decoration: none;
1324 #wp-link-search-toggle {
1328 #wp-link label input[type="text"] {
1333 #wp-link #link-options label span,
1334 #wp-link #search-panel label span.search-label {
1335 display: inline-block;
1342 #wp-link .link-search-field {
1348 #wp-link .link-search-wrapper {
1354 #wp-link .link-search-wrapper span {
1359 #wp-link .link-search-wrapper .spinner {
1361 vertical-align: text-bottom;
1364 #wp-link .link-target {
1366 white-space: nowrap;
1368 text-overflow: ellipsis;
1371 #wp-link .link-target label {
1375 #wp-link .query-results {
1376 border: 1px #dfdfdf solid;
1390 border-bottom: 1px solid #f1f1f1;
1392 padding: 4px 10px 4px 6px;
1397 #wp-link .query-notice {
1399 border-bottom: 1px solid #dfdfdf;
1400 background-color: #f7fcfe;
1404 #wp-link .query-notice .query-notice-default,
1405 #wp-link .query-notice .query-notice-hint {
1408 border-right: 4px solid #2ea2cc;
1411 #wp-link .unselectable.no-matches-found {
1413 border-bottom: 1px solid #dfdfdf;
1414 background-color: #fef7f1;
1417 #wp-link .no-matches-found .item-title {
1420 border-right: 4px solid #d54e21;
1423 #wp-link .query-results em {
1428 background: #eaf2fa;
1432 #wp-link li.unselectable {
1433 border-bottom: 1px solid #dfdfdf;
1436 #wp-link li.unselectable:hover {
1442 #wp-link li.selected {
1447 #wp-link li.selected .item-title {
1451 #wp-link li:last-child {
1455 #wp-link .item-title {
1456 display: inline-block;
1458 width: -webkit-calc(100% - 68px);
1459 width: calc(100% - 68px);
1462 #wp-link .item-info {
1463 text-transform: uppercase;
1471 #wp-link #search-results,
1472 #wp-link #search-panel {
1476 #wp-link-wrap.search-panel-visible #search-panel {
1480 #wp-link .river-waiting {
1485 #wp-link .river-waiting .spinner {
1491 #wp-link .submitbox {
1493 background: #fcfcfc;
1494 border-top: 1px solid #dfdfdf;
1516 @media screen and ( max-width: 782px ) {
1522 #wp-link-wrap.search-panel-visible .query-results {
1527 padding: 0 16px 60px;
1530 #wp-link-wrap.search-panel-visible #link-selector {
1539 @media screen and ( max-width: 520px ) {
1549 @media screen and ( max-height: 520px ) {
1551 -webkit-transition: none;
1555 #wp-link-wrap.search-panel-visible {
1562 .search-panel-visible #link-selector {
1566 .search-panel-visible #search-panel .query-results {
1571 @media screen and ( max-height: 290px ) {
1581 height: -webkit-calc(100% - 92px);
1582 height: calc(100% - 92px);
1583 padding-bottom: 2px;
1586 #search-panel .query-results {
1591 /* Old TinyMCE 3.x modal */
1593 .clearlooks2 .mceTop {
1594 border-bottom: 1px solid #ccc;
1597 .clearlooks2 .mceTop span {
1598 font: 13px/24px "Open Sans", sans-serif;
1602 .clearlooks2 .mceTop .mceLeft {
1603 background: #444444;
1604 border-color: transparent;
1607 .clearlooks2 .mceTop .mceRight {
1608 background: #444444;
1609 border-color: transparent;
1612 .clearlooks2 .mceMiddle {
1613 clip: rect(24px auto auto auto);
1616 .clearlooks2 .mceMiddle .mceLeft {
1617 background: #f1f1f1;
1618 border-color: transparent;
1621 .clearlooks2 .mceMiddle .mceRight {
1622 background: #f1f1f1;
1623 border-color: transparent;
1626 .clearlooks2 .mceBottom {
1627 background: #f1f1f1;
1628 border-color: transparent;
1631 .clearlooks2 .mceBottom .mceLeft {
1632 background: #f1f1f1;
1633 border-color: transparent;
1636 .clearlooks2 .mceBottom .mceCenter {
1637 background: #f1f1f1;
1638 border-color: transparent;
1641 .clearlooks2 .mceBottom .mceRight {
1642 background: #f1f1f1;
1643 border-color: transparent;
1646 .clearlooks2 .mceClose,
1647 .clearlooks2 .mceFocus .mceClose,
1648 .clearlooks2 .mceFocus .mceClose:hover {
1649 background-image: none;
1651 .clearlooks2 .mceClose:before {
1653 font: normal 20px/1 'dashicons';
1655 -webkit-font-smoothing: antialiased;
1656 -moz-osx-font-smoothing: grayscale;
1663 box-shadow: 0 5px 15px rgba(0,0,0,0.7);
1666 .clearlooks2 .mceMiddle span,
1667 .clearlooks2 .mceMiddle .mceLeft,
1668 .clearlooks2 .mceMiddle .mceRight,
1669 .clearlooks2 .mceBottom,
1670 .clearlooks2 .mceBottom .mceLeft,
1671 .clearlooks2 .mceBottom .mceCenter,
1672 .clearlooks2 .mceBottom .mceRight {
1673 background-color: #fcfcfc;
1676 .clearlooks2 .mceTop span,
1677 .clearlooks2 .mceFocus .mceTop span {
1681 .clearlooks2 .mceClose:before {
1685 .clearlooks2 .mceClose:hover:before {
1689 /* Distraction-Free Writing mode
1691 -------------------------------------------------------------- */
1692 .fullscreen-overlay {
1700 -webkit-filter: inherit;
1704 .wp-fullscreen-active .fullscreen-overlay,
1705 .wp-fullscreen-active #wp-fullscreen-body {
1713 .wp-fullscreen-active .fullscreen-fader,
1714 .wp-core-ui.wp-fullscreen-active .postbox-container {
1719 -------------------------------------------------------------- */
1721 #wp-fullscreen-body,
1726 #wp-fullscreen-body {
1730 .wp-fullscreen-wrap {
1741 .wp-fullscreen-wrap .wp-editor-container,
1742 .wp-fullscreen-title,
1743 #wp-fullscreen-central-toolbar {
1744 -webkit-box-sizing: border-box;
1745 -moz-box-sizing: border-box;
1746 box-sizing: border-box;
1750 .wp-fullscreen-active .wp-editor-tools,
1751 .wp-fullscreen-active .quicktags-toolbar,
1752 .wp-fullscreen-active .mce-toolbar-grp,
1753 .wp-fullscreen-active .mce-statusbar {
1757 #wp-fullscreen-statusbar {
1765 -webkit-transition: height 0.2s;
1766 transition: height 0.2s;
1769 #wp-fullscreen-status {
1774 .wp-fullscreen-active .wp-fullscreen-title,
1775 .wp-fullscreen-active .wp-fullscreen-title:focus,
1776 .wp-fullscreen-active .wp-editor-container {
1777 -webkit-border-radius: 0;
1779 border: 1px dashed transparent;
1780 background: transparent;
1781 -webkit-box-shadow: none;
1783 -webkit-transition: border-color 0.4s;
1784 transition: border-color 0.4s;
1787 .wp-fullscreen-active .wp-editor-container {
1788 margin: 0 auto 40px;
1791 .wp-fullscreen-active .wp-fullscreen-title {
1794 outline: medium none;
1796 margin: 10px auto 30px;
1800 #wp-fullscreen-tagline {
1808 -------------------------------------------------------------- */
1809 #fullscreen-topbar {
1810 background: #f5f5f5;
1811 border-bottom: 1px solid #dedede;
1819 -webkit-transition: opacity 0.4s;
1820 transition: opacity 0.4s;
1823 #wp-fullscreen-toolbar {
1824 padding: 6px 10px 0;
1830 #wp-fullscreen-mode-bar,
1831 #wp-fullscreen-button-bar,
1832 #wp-fullscreen-close {
1836 #wp-fullscreen-count,
1837 #wp-fullscreen-tagline {
1838 display: inline-block;
1841 #wp-fullscreen-button-bar {
1845 #wp-fullscreen-save {
1851 #wp-fullscreen-count,
1852 #wp-fullscreen-close {
1856 #wp-fullscreen-central-toolbar {
1862 #wp-fullscreen-buttons > div {
1866 #wp-fullscreen-mode-bar {
1867 padding: 3px 0 0 14px;
1870 #wp-fullscreen-buttons .hidden {
1874 #wp-fullscreen-buttons .disabled {
1878 #wp-fullscreen-buttons .mce-btn button {
1882 white-space: nowrap;
1891 -webkit-box-sizing: border-box;
1892 -moz-box-sizing: border-box;
1893 box-sizing: border-box;
1896 .wp-html-mode #wp-fullscreen-buttons div {
1900 .wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both {
1904 #wp-fullscreen-save img {
1905 vertical-align: middle;
1908 #wp-fullscreen-save span {
1914 /* =Thickbox Adjustments
1915 -------------------------------------------------------------- */
1916 .wp-fullscreen-active #TB_overlay {
1920 .wp-fullscreen-active #TB_window {
1925 .fullscreen-overlay {
1929 /* =CSS 3 transitions
1930 -------------------------------------------------------------- */
1932 .wp-fullscreen-active #fullscreen-topbar {
1933 -webkit-transition-duration: 0.8s;
1934 transition-duration: 0.8s;
1936 filter: alpha(opacity=0);
1939 .wp-fullscreen-active #wp-fullscreen-statusbar {
1943 .wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar {
1944 -webkit-transition-duration: 0.4s;
1945 transition-duration: 0.4s;
1947 filter: alpha(opacity=100);
1950 .wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar {
1952 background: #f8f8f8;
1953 border-top: 1px solid #eee;
1956 .wp-fullscreen-active .wp-fullscreen-title,
1957 .wp-fullscreen-active .wp-editor-container {
1958 -webkit-transition-duration: 0.8s;
1959 transition-duration: 0.8s;
1960 border-color: transparent;
1963 .wp-fullscreen-active.wp-dfw-show-ui .wp-fullscreen-title,
1964 .wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container {
1965 -webkit-transition-duration: 0.4s;
1966 transition-duration: 0.4s;
1975 -webkit-transition-property: opacity;
1976 transition-property: opacity;
1980 -webkit-transition-duration: 1s;
1981 transition-duration: 1s;
1985 -webkit-transition-duration: 0.6s;
1986 transition-duration: 0.6s;
1990 -webkit-transition-duration: 0.4s;
1991 transition-duration: 0.4s;
1995 -webkit-transition-duration: 0.3s;
1996 transition-duration: 0.3s;
2003 /* DFW on touch screen devices */
2004 .wp-dfw-touch #fullscreen-topbar {
2009 .wp-dfw-touch .wp-fullscreen-wrap .wp-editor-container,
2010 .wp-dfw-touch .wp-fullscreen-title {
2014 .wp-fullscreen-active.wp-dfw-touch .wp-fullscreen-title,
2015 .wp-fullscreen-active.wp-dfw-touch .wp-editor-container {
2019 .wp-dfw-touch #wp-fullscreen-statusbar {
2023 @media screen and ( max-width: 782px ) {
2024 #wp-fullscreen-close,
2025 #wp-fullscreen-central-toolbar,
2026 #wp-fullscreen-mode-bar,
2027 #wp-fullscreen-button-bar,
2028 #wp-fullscreen-save {
2029 display: inline-block;
2032 #fullscreen-topbar {
2036 #wp-fullscreen-central-toolbar {
2037 width: auto !important;
2041 #wp-fullscreen-close {
2043 vertical-align: top;
2047 #wp-fullscreen-button-bar {
2053 .wp-fullscreen-wrap {
2057 #wp-fullscreen-save {
2063 @media screen and ( max-width: 480px ) {
2068 .wp-fullscreen-wrap .wp-editor-container,
2069 .wp-fullscreen-title {
2070 width: 480px !important;
2073 body.wp-fullscreen-active {
2079 .wp-fullscreen-wrap {
2083 #fullscreen-topbar {
2087 #wp-fullscreen-status {
2088 width: auto !important;
2095 -------------------------------------------------------------- */
2096 .rtl .wp-switch-editor,
2097 .rtl .quicktags-toolbar input {
2098 font-family: Tahoma, sans-serif;
2102 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
2107 .mce-rtl .mce-listbox i.mce-caret {
2111 html:lang(he-il) .rtl .wp-switch-editor,
2112 html:lang(he-il) .rtl .quicktags-toolbar input {
2113 font-family: Arial, sans-serif;
2118 (-o-min-device-pixel-ratio: 5/4),
2119 (-webkit-min-device-pixel-ratio: 1.25),
2120 (min-resolution: 120dpi) {
2121 .wp-media-buttons .add_media span.wp-media-buttons-icon,
2122 #wp-fullscreen-buttons #wp_fs_image span.mce_image {