1 /*------------------------------------------------------------------------------
2 TinyMCE and Quicklinks toolbars
3 ------------------------------------------------------------------------------*/
5 /* TinyMCE widgets/containers */
17 #mce-modal-block.mce-fade {
19 filter: alpha(opacity=70);
20 -webkit-transition: none;
25 -webkit-border-radius: 0;
27 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
28 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
29 -webkit-font-smoothing: subpixel-antialiased;
30 -webkit-transition: none;
34 .mce-window .mce-container-body.mce-abs-layout {
38 .mce-window .mce-window-head {
40 border-bottom: 1px solid #dfdfdf;
45 .mce-window .mce-window-head .mce-title {
51 padding: 0 36px 0 16px;
54 .mce-window .mce-window-head .mce-close {
64 .mce-window .mce-window-head .mce-close:before {
65 font: normal 20px/36px 'dashicons';
73 .mce-window .mce-window-head .mce-close:hover:before {
77 .mce-window .mce-window-head .mce-dragh {
78 width: -webkit-calc( 100% - 36px );
79 width: calc( 100% - 36px );
82 .mce-wp-help .mce-window-head {
87 .mce-checkbox i.mce-i-checkbox,
88 #wp-link .query-results {
89 border: 1px solid #ddd;
90 -webkit-border-radius: 0;
92 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
93 box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
94 -webkit-transition: .05s all ease-in-out;
95 transition: .05s all ease-in-out;
99 .mce-textbox.mce-focus,
100 .mce-checkbox:focus i.mce-i-checkbox,
101 #wp-link .query-results:focus {
102 border-color: #5b9dd9;
103 -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
104 box-shadow: 0 0 2px rgba(30,140,190,0.8);
109 .mce-floatpanel.mce-popover {
110 border-color: rgba(0,0,0,0.15);
111 -webkit-border-radius: 0;
113 -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
114 box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
117 .mce-floatpanel.mce-popover.mce-bottom {
121 .mce-floatpanel .mce-arrow {
125 .mce-menu .mce-container-body {
134 .mce-menu-has-icons i.mce-ico {
142 -webkit-filter: none;
146 .mce-panel.mce-menu {
147 border: 1px solid #ddd;
154 /* TinyMCE toolbars */
155 div.mce-toolbar-grp {
156 border-bottom: 1px solid #dedede;
162 div.mce-inline-toolbar-grp {
163 border: 1px solid #a0a5aa;
164 -webkit-border-radius: 2px;
166 -webkit-box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
167 box-shadow: 0 1px 3px rgba( 0, 0, 0, 0.15 );
168 -webkit-box-sizing: border-box;
169 -moz-box-sizing: border-box;
170 box-sizing: border-box;
173 -moz-user-select: none;
174 -webkit-user-select: none;
175 -ms-user-select: none;
177 z-index: 100100; /* Same as the other TinyMCE "panels" */
180 div.mce-inline-toolbar-grp > div.mce-stack-layout {
184 div.mce-inline-toolbar-grp.mce-arrow-up {
189 div.mce-inline-toolbar-grp:before,
190 div.mce-inline-toolbar-grp:after {
197 border-color: transparent;
201 div.mce-inline-toolbar-grp.mce-arrow-up:before {
203 border-bottom-color: #a0a5aa;
208 div.mce-inline-toolbar-grp.mce-arrow-down:before {
210 border-top-color: #a0a5aa;
215 div.mce-inline-toolbar-grp.mce-arrow-up:after {
217 border-bottom-color: #f5f5f5;
222 div.mce-inline-toolbar-grp.mce-arrow-down:after {
224 border-top-color: #f5f5f5;
229 div.mce-inline-toolbar-grp.mce-arrow-left:before,
230 div.mce-inline-toolbar-grp.mce-arrow-left:after {
234 div.mce-inline-toolbar-grp.mce-arrow-left:before {
237 div.mce-inline-toolbar-grp.mce-arrow-left:after {
241 div.mce-inline-toolbar-grp.mce-arrow-right:before,
242 div.mce-inline-toolbar-grp.mce-arrow-right:after {
247 div.mce-inline-toolbar-grp.mce-arrow-right:before {
251 div.mce-inline-toolbar-grp.mce-arrow-right:after {
255 div.mce-inline-toolbar-grp.mce-arrow-full {
259 div.mce-inline-toolbar-grp.mce-arrow-full > div {
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;
405 border-color: #b4b9be;
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: #32373c;
432 .mce-panel .mce-active i.mce-caret {
434 border-bottom: 6px solid #32373c;
438 .mce-listbox.mce-active i.mce-caret {
442 .mce-toolbar .mce-splitbtn:hover .mce-open {
443 border-right-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: #b4b9be;
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: #0073aa;
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: #0073aa;
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-left-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,
737 font: normal 20px/1 'dashicons';
741 -webkit-font-smoothing: antialiased;
742 -moz-osx-font-smoothing: grayscale;
748 font: normal 20px/1 'dashicons';
751 -webkit-font-smoothing: antialiased;
752 -moz-osx-font-smoothing: grayscale;
755 i.mce-i-bold:before {
759 i.mce-i-italic:before {
763 i.mce-i-bullist:before {
767 i.mce-i-numlist:before {
771 i.mce-i-blockquote:before {
775 i.mce-i-alignleft:before {
779 i.mce-i-aligncenter:before {
783 i.mce-i-alignright:before {
787 i.mce-i-link:before {
791 i.mce-i-unlink:before {
795 i.mce-i-wp_more:before {
799 i.mce-i-strikethrough:before {
803 i.mce-i-spellchecker:before {
807 i.mce-i-fullscreen:before,
808 i.mce-i-wp_fullscreen:before,
814 i.mce-i-wp_adv:before {
818 i.mce-i-underline:before {
822 i.mce-i-alignjustify:before {
826 i.mce-i-forecolor:before,
827 i.mce-i-backcolor:before {
831 i.mce-i-pastetext:before {
835 i.mce-i-removeformat:before {
839 i.mce-i-charmap:before {
843 i.mce-i-outdent:before {
847 i.mce-i-indent:before {
851 i.mce-i-undo:before {
855 i.mce-i-redo:before {
860 i.mce-i-wp_help:before {
864 i.mce-i-wp-media-library:before {
872 i.mce-i-wp_page:before {
884 i.mce-i-wp_code:before {
888 /* RTL button icons */
889 .rtl i.mce-i-outdent:before {
893 .rtl i.mce-i-indent:before {
907 .wp-editor-tools:after {
913 .wp-editor-container {
918 font-family: Consolas, Monaco, monospace;
927 -webkit-box-sizing: border-box;
928 -moz-box-sizing: border-box;
929 box-sizing: border-box;
932 .rtl .wp-editor-area {
933 font-family: Tahoma, Monaco, monospace;
936 .locale-he-il .wp-editor-area {
937 font-family: Arial, Monaco, monospace;
940 .wp-editor-container textarea.wp-editor-area {
943 -webkit-box-shadow: none;
953 -webkit-box-sizing: content-box;
954 -moz-box-sizing: content-box;
955 box-sizing: content-box;
961 font: 13px/19px "Open Sans", sans-serif;
964 padding: 3px 8px 4px;
965 border: 1px solid #e5e5e5;
968 .wp-switch-editor:focus {
971 0 0 2px 1px rgba(30, 140, 190, .8);
974 0 0 2px 1px rgba(30, 140, 190, .8);
979 .wp-switch-editor:active,
980 .html-active .switch-html:focus,
981 .tmce-active .switch-tmce:focus {
982 -webkit-box-shadow: none;
986 .wp-switch-editor:active {
987 background-color: #f5f5f5;
988 -webkit-box-shadow: none;
992 .js .tmce-active .wp-editor-area {
996 .tmce-active .quicktags-toolbar {
1000 .tmce-active .switch-tmce,
1001 .html-active .switch-html {
1002 background: #f5f5f5;
1004 border-bottom-color: #f5f5f5;
1011 .wp-media-buttons .button {
1018 .wp-media-buttons .button:active {
1025 .wp-media-buttons .insert-media {
1029 .wp-media-buttons a {
1030 text-decoration: none;
1035 .wp-media-buttons img {
1037 vertical-align: middle;
1040 .wp-media-buttons span.wp-media-buttons-icon {
1041 display: inline-block;
1044 vertical-align: text-top;
1048 .wp-media-buttons .add_media span.wp-media-buttons-icon {
1052 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
1053 font: normal 18px/1 'dashicons';
1055 -webkit-font-smoothing: antialiased;
1056 -moz-osx-font-smoothing: grayscale;
1059 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
1064 .quicktags-toolbar {
1067 border-bottom: 1px solid #dedede;
1068 background: #f5f5f5;
1071 .has-dfw .quicktags-toolbar {
1072 padding-right: 35px;
1075 .wp-core-ui .quicktags-toolbar input.button.button-small {
1079 .quicktags-toolbar input[value="link"] {
1080 text-decoration: underline;
1083 .quicktags-toolbar input[value="del"] {
1084 text-decoration: line-through;
1087 .quicktags-toolbar input[value="i"] {
1091 .quicktags-toolbar input[value="b"] {
1095 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw,
1100 margin: 5px 5px 0 0;
1108 @media screen and ( max-width: 782px ) {
1109 .mce-toolbar .mce-btn button,
1114 #wp-fullscreen-buttons .mce-btn,
1115 .mce-toolbar .mce-btn-group .mce-btn {
1124 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw {
1125 margin: 4px 4px 0 0;
1128 .mce-toolbar .mce-colorbutton .mce-preview {
1133 .mce-window .mce-btn {
1137 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first,
1138 .has-dfw .quicktags-toolbar {
1139 padding-right: 40px;
1143 @media screen and ( min-width: 782px ) {
1144 .wp-core-ui .quicktags-toolbar input.button.button-small {
1145 /* .button-small is normaly 11px, but a bit too small for these buttons. */
1165 background-color: #eee;
1169 border-style: solid;
1170 -webkit-border-radius: 3px;
1174 #wp_editimgbtn:hover,
1175 #wp_delimgbtn:hover,
1176 #wp_editgallery:hover,
1177 #wp_delgallery:hover {
1179 background-color: #ccc;
1182 /*------------------------------------------------------------------------------
1184 ------------------------------------------------------------------------------*/
1188 background-color: #fff;
1189 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
1190 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
1193 margin-left: -250px;
1199 -webkit-transition: height 0.2s, margin-top 0.2s;
1200 transition: height 0.2s, margin-top 0.2s;
1213 filter: alpha(opacity=70);
1222 #wp-link-wrap.search-panel-visible {
1227 #wp-link-wrap .wp-link-text-field {
1231 #wp-link-wrap.has-text-field .wp-link-text-field {
1236 background: #fcfcfc;
1237 border-bottom: 1px solid #dfdfdf;
1242 padding: 0 36px 0 16px;
1262 #wp-link-close:before {
1263 font: normal 20px/36px 'dashicons';
1264 vertical-align: top;
1266 -webkit-font-smoothing: antialiased;
1267 -moz-osx-font-smoothing: grayscale;
1273 #wp-link-close:hover,
1274 #wp-link-close:focus {
1278 #wp-link-close:focus {
1282 0 0 2px 1px rgba(30, 140, 190, .8);
1285 0 0 2px 1px rgba(30, 140, 190, .8);
1289 padding: 0 16px 50px;
1292 #wp-link-wrap.search-panel-visible #link-selector {
1293 -webkit-overflow-scrolling: touch;
1309 #wp-link-search-toggle:after {
1310 display: inline-block;
1311 font: normal 20px/1 'dashicons';
1312 vertical-align: top;
1314 -webkit-font-smoothing: antialiased;
1315 -moz-osx-font-smoothing: grayscale;
1319 .search-panel-visible #wp-link-search-toggle:after {
1323 #wp-link input[type="text"] {
1324 -webkit-box-sizing: border-box;
1325 -moz-box-sizing: border-box;
1326 box-sizing: border-box;
1329 #wp-link #link-options {
1330 padding: 8px 0 12px;
1337 #wp-link p.howto a {
1338 text-decoration: none;
1342 #wp-link-search-toggle {
1346 #wp-link label input[type="text"] {
1351 #wp-link #link-options label span,
1352 #wp-link #search-panel label span.search-label {
1353 display: inline-block;
1360 #wp-link .link-search-field {
1366 #wp-link .link-search-wrapper {
1372 #wp-link .link-search-wrapper span {
1377 #wp-link .link-search-wrapper .spinner {
1381 #wp-link .link-target {
1383 white-space: nowrap;
1385 text-overflow: ellipsis;
1388 #wp-link .link-target label {
1392 #wp-link .query-results {
1393 border: 1px #dfdfdf solid;
1404 .has-text-field #wp-link .query-results {
1411 border-bottom: 1px solid #f1f1f1;
1413 padding: 4px 6px 4px 10px;
1418 #wp-link .query-notice {
1420 border-bottom: 1px solid #dfdfdf;
1421 background-color: #f7fcfe;
1425 #wp-link .query-notice .query-notice-default,
1426 #wp-link .query-notice .query-notice-hint {
1429 border-left: 4px solid #00a0d2;
1432 #wp-link .unselectable.no-matches-found {
1434 border-bottom: 1px solid #dfdfdf;
1435 background-color: #fef7f1;
1438 #wp-link .no-matches-found .item-title {
1441 border-left: 4px solid #d54e21;
1444 #wp-link .query-results em {
1449 background: #eaf2fa;
1453 #wp-link li.unselectable {
1454 border-bottom: 1px solid #dfdfdf;
1457 #wp-link li.unselectable:hover {
1463 #wp-link li.selected {
1468 #wp-link li.selected .item-title {
1472 #wp-link li:last-child {
1476 #wp-link .item-title {
1477 display: inline-block;
1479 width: -webkit-calc(100% - 68px);
1480 width: calc(100% - 68px);
1481 word-wrap: break-word;
1484 #wp-link .item-info {
1485 text-transform: uppercase;
1493 #wp-link #search-results,
1494 #wp-link #search-panel {
1498 #wp-link-wrap.search-panel-visible #search-panel {
1502 #wp-link .river-waiting {
1507 #wp-link .submitbox {
1509 background: #fcfcfc;
1510 border-top: 1px solid #dfdfdf;
1532 @media screen and ( max-width: 782px ) {
1537 #wp-link-wrap.search-panel-visible .query-results {
1541 #wp-link-wrap.search-panel-visible.has-text-field .query-results {
1546 padding: 0 16px 60px;
1549 #wp-link-wrap.search-panel-visible #link-selector {
1558 @media screen and ( max-width: 520px ) {
1568 @media screen and ( max-height: 520px ) {
1570 -webkit-transition: none;
1574 #wp-link-wrap.search-panel-visible {
1581 .search-panel-visible #link-selector {
1585 .search-panel-visible #search-panel .query-results {
1590 @media screen and ( max-height: 290px ) {
1600 height: -webkit-calc(100% - 92px);
1601 height: calc(100% - 92px);
1602 padding-bottom: 2px;
1605 #search-panel .query-results {
1610 /* Old TinyMCE 3.x modal */
1612 .clearlooks2 .mceTop {
1613 border-bottom: 1px solid #ccc;
1616 .clearlooks2 .mceTop span {
1617 font: 13px/24px "Open Sans", sans-serif;
1621 .clearlooks2 .mceTop .mceLeft {
1622 background: #444444;
1623 border-color: transparent;
1626 .clearlooks2 .mceTop .mceRight {
1627 background: #444444;
1628 border-color: transparent;
1631 .clearlooks2 .mceMiddle {
1632 clip: rect(24px auto auto auto);
1635 .clearlooks2 .mceMiddle .mceLeft {
1636 background: #f1f1f1;
1637 border-color: transparent;
1640 .clearlooks2 .mceMiddle .mceRight {
1641 background: #f1f1f1;
1642 border-color: transparent;
1645 .clearlooks2 .mceBottom {
1646 background: #f1f1f1;
1647 border-color: transparent;
1650 .clearlooks2 .mceBottom .mceLeft {
1651 background: #f1f1f1;
1652 border-color: transparent;
1655 .clearlooks2 .mceBottom .mceCenter {
1656 background: #f1f1f1;
1657 border-color: transparent;
1660 .clearlooks2 .mceBottom .mceRight {
1661 background: #f1f1f1;
1662 border-color: transparent;
1665 .clearlooks2 .mceClose,
1666 .clearlooks2 .mceFocus .mceClose,
1667 .clearlooks2 .mceFocus .mceClose:hover {
1668 background-image: none;
1670 .clearlooks2 .mceClose:before {
1672 font: normal 20px/1 'dashicons';
1674 -webkit-font-smoothing: antialiased;
1675 -moz-osx-font-smoothing: grayscale;
1682 box-shadow: 0 5px 15px rgba(0,0,0,0.7);
1685 .clearlooks2 .mceMiddle span,
1686 .clearlooks2 .mceMiddle .mceLeft,
1687 .clearlooks2 .mceMiddle .mceRight,
1688 .clearlooks2 .mceBottom,
1689 .clearlooks2 .mceBottom .mceLeft,
1690 .clearlooks2 .mceBottom .mceCenter,
1691 .clearlooks2 .mceBottom .mceRight {
1692 background-color: #fcfcfc;
1695 .clearlooks2 .mceTop span,
1696 .clearlooks2 .mceFocus .mceTop span {
1700 .clearlooks2 .mceClose:before {
1704 .clearlooks2 .mceClose:hover:before {
1708 /* Distraction-Free Writing mode
1710 -------------------------------------------------------------- */
1711 .fullscreen-overlay {
1719 -webkit-filter: inherit;
1723 .wp-fullscreen-active .fullscreen-overlay,
1724 .wp-fullscreen-active #wp-fullscreen-body {
1732 .wp-fullscreen-active .fullscreen-fader,
1733 .wp-core-ui.wp-fullscreen-active .postbox-container {
1738 -------------------------------------------------------------- */
1740 #wp-fullscreen-body,
1745 #wp-fullscreen-body {
1749 .wp-fullscreen-wrap {
1760 .wp-fullscreen-wrap .wp-editor-container,
1761 .wp-fullscreen-title,
1762 #wp-fullscreen-central-toolbar {
1763 -webkit-box-sizing: border-box;
1764 -moz-box-sizing: border-box;
1765 box-sizing: border-box;
1769 .wp-fullscreen-active .wp-editor-tools,
1770 .wp-fullscreen-active .quicktags-toolbar,
1771 .wp-fullscreen-active .mce-toolbar-grp,
1772 .wp-fullscreen-active .mce-statusbar {
1776 #wp-fullscreen-statusbar {
1784 -webkit-transition: height 0.2s;
1785 transition: height 0.2s;
1788 #wp-fullscreen-status {
1793 .wp-fullscreen-active .wp-fullscreen-title,
1794 .wp-fullscreen-active .wp-fullscreen-title:focus,
1795 .wp-fullscreen-active .wp-editor-container {
1796 -webkit-border-radius: 0;
1798 border: 1px dashed transparent;
1799 background: transparent;
1800 -webkit-box-shadow: none;
1802 -webkit-transition: border-color 0.4s;
1803 transition: border-color 0.4s;
1806 .wp-fullscreen-active .wp-editor-container {
1807 margin: 0 auto 40px;
1810 .wp-fullscreen-active .wp-fullscreen-title {
1813 outline: medium none;
1815 margin: 10px auto 30px;
1819 #wp-fullscreen-tagline {
1827 -------------------------------------------------------------- */
1828 #fullscreen-topbar {
1829 background: #f5f5f5;
1830 border-bottom: 1px solid #dedede;
1838 -webkit-transition: opacity 0.4s;
1839 transition: opacity 0.4s;
1842 #wp-fullscreen-toolbar {
1843 padding: 6px 10px 0;
1849 #wp-fullscreen-mode-bar,
1850 #wp-fullscreen-button-bar,
1851 #wp-fullscreen-close {
1855 #wp-fullscreen-count,
1856 #wp-fullscreen-tagline {
1857 display: inline-block;
1860 #wp-fullscreen-button-bar {
1864 #wp-fullscreen-save {
1870 #wp-fullscreen-count,
1871 #wp-fullscreen-close {
1875 #wp-fullscreen-central-toolbar {
1881 #wp-fullscreen-buttons > div {
1885 #wp-fullscreen-mode-bar {
1886 padding: 3px 14px 0 0;
1889 #wp-fullscreen-buttons .hidden {
1893 #wp-fullscreen-buttons .disabled {
1897 #wp-fullscreen-buttons .mce-btn button {
1901 white-space: nowrap;
1910 -webkit-box-sizing: border-box;
1911 -moz-box-sizing: border-box;
1912 box-sizing: border-box;
1915 .wp-html-mode #wp-fullscreen-buttons div {
1919 .wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both {
1923 #wp-fullscreen-save img {
1924 vertical-align: middle;
1927 #wp-fullscreen-save span {
1933 /* =Thickbox Adjustments
1934 -------------------------------------------------------------- */
1935 .wp-fullscreen-active #TB_overlay {
1939 .wp-fullscreen-active #TB_window {
1944 .fullscreen-overlay {
1948 /* =CSS 3 transitions
1949 -------------------------------------------------------------- */
1951 .wp-fullscreen-active #fullscreen-topbar {
1952 -webkit-transition-duration: 0.8s;
1953 transition-duration: 0.8s;
1955 filter: alpha(opacity=0);
1958 .wp-fullscreen-active #wp-fullscreen-statusbar {
1962 .wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar {
1963 -webkit-transition-duration: 0.4s;
1964 transition-duration: 0.4s;
1966 filter: alpha(opacity=100);
1969 .wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar {
1971 background: #f8f8f8;
1972 border-top: 1px solid #eee;
1975 .wp-fullscreen-active .wp-fullscreen-title,
1976 .wp-fullscreen-active .wp-editor-container {
1977 -webkit-transition-duration: 0.8s;
1978 transition-duration: 0.8s;
1979 border-color: transparent;
1982 .wp-fullscreen-active.wp-dfw-show-ui .wp-fullscreen-title,
1983 .wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container {
1984 -webkit-transition-duration: 0.4s;
1985 transition-duration: 0.4s;
1994 -webkit-transition-property: opacity;
1995 transition-property: opacity;
1999 -webkit-transition-duration: 1s;
2000 transition-duration: 1s;
2004 -webkit-transition-duration: 0.6s;
2005 transition-duration: 0.6s;
2009 -webkit-transition-duration: 0.4s;
2010 transition-duration: 0.4s;
2014 -webkit-transition-duration: 0.3s;
2015 transition-duration: 0.3s;
2022 /* DFW on touch screen devices */
2023 .wp-dfw-touch #fullscreen-topbar {
2028 .wp-dfw-touch .wp-fullscreen-wrap .wp-editor-container,
2029 .wp-dfw-touch .wp-fullscreen-title {
2033 .wp-fullscreen-active.wp-dfw-touch .wp-fullscreen-title,
2034 .wp-fullscreen-active.wp-dfw-touch .wp-editor-container {
2038 .wp-dfw-touch #wp-fullscreen-statusbar {
2042 @media screen and ( max-width: 782px ) {
2043 #wp-fullscreen-close,
2044 #wp-fullscreen-central-toolbar,
2045 #wp-fullscreen-mode-bar,
2046 #wp-fullscreen-button-bar,
2047 #wp-fullscreen-save {
2048 display: inline-block;
2051 #fullscreen-topbar {
2055 #wp-fullscreen-central-toolbar {
2056 width: auto !important;
2060 #wp-fullscreen-close {
2062 vertical-align: top;
2066 #wp-fullscreen-button-bar {
2072 .wp-fullscreen-wrap {
2076 #wp-fullscreen-save {
2082 @media screen and ( max-width: 480px ) {
2087 .wp-fullscreen-wrap .wp-editor-container,
2088 .wp-fullscreen-title {
2089 width: 480px !important;
2092 body.wp-fullscreen-active {
2098 .wp-fullscreen-wrap {
2102 #fullscreen-topbar {
2106 #wp-fullscreen-status {
2107 width: auto !important;
2114 -------------------------------------------------------------- */
2115 .rtl .wp-switch-editor,
2116 .rtl .quicktags-toolbar input {
2117 font-family: Tahoma, sans-serif;
2121 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
2126 .mce-rtl .mce-listbox i.mce-caret {
2130 html:lang(he-il) .rtl .wp-switch-editor,
2131 html:lang(he-il) .rtl .quicktags-toolbar input {
2132 font-family: Arial, sans-serif;
2137 (-webkit-min-device-pixel-ratio: 1.25),
2138 (min-resolution: 120dpi) {
2139 .wp-media-buttons .add_media span.wp-media-buttons-icon,
2140 #wp-fullscreen-buttons #wp_fs_image span.mce_image {