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 border: 1px solid #ddd;
84 -webkit-border-radius: 0;
86 -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
87 box-shadow: inset 0 1px 2px rgba(0,0,0,0.07);
88 -webkit-transition: .05s border-color ease-in-out;
89 transition: .05s border-color ease-in-out;
93 .mce-textbox.mce-focus,
94 .mce-checkbox:focus i.mce-i-checkbox {
95 border-color: #5b9dd9;
96 -webkit-box-shadow: 0 0 2px rgba(30,140,190,0.8);
97 box-shadow: 0 0 2px rgba(30,140,190,0.8);
102 .mce-floatpanel.mce-popover {
103 border-color: rgba(0,0,0,0.15);
104 -webkit-border-radius: 0;
106 -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
107 box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
110 .mce-floatpanel.mce-popover.mce-bottom {
114 .mce-floatpanel .mce-arrow {
118 .mce-menu .mce-container-body {
127 .mce-menu-has-icons i.mce-ico {
135 -webkit-filter: none;
139 .mce-panel.mce-menu {
140 border: 1px solid #ddd;
147 /* TinyMCE toolbars */
148 div.mce-toolbar-grp {
149 border-bottom: 1px solid #dedede;
155 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first {
159 .mce-toolbar .mce-btn-group {
164 border-top: 1px solid #eee;
172 .mce-toolbar .mce-btn,
174 border-color: transparent;
175 background: transparent;
176 -webkit-box-shadow: none;
182 #wp-fullscreen-buttons .mce-btn,
183 .mce-toolbar .mce-btn-group .mce-btn,
185 border: 1px solid transparent;
187 background-image: none;
188 -webkit-border-radius: 2px;
190 -webkit-filter: none;
194 #wp-fullscreen-buttons .mce-btn:hover,
195 .mce-toolbar .mce-btn-group .mce-btn:hover,
196 #wp-fullscreen-buttons .mce-btn:focus,
197 .mce-toolbar .mce-btn-group .mce-btn:focus,
198 .qt-fullscreen:hover,
199 .qt-fullscreen:focus {
203 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
204 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 );
207 .mce-toolbar .mce-btn-group .mce-btn.mce-active,
208 #wp-fullscreen-buttons .mce-btn.mce-active,
209 .mce-toolbar .mce-btn-group .mce-btn:active,
210 #wp-fullscreen-buttons .mce-btn:active {
213 -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
214 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 );
217 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover {
221 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico {
225 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover,
226 #wp-fullscreen-buttons .mce-btn.mce-disabled:hover,
227 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus,
228 #wp-fullscreen-buttons .mce-btn.mce-disabled:focus {
232 text-shadow: 0 1px 0 #fff;
233 -webkit-box-shadow: none;
237 .mce-toolbar .mce-btn-group .mce-first,
238 .mce-toolbar .mce-btn-group .mce-last {
239 border-color: transparent;
242 .mce-toolbar .mce-btn button,
248 .mce-toolbar .mce-btn i {
252 .mce-toolbar .mce-btn-group > div {
256 .mce-toolbar .mce-colorbutton .mce-open {
260 .mce-toolbar .mce-colorbutton .mce-preview {
267 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox {
268 -webkit-border-radius: 0;
272 border: 1px solid #ddd;
273 -webkit-box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
274 box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2);
277 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover {
278 background-image: none;
282 .mce-panel .mce-btn i.mce-caret {
283 border-top: 6px solid #777;
288 .mce-listbox i.mce-caret {
292 .mce-panel .mce-btn button.mce-open i.mce-caret,
293 .mce-panel .mce-btn.mce-listbox i.mce-caret {
298 .mce-panel .mce-btn:hover i.mce-caret {
299 border-top-color: #333;
302 .mce-panel .mce-active i.mce-caret {
304 border-bottom: 6px solid #333;
308 .mce-listbox.mce-active i.mce-caret {
312 .mce-toolbar .mce-splitbtn:hover .mce-open {
313 border-left-color: transparent;
316 .mce-toolbar .mce-splitbtn .mce-open.mce-active{
317 -webkit-box-shadow: none;
321 .mce-menu .mce-menu-item-normal.mce-active {
322 background-color: #e5e5e5;
323 -webkit-filter: none;
327 .mce-menu .mce-menu-item:hover,
328 .mce-menu .mce-menu-item.mce-selected,
329 .mce-menu .mce-menu-item:focus {
331 background-color: #bbb;
332 background-image: none;
333 -webkit-filter: none;
337 .mce-menu .mce-menu-item:hover .mce-ico,
338 .mce-menu .mce-menu-item.mce-selected .mce-ico,
339 .mce-menu .mce-menu-item:focus .mce-ico,
340 .mce-menu .mce-menu-item:hover .mce-text,
341 .mce-menu .mce-menu-item.mce-active:hover .mce-text,
342 .mce-menu .mce-menu-item.mce-selected .mce-text {
348 border-color: #e5e5e5;
351 .mce-menubar .mce-btn:focus {
355 div.mce-menu .mce-menu-item-sep,
356 .mce-menu-item-sep:hover {
365 .mce-menu-has-icons i.mce-ico:before {
369 /* Buttons in modals */
371 .mce-primary button i {
379 .mce-window .mce-btn {
382 text-decoration: none;
389 border: 1px solid #ccc;
390 -webkit-appearance: none;
391 -webkit-border-radius: 3px;
394 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
395 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08);
396 background-image: none;
399 /* Remove the dotted border on :focus and the extra padding in Firefox */
400 .mce-window .mce-btn::-moz-focus-inner {
402 border-style: solid none;
403 border-color: transparent;
407 .mce-window .mce-btn:hover {
413 .mce-window .mce-btn:focus {
414 -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2);
415 box-shadow: 1px 1px 1px rgba(0,0,0,.2);
418 .mce-window .mce-btn:active {
422 -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
423 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 );
426 .mce-window .mce-btn.mce-disabled {
429 -webkit-box-shadow: none;
431 text-shadow: 0 1px 0 #fff;
435 .mce-window .mce-btn.mce-primary {
437 border-color: #0074a2;
438 -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
439 box-shadow: inset 0 1px 0 rgba(120,200,230,0.5), 0 1px 0 rgba(0,0,0,.15);
441 text-decoration: none;
444 .mce-window .mce-btn.mce-primary:hover {
446 border-color: #0074a2;
447 -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
448 box-shadow: inset 0 1px 0 rgba(120,200,230,0.6);
452 .mce-window .mce-btn.mce-primary:focus {
453 border-color: #0e3950;
454 -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
455 box-shadow: inset 0 1px 0 rgba(120,200,230,0.6), 1px 1px 2px rgba(0,0,0,0.4);
458 .mce-window .mce-btn.mce-primary:active {
460 border-color: #005684;
461 color: rgba(255,255,255,0.95);
462 -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
463 box-shadow: inset 0 1px 0 rgba(0,0,0,0.1);
466 .mce-window .mce-btn.mce-primary.mce-disabled {
469 border-color: #1b607f;
470 text-shadow: 0 -1px 0 rgba(0,0,0,0.1);
473 .mce-menubtn.mce-fixed-width button span {
485 border-color: #dfdfdf;
489 .mce-charmap td:hover {
493 .mce-charmap td div {
499 /* TinyMCE tooltips */
505 -webkit-box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
506 box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 );
513 font-family: 'tinymce', Arial;
516 .mce-btn-small .mce-ico {
517 font-family: 'tinymce-small', Arial;
520 .mce-toolbar .mce-ico {
540 .mce-toolbar .mce-btn .mce-open {
544 .mce-toolbar .mce-btn:hover .mce-open,
545 .mce-toolbar .mce-btn:focus .mce-open,
546 .mce-toolbar .mce-btn.mce-active .mce-open {
547 border-right-color: #999;
561 i.mce-i-strikethrough,
562 i.mce-i-spellchecker,
564 i.mce-i-wp_fullscreen,
567 i.mce-i-alignjustify,
571 i.mce-i-removeformat,
579 i.mce-i-wp-media-library,
584 font: normal 20px/1 'dashicons';
588 -webkit-font-smoothing: antialiased;
589 -moz-osx-font-smoothing: grayscale;
595 font: normal 20px/1 'dashicons';
598 -webkit-font-smoothing: antialiased;
599 -moz-osx-font-smoothing: grayscale;
602 i.mce-i-bold:before {
606 i.mce-i-italic:before {
610 i.mce-i-bullist:before {
614 i.mce-i-numlist:before {
618 i.mce-i-blockquote:before {
622 i.mce-i-alignleft:before {
626 i.mce-i-aligncenter:before {
630 i.mce-i-alignright:before {
634 i.mce-i-link:before {
638 i.mce-i-unlink:before {
642 i.mce-i-wp_more:before {
646 i.mce-i-strikethrough:before {
650 i.mce-i-spellchecker:before {
654 i.mce-i-fullscreen:before,
655 i.mce-i-wp_fullscreen:before,
656 .qt-fullscreen:before {
660 i.mce-i-wp_adv:before {
664 i.mce-i-underline:before {
668 i.mce-i-alignjustify:before {
672 i.mce-i-forecolor:before {
676 i.mce-i-pastetext:before {
680 i.mce-i-removeformat:before {
684 i.mce-i-charmap:before {
688 i.mce-i-outdent:before {
692 i.mce-i-indent:before {
696 i.mce-i-undo:before {
700 i.mce-i-redo:before {
705 i.mce-i-wp_help:before {
709 i.mce-i-wp-media-library:before {
717 i.mce-i-wp_page:before {
729 .mce-i-wp_code:before {
743 .wp-editor-container {
748 font-family: Consolas, Monaco, monospace;
757 -webkit-box-sizing: border-box;
758 -moz-box-sizing: border-box;
759 box-sizing: border-box;
766 .wp-editor-container textarea.wp-editor-area {
769 -webkit-box-shadow: none;
779 border: 1px solid #dedede;
783 font: 13px/19px "Open Sans", sans-serif;
786 padding: 3px 8px 4px;
791 .wp-switch-editor:active {
792 background-color: #f1f1f1;
795 .wp-switch-editor:hover {
796 text-decoration: none !important;
800 .js .tmce-active .wp-editor-area {
804 .tmce-active .quicktags-toolbar {
808 .tmce-active .switch-tmce,
809 .html-active .switch-html {
820 .wp-media-buttons .button {
827 .wp-media-buttons .button:active {
834 .wp-media-buttons .insert-media {
838 .wp-media-buttons a {
839 text-decoration: none;
844 .wp-media-buttons img {
846 vertical-align: middle;
849 .wp-media-buttons span.wp-media-buttons-icon {
850 display: inline-block;
853 vertical-align: text-top;
857 .wp-media-buttons .add_media span.wp-media-buttons-icon {
861 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
862 font: normal 18px/1 'dashicons';
864 -webkit-font-smoothing: antialiased;
865 -moz-osx-font-smoothing: grayscale;
868 .wp-media-buttons .add_media span.wp-media-buttons-icon:before {
876 border-bottom: 1px solid #dedede;
880 .has-dfw .quicktags-toolbar {
884 .wp-core-ui .quicktags-toolbar input.button.button-small {
888 .quicktags-toolbar input[value="link"] {
889 text-decoration: underline;
892 .quicktags-toolbar input[value="del"] {
893 text-decoration: line-through;
896 .quicktags-toolbar input[value="i"] {
900 .quicktags-toolbar input[value="b"] {
904 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-fullscreen,
913 @media screen and ( max-width: 782px ) {
914 .mce-toolbar .mce-btn button,
924 .mce-toolbar .mce-colorbutton .mce-preview {
928 .mce-window .mce-btn {
938 @media screen and ( min-width: 782px ) {
939 .wp-core-ui .quicktags-toolbar input.button.button-small {
940 /* .button-small is normaly 11px, but a bit too small for these buttons. */
960 background-color: #eee;
965 -webkit-border-radius: 3px;
969 #wp_editimgbtn:hover,
971 #wp_editgallery:hover,
972 #wp_delgallery:hover {
974 background-color: #ccc;
977 /*------------------------------------------------------------------------------
979 ------------------------------------------------------------------------------*/
983 background-color: #fff;
984 -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
985 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
989 margin-right: -250px;
995 -webkit-transition: height 0.2s, margin-top 0.2s;
996 transition: height 0.2s, margin-top 0.2s;
1009 filter: alpha(opacity=70);
1018 #wp-link-wrap.search-panel-visible {
1024 background: #fcfcfc;
1025 border-bottom: 1px solid #dfdfdf;
1030 padding: 0 16px 0 36px;
1048 #wp-link-close:before {
1049 font: normal 20px/36px 'dashicons';
1050 vertical-align: top;
1052 -webkit-font-smoothing: antialiased;
1053 -moz-osx-font-smoothing: grayscale;
1059 #wp-link-close:hover,
1060 #wp-link-close:focus {
1065 padding: 0 16px 50px;
1068 #wp-link-wrap.search-panel-visible #link-selector {
1084 #wp-link-search-toggle::after {
1085 font: normal 20px/1 'dashicons';
1086 vertical-align: top;
1088 -webkit-font-smoothing: antialiased;
1089 -moz-osx-font-smoothing: grayscale;
1093 .search-panel-visible #wp-link-search-toggle::after {
1097 #wp-link input[type="text"] {
1098 -webkit-box-sizing: border-box;
1099 -moz-box-sizing: border-box;
1100 box-sizing: border-box;
1103 #wp-link #link-options {
1104 padding: 8px 0 12px;
1111 #wp-link-search-toggle {
1115 #wp-link label input[type="text"] {
1120 #wp-link #link-options label span,
1121 #wp-link #search-panel label span.search-label {
1122 display: inline-block;
1129 #wp-link .link-search-field {
1135 #wp-link .link-search-wrapper {
1141 #wp-link .link-search-wrapper span {
1146 #wp-link .link-search-wrapper .spinner {
1148 vertical-align: text-bottom;
1151 #wp-link .link-target {
1153 white-space: nowrap;
1155 text-overflow: ellipsis;
1158 #wp-link .link-target label {
1162 #wp-link .query-results {
1163 border: 1px #dfdfdf solid;
1175 #wp-link .query-notice {
1178 border-bottom: 1px solid #f1f1f1;
1186 background: #eaf2fa;
1190 #wp-link li.unselectable {
1191 border-bottom: 1px solid #dfdfdf;
1194 #wp-link li.unselectable:hover {
1200 #wp-link li.selected {
1205 #wp-link li.selected .item-title {
1209 #wp-link li:last-child {
1213 #wp-link .item-title {
1214 display: inline-block;
1216 width: -webkit-calc(100% - 68px);
1217 width: calc(100% - 68px);
1220 #wp-link .item-info {
1221 text-transform: uppercase;
1229 #wp-link #search-results,
1230 #wp-link #search-panel {
1234 #wp-link-wrap.search-panel-visible #search-panel {
1238 #wp-link .river-waiting {
1243 #wp-link .river-waiting .spinner {
1249 #wp-link .submitbox {
1251 background: #fcfcfc;
1252 border-top: 1px solid #dfdfdf;
1273 @media screen and ( max-width: 782px ) {
1279 #wp-link-wrap.search-panel-visible .query-results {
1284 padding: 0 16px 60px;
1287 #wp-link-wrap.search-panel-visible #link-selector {
1296 @media screen and ( max-width: 520px ) {
1306 @media screen and ( max-height: 520px ) {
1308 -webkit-transition: none;
1312 #wp-link-wrap.search-panel-visible {
1319 .search-panel-visible #link-selector {
1323 .search-panel-visible #search-panel .query-results {
1328 @media screen and ( max-height: 290px ) {
1338 height: -webkit-calc(100% - 92px);
1339 height: calc(100% - 92px);
1340 padding-bottom: 2px;
1343 #search-panel .query-results {
1348 /* Old TinyMCE 3.x modal */
1350 .clearlooks2 .mceTop {
1351 border-bottom: 1px solid #ccc;
1354 .clearlooks2 .mceTop span {
1355 font: 13px/24px "Open Sans", sans-serif;
1359 .clearlooks2 .mceTop .mceLeft {
1360 background: #444444;
1361 border-color: transparent;
1364 .clearlooks2 .mceTop .mceRight {
1365 background: #444444;
1366 border-color: transparent;
1369 .clearlooks2 .mceMiddle {
1370 clip: rect(24px auto auto auto);
1373 .clearlooks2 .mceMiddle .mceLeft {
1374 background: #f1f1f1;
1375 border-color: transparent;
1378 .clearlooks2 .mceMiddle .mceRight {
1379 background: #f1f1f1;
1380 border-color: transparent;
1383 .clearlooks2 .mceBottom {
1384 background: #f1f1f1;
1385 border-color: transparent;
1388 .clearlooks2 .mceBottom .mceLeft {
1389 background: #f1f1f1;
1390 border-color: transparent;
1393 .clearlooks2 .mceBottom .mceCenter {
1394 background: #f1f1f1;
1395 border-color: transparent;
1398 .clearlooks2 .mceBottom .mceRight {
1399 background: #f1f1f1;
1400 border-color: transparent;
1403 .clearlooks2 .mceClose,
1404 .clearlooks2 .mceFocus .mceClose,
1405 .clearlooks2 .mceFocus .mceClose:hover {
1406 background-image: none;
1408 .clearlooks2 .mceClose:before {
1410 font: normal 20px/1 'dashicons';
1412 -webkit-font-smoothing: antialiased;
1413 -moz-osx-font-smoothing: grayscale;
1420 box-shadow: 0 5px 15px rgba(0,0,0,0.7);
1423 .clearlooks2 .mceMiddle span,
1424 .clearlooks2 .mceMiddle .mceLeft,
1425 .clearlooks2 .mceMiddle .mceRight,
1426 .clearlooks2 .mceBottom,
1427 .clearlooks2 .mceBottom .mceLeft,
1428 .clearlooks2 .mceBottom .mceCenter,
1429 .clearlooks2 .mceBottom .mceRight {
1430 background-color: #fcfcfc;
1433 .clearlooks2 .mceTop span,
1434 .clearlooks2 .mceFocus .mceTop span {
1438 .clearlooks2 .mceClose:before {
1442 .clearlooks2 .mceClose:hover:before {
1446 /* Distraction Free Writing mode
1448 -------------------------------------------------------------- */
1449 .fullscreen-overlay {
1457 -webkit-filter: inherit;
1461 .wp-fullscreen-active .fullscreen-overlay,
1462 .wp-fullscreen-active #wp-fullscreen-body {
1470 .wp-fullscreen-active .fullscreen-fader,
1471 .wp-core-ui.wp-fullscreen-active .postbox-container {
1476 -------------------------------------------------------------- */
1478 #wp-fullscreen-body,
1483 #wp-fullscreen-body {
1487 .wp-fullscreen-wrap {
1498 .wp-fullscreen-wrap .wp-editor-container,
1499 .wp-fullscreen-title,
1500 #wp-fullscreen-central-toolbar {
1501 -webkit-box-sizing: border-box;
1502 -moz-box-sizing: border-box;
1503 box-sizing: border-box;
1507 .wp-fullscreen-active .wp-editor-tools,
1508 .wp-fullscreen-active .quicktags-toolbar,
1509 .wp-fullscreen-active .mce-toolbar-grp,
1510 .wp-fullscreen-active .mce-statusbar {
1514 #wp-fullscreen-statusbar {
1522 -webkit-transition: height 0.2s;
1523 transition: height 0.2s;
1526 #wp-fullscreen-status {
1531 .wp-fullscreen-active .wp-fullscreen-title,
1532 .wp-fullscreen-active .wp-fullscreen-title:focus,
1533 .wp-fullscreen-active .wp-editor-container {
1534 -webkit-border-radius: 0;
1536 border: 1px dashed transparent;
1537 background: transparent;
1538 -webkit-box-shadow: none;
1540 -webkit-transition: border-color 0.4s;
1541 transition: border-color 0.4s;
1544 .wp-fullscreen-active .wp-editor-container {
1545 margin: 0 auto 40px;
1548 .wp-fullscreen-active .wp-fullscreen-title {
1551 outline: medium none;
1553 margin: 10px auto 30px;
1557 #wp-fullscreen-tagline {
1565 -------------------------------------------------------------- */
1566 #fullscreen-topbar {
1567 background: #f5f5f5;
1568 border-bottom: 1px solid #dedede;
1576 -webkit-transition: opacity 0.4s;
1577 transition: opacity 0.4s;
1580 #wp-fullscreen-toolbar {
1581 padding: 6px 10px 0;
1587 #wp-fullscreen-mode-bar,
1588 #wp-fullscreen-button-bar,
1589 #wp-fullscreen-close {
1593 #wp-fullscreen-count,
1594 #wp-fullscreen-tagline {
1595 display: inline-block;
1598 #wp-fullscreen-button-bar {
1602 #wp-fullscreen-save {
1608 #wp-fullscreen-count,
1609 #wp-fullscreen-close {
1613 #wp-fullscreen-central-toolbar {
1619 #wp-fullscreen-buttons > div {
1623 #wp-fullscreen-mode-bar {
1624 padding: 3px 0 0 14px;
1627 #wp-fullscreen-buttons .hidden {
1631 #wp-fullscreen-buttons .disabled {
1635 #wp-fullscreen-buttons .mce-btn button {
1639 white-space: nowrap;
1648 -webkit-box-sizing: border-box;
1649 -moz-box-sizing: border-box;
1650 box-sizing: border-box;
1653 .wp-html-mode #wp-fullscreen-buttons div {
1657 .wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both {
1661 #wp-fullscreen-save img {
1662 vertical-align: middle;
1665 #wp-fullscreen-save span {
1671 /* =Thickbox Adjustments
1672 -------------------------------------------------------------- */
1673 .wp-fullscreen-active #TB_overlay {
1677 .wp-fullscreen-active #TB_window {
1682 .fullscreen-overlay {
1686 /* =CSS 3 transitions
1687 -------------------------------------------------------------- */
1689 .wp-fullscreen-active #fullscreen-topbar {
1690 -webkit-transition-duration: 0.8s;
1691 transition-duration: 0.8s;
1693 filter: alpha(opacity=0);
1696 .wp-fullscreen-active #wp-fullscreen-statusbar {
1700 .wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar {
1701 -webkit-transition-duration: 0.4s;
1702 transition-duration: 0.4s;
1704 filter: alpha(opacity=100);
1707 .wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar {
1709 background: #f8f8f8;
1710 border-top: 1px solid #eee;
1713 .wp-fullscreen-active .wp-fullscreen-title,
1714 .wp-fullscreen-active .wp-editor-container {
1715 -webkit-transition-duration: 0.8s;
1716 transition-duration: 0.8s;
1717 border-color: transparent;
1720 .wp-fullscreen-active.wp-dfw-show-ui .wp-fullscreen-title,
1721 .wp-fullscreen-active.wp-dfw-show-ui .wp-editor-container {
1722 -webkit-transition-duration: 0.4s;
1723 transition-duration: 0.4s;
1732 -webkit-transition-property: opacity;
1733 transition-property: opacity;
1737 -webkit-transition-duration: 1s;
1738 transition-duration: 1s;
1742 -webkit-transition-duration: 0.6s;
1743 transition-duration: 0.6s;
1747 -webkit-transition-duration: 0.4s;
1748 transition-duration: 0.4s;
1752 -webkit-transition-duration: 0.3s;
1753 transition-duration: 0.3s;
1760 /* DFW on touch screen devices */
1761 .wp-dfw-touch #fullscreen-topbar {
1766 .wp-dfw-touch .wp-fullscreen-wrap .wp-editor-container,
1767 .wp-dfw-touch .wp-fullscreen-title {
1771 .wp-fullscreen-active.wp-dfw-touch .wp-fullscreen-title,
1772 .wp-fullscreen-active.wp-dfw-touch .wp-editor-container {
1776 .wp-dfw-touch #wp-fullscreen-statusbar {
1780 @media screen and ( max-width: 782px ) {
1781 #wp-fullscreen-close,
1782 #wp-fullscreen-central-toolbar,
1783 #wp-fullscreen-mode-bar,
1784 #wp-fullscreen-button-bar,
1785 #wp-fullscreen-save {
1786 display: inline-block;
1789 #fullscreen-topbar {
1793 #wp-fullscreen-central-toolbar {
1794 width: auto !important;
1798 #wp-fullscreen-close {
1800 vertical-align: top;
1804 #wp-fullscreen-button-bar {
1810 .wp-fullscreen-wrap {
1814 #wp-fullscreen-save {
1820 @media screen and ( max-width: 480px ) {
1825 .wp-fullscreen-wrap .wp-editor-container,
1826 .wp-fullscreen-title {
1827 width: 480px !important;
1830 body.wp-fullscreen-active {
1836 .wp-fullscreen-wrap {
1840 #fullscreen-topbar {
1844 #wp-fullscreen-status {
1845 width: auto !important;
1852 -------------------------------------------------------------- */
1853 .rtl .wp-switch-editor,
1854 .rtl .quicktags-toolbar input {
1855 font-family: Tahoma, sans-serif;
1859 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div {
1864 .mce-rtl .mce-listbox i.mce-caret {
1868 html:lang(he-il) .rtl .wp-switch-editor,
1869 html:lang(he-il) .rtl .quicktags-toolbar input {
1870 font-family: Arial, sans-serif;
1875 (-o-min-device-pixel-ratio: 5/4),
1876 (-webkit-min-device-pixel-ratio: 1.25),
1877 (min-resolution: 120dpi) {
1878 .wp-media-buttons .add_media span.wp-media-buttons-icon,
1879 #wp-fullscreen-buttons #wp_fs_image span.mce_image {
1884 /* TODO: DFW responsive */