49 line-height: 36px; |
57 line-height: 36px; |
50 margin: 0; |
58 margin: 0; |
51 padding: 0 16px 0 36px; |
59 padding: 0 16px 0 36px; |
52 } |
60 } |
53 |
61 |
54 .mce-window .mce-window-head .mce-close { |
62 .mce-window .mce-window-head .mce-close, |
|
63 .mce-window-head .mce-close .mce-i-remove { |
55 color: transparent; |
64 color: transparent; |
56 top: 0; |
65 top: 0; |
57 left: 0; |
66 left: 0; |
58 width: 36px; |
67 width: 36px; |
59 height: 36px; |
68 height: 36px; |
|
69 padding: 0; |
60 line-height: 36px; |
70 line-height: 36px; |
61 text-align: center; |
71 text-align: center; |
62 } |
72 } |
63 |
73 |
64 .mce-window .mce-window-head .mce-close:before { |
74 .mce-window-head .mce-close .mce-i-remove:before { |
65 font: normal 20px/36px 'dashicons'; |
75 font: normal 20px/36px dashicons; |
66 text-align: center; |
76 text-align: center; |
67 color: #666; |
77 color: #666; |
68 width: 36px; |
78 width: 36px; |
69 height: 36px; |
79 height: 36px; |
70 display: block; |
80 display: block; |
71 } |
81 } |
72 |
82 |
73 .mce-window .mce-window-head .mce-close:hover:before { |
83 .mce-window-head .mce-close:hover .mce-i-remove:before, |
|
84 .mce-window-head .mce-close:focus .mce-i-remove:before { |
74 color: #00a0d2; |
85 color: #00a0d2; |
75 } |
86 } |
76 |
87 |
|
88 .mce-window-head .mce-close:focus .mce-i-remove, |
|
89 div.mce-tab:focus { |
|
90 box-shadow: 0 0 0 1px #5b9dd9, |
|
91 0 0 2px 1px rgba(30, 140, 190, .8); |
|
92 } |
|
93 |
77 .mce-window .mce-window-head .mce-dragh { |
94 .mce-window .mce-window-head .mce-dragh { |
78 width: -webkit-calc( 100% - 36px ); |
|
79 width: calc( 100% - 36px ); |
95 width: calc( 100% - 36px ); |
80 } |
96 } |
81 |
97 |
82 .mce-wp-help .mce-window-head { |
98 .mce-window .mce-foot { |
83 border-bottom: none; |
99 border-top: 1px solid #ddd; |
84 } |
100 } |
85 |
101 |
86 .mce-textbox, |
102 .mce-textbox, |
87 .mce-checkbox i.mce-i-checkbox, |
103 .mce-checkbox i.mce-i-checkbox, |
88 #wp-link .query-results { |
104 #wp-link .query-results { |
89 border: 1px solid #ddd; |
105 border: 1px solid #ddd; |
90 -webkit-border-radius: 0; |
|
91 border-radius: 0; |
106 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); |
107 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; |
108 transition: .05s all ease-in-out; |
96 } |
109 } |
97 |
110 |
98 .mce-textbox:focus, |
111 .mce-textbox:focus, |
99 .mce-textbox.mce-focus, |
112 .mce-textbox.mce-focus, |
100 .mce-checkbox:focus i.mce-i-checkbox, |
113 .mce-checkbox:focus i.mce-i-checkbox, |
101 #wp-link .query-results:focus { |
114 #wp-link .query-results:focus { |
102 border-color: #5b9dd9; |
115 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); |
116 box-shadow: 0 0 2px rgba(30,140,190,0.8); |
|
117 } |
|
118 |
|
119 .mce-window .mce-wp-help { |
|
120 height: 360px; |
|
121 width: 460px; |
|
122 overflow: auto; |
|
123 } |
|
124 |
|
125 .mce-window .mce-wp-help * { |
|
126 box-sizing: border-box; |
|
127 } |
|
128 |
|
129 .mce-window .mce-wp-help > .mce-container-body { |
|
130 width: auto !important; |
|
131 } |
|
132 |
|
133 .mce-window .wp-editor-help { |
|
134 padding: 10px 20px 0 10px; |
|
135 } |
|
136 |
|
137 .mce-window .wp-editor-help h2, |
|
138 .mce-window .wp-editor-help p { |
|
139 margin: 8px 0; |
|
140 white-space: normal; |
|
141 font-size: 14px; |
|
142 font-weight: 400; |
|
143 } |
|
144 |
|
145 .mce-window .wp-editor-help table { |
|
146 width: 100%; |
|
147 margin-bottom: 20px; |
|
148 } |
|
149 |
|
150 .mce-window .wp-editor-help table.wp-help-single { |
|
151 margin: 0 8px 20px; |
|
152 } |
|
153 |
|
154 .mce-window .wp-editor-help table.fixed { |
|
155 table-layout: fixed; |
|
156 } |
|
157 |
|
158 .mce-window .wp-editor-help table.fixed th:nth-child(odd), |
|
159 .mce-window .wp-editor-help table.fixed td:nth-child(odd) { |
|
160 width: 12%; |
|
161 } |
|
162 |
|
163 .mce-window .wp-editor-help table.fixed th:nth-child(even), |
|
164 .mce-window .wp-editor-help table.fixed td:nth-child(even) { |
|
165 width: 38%; |
|
166 } |
|
167 |
|
168 .mce-window .wp-editor-help table.fixed th:nth-child(odd) { |
|
169 padding: 5px 0 0; |
|
170 } |
|
171 |
|
172 .mce-window .wp-editor-help td, |
|
173 .mce-window .wp-editor-help th { |
|
174 font-size: 13px; |
|
175 padding: 5px; |
|
176 vertical-align: middle; |
|
177 word-wrap: break-word; |
|
178 white-space: normal; |
|
179 } |
|
180 |
|
181 .mce-window .wp-editor-help th { |
|
182 font-weight: 600; |
|
183 padding-bottom: 0; |
|
184 } |
|
185 |
|
186 .mce-window .wp-editor-help kbd { |
|
187 font-family: monospace; |
|
188 padding: 2px 7px 3px; |
|
189 font-weight: 600; |
|
190 margin: 0; |
|
191 background: #eaeaea; |
|
192 background: rgba(0,0,0,0.08); |
|
193 } |
|
194 |
|
195 .mce-window .wp-help-th-center td:nth-child(odd), |
|
196 .mce-window .wp-help-th-center th:nth-child(odd) { |
|
197 text-align: center; |
105 } |
198 } |
106 |
199 |
107 /* TinyMCE menus */ |
200 /* TinyMCE menus */ |
108 .mce-menu, |
201 .mce-menu, |
109 .mce-floatpanel.mce-popover { |
202 .mce-floatpanel.mce-popover { |
110 border-color: rgba(0,0,0,0.15); |
203 border-color: rgba(0,0,0,0.15); |
111 -webkit-border-radius: 0; |
|
112 border-radius: 0; |
204 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 ); |
205 box-shadow: 0 3px 5px rgba( 0, 0, 0, 0.2 ); |
115 } |
206 } |
116 |
207 |
|
208 .mce-menu, |
117 .mce-floatpanel.mce-popover.mce-bottom { |
209 .mce-floatpanel.mce-popover.mce-bottom { |
118 margin-top: 2px; |
210 margin-top: 2px; |
119 } |
211 } |
120 |
212 |
121 .mce-floatpanel .mce-arrow { |
213 .mce-floatpanel .mce-arrow { |
284 |
372 |
285 .mce-path, |
373 .mce-path, |
286 .mce-path-item, |
374 .mce-path-item, |
287 .mce-path .mce-divider { |
375 .mce-path .mce-divider { |
288 font-size: 12px; |
376 font-size: 12px; |
289 line-height: 18px; |
|
290 } |
377 } |
291 |
378 |
292 .mce-toolbar .mce-btn, |
379 .mce-toolbar .mce-btn, |
293 .qt-dfw { |
380 .qt-dfw { |
294 border-color: transparent; |
381 border-color: transparent; |
295 background: transparent; |
382 background: transparent; |
296 -webkit-box-shadow: none; |
|
297 box-shadow: none; |
383 box-shadow: none; |
298 text-shadow: none; |
384 text-shadow: none; |
299 cursor: pointer; |
385 cursor: pointer; |
300 } |
386 } |
301 |
387 |
302 #wp-fullscreen-buttons .mce-btn, |
388 .mce-btn .mce-txt { |
|
389 direction: inherit; |
|
390 text-align: inherit; |
|
391 } |
|
392 |
303 .mce-toolbar .mce-btn-group .mce-btn, |
393 .mce-toolbar .mce-btn-group .mce-btn, |
304 .qt-dfw { |
394 .qt-dfw { |
305 border: 1px solid transparent; |
395 border: 1px solid transparent; |
306 margin: 2px; |
396 margin: 2px; |
307 background-image: none; |
|
308 -webkit-border-radius: 2px; |
|
309 border-radius: 2px; |
397 border-radius: 2px; |
310 -webkit-filter: none; |
398 } |
311 filter: none; |
399 |
312 } |
|
313 |
|
314 #wp-fullscreen-buttons .mce-btn:hover, |
|
315 .mce-toolbar .mce-btn-group .mce-btn:hover, |
400 .mce-toolbar .mce-btn-group .mce-btn:hover, |
316 #wp-fullscreen-buttons .mce-btn:focus, |
|
317 .mce-toolbar .mce-btn-group .mce-btn:focus, |
401 .mce-toolbar .mce-btn-group .mce-btn:focus, |
318 .qt-dfw:hover, |
402 .qt-dfw:hover, |
319 .qt-dfw:focus { |
403 .qt-dfw:focus { |
320 background: #fafafa; |
404 background: #fafafa; |
321 border-color: #999; |
405 border-color: #555d66; |
322 color: #23282d; |
406 color: #23282d; |
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 ); |
407 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba( 0, 0, 0, 0.08 ); |
325 outline: none; |
408 outline: none; |
326 } |
409 } |
327 |
410 |
328 .mce-toolbar .mce-btn-group .mce-btn.mce-active, |
411 .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, |
412 .mce-toolbar .mce-btn-group .mce-btn:active, |
331 #wp-fullscreen-buttons .mce-btn:active, |
|
332 .qt-dfw.active { |
413 .qt-dfw.active { |
333 background: #ebebeb; |
414 background: #ebebeb; |
334 border-color: #999; |
415 border-color: #555d66; |
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 ); |
416 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.3 ); |
337 } |
417 } |
338 |
418 |
339 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover { |
419 .mce-btn.mce-active, |
340 border-color: #555; |
420 .mce-btn.mce-active button, |
341 } |
421 .mce-btn.mce-active:hover button, |
342 |
422 .mce-btn.mce-active i, |
343 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico { |
423 .mce-btn.mce-active:hover i { |
344 color: #555; |
424 color: inherit; |
|
425 } |
|
426 |
|
427 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover, |
|
428 .mce-toolbar .mce-btn-group .mce-btn.mce-active:focus { |
|
429 border-color: #23282d; |
345 } |
430 } |
346 |
431 |
347 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover, |
432 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:hover, |
348 #wp-fullscreen-buttons .mce-btn.mce-disabled:hover, |
433 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus { |
349 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus, |
|
350 #wp-fullscreen-buttons .mce-btn.mce-disabled:focus { |
|
351 color: #a0a5aa; |
434 color: #a0a5aa; |
352 background: none; |
435 background: none; |
353 border-color: #ddd; |
436 border-color: #ddd; |
354 text-shadow: 0 1px 0 #fff; |
437 text-shadow: 0 1px 0 #fff; |
355 -webkit-box-shadow: none; |
|
356 box-shadow: none; |
438 box-shadow: none; |
|
439 } |
|
440 |
|
441 .mce-toolbar .mce-btn-group .mce-btn.mce-disabled:focus { |
|
442 border-color: #555d66; |
357 } |
443 } |
358 |
444 |
359 .mce-toolbar .mce-btn-group .mce-first, |
445 .mce-toolbar .mce-btn-group .mce-first, |
360 .mce-toolbar .mce-btn-group .mce-last { |
446 .mce-toolbar .mce-btn-group .mce-last { |
361 border-color: transparent; |
447 border-color: transparent; |
385 top: auto; |
478 top: auto; |
386 bottom: 2px; |
479 bottom: 2px; |
387 right: 3px; |
480 right: 3px; |
388 height: 3px; |
481 height: 3px; |
389 width: 20px; |
482 width: 20px; |
|
483 background: #555d66; |
|
484 } |
|
485 |
|
486 .mce-toolbar .mce-btn-group .mce-btn.mce-primary { |
|
487 min-width: 0; |
|
488 background: #0085ba; |
|
489 border-color: #0073aa #006799 #006799; |
|
490 box-shadow: 0 1px 0 #006799; |
|
491 color: #fff; |
|
492 text-decoration: none; |
|
493 text-shadow: none; |
|
494 } |
|
495 |
|
496 /* Compensate for the extra box shadow at the bottom of .mce-btn.mce-primary */ |
|
497 .mce-toolbar .mce-btn-group .mce-btn.mce-primary button { |
|
498 padding: 2px 3px 1px; |
|
499 } |
|
500 |
|
501 .mce-toolbar .mce-btn-group .mce-btn.mce-primary .mce-ico { |
|
502 color: #fff; |
|
503 } |
|
504 |
|
505 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:hover, |
|
506 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus { |
|
507 background: #008ec2; |
|
508 border-color: #006799; |
|
509 color: #fff; |
|
510 } |
|
511 |
|
512 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:focus { |
|
513 box-shadow: 0 0 1px 1px #33b3db; |
|
514 } |
|
515 |
|
516 .mce-toolbar .mce-btn-group .mce-btn.mce-primary:active { |
|
517 background: #0073aa; |
|
518 border-color: #006799; |
|
519 box-shadow: inset 0 2px 0 #006799; |
390 } |
520 } |
391 |
521 |
392 /* mce listbox */ |
522 /* mce listbox */ |
393 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { |
523 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { |
394 -webkit-border-radius: 0; |
|
395 border-radius: 0; |
524 border-radius: 0; |
396 direction: rtl; |
525 direction: rtl; |
397 background: #fff; |
526 background: #fff; |
398 border: 1px solid #ddd; |
527 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); |
528 box-shadow: inset 0 1px 1px -1px rgba(0, 0, 0, .2); |
401 } |
529 } |
402 |
530 |
403 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover { |
531 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover, |
404 background-image: none; |
532 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:focus { |
405 border-color: #b4b9be; |
533 border-color: #b4b9be; |
406 } |
|
407 |
|
408 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox span { |
|
409 font-size: 13px; |
|
410 } |
534 } |
411 |
535 |
412 .mce-panel .mce-btn i.mce-caret { |
536 .mce-panel .mce-btn i.mce-caret { |
413 border-top: 6px solid #777; |
537 border-top: 6px solid #555d66; |
414 margin-right: 2px; |
538 margin-right: 2px; |
415 margin-left: 2px; |
539 margin-left: 2px; |
416 } |
540 } |
417 |
541 |
418 .mce-listbox i.mce-caret { |
542 .mce-listbox i.mce-caret { |
419 left: 6px; |
543 left: 4px; |
420 } |
544 } |
421 |
545 |
422 .mce-panel .mce-btn button.mce-open i.mce-caret, |
546 .mce-panel .mce-btn:hover i.mce-caret, |
423 .mce-panel .mce-btn.mce-listbox i.mce-caret { |
547 .mce-panel .mce-btn:focus i.mce-caret { |
424 margin-right: 0; |
548 border-top-color: #23282d; |
425 margin-left: 0; |
|
426 } |
|
427 |
|
428 .mce-panel .mce-btn:hover i.mce-caret { |
|
429 border-top-color: #32373c; |
|
430 } |
549 } |
431 |
550 |
432 .mce-panel .mce-active i.mce-caret { |
551 .mce-panel .mce-active i.mce-caret { |
433 border-top: 0; |
552 border-top: 0; |
434 border-bottom: 6px solid #32373c; |
553 border-bottom: 6px solid #23282d; |
435 margin-top: 7px; |
554 margin-top: 7px; |
436 } |
555 } |
437 |
556 |
438 .mce-listbox.mce-active i.mce-caret { |
557 .mce-listbox.mce-active i.mce-caret { |
439 margin-top: -3px; |
558 margin-top: -3px; |
441 |
560 |
442 .mce-toolbar .mce-splitbtn:hover .mce-open { |
561 .mce-toolbar .mce-splitbtn:hover .mce-open { |
443 border-left-color: transparent; |
562 border-left-color: transparent; |
444 } |
563 } |
445 |
564 |
446 .mce-toolbar .mce-splitbtn .mce-open.mce-active{ |
565 .mce-toolbar .mce-splitbtn .mce-open.mce-active { |
447 -webkit-box-shadow: none; |
566 background: transparent; |
448 box-shadow: none; |
567 outline: none; |
449 } |
|
450 |
|
451 .mce-menu .mce-menu-item-normal.mce-active { |
|
452 background-color: #e5e5e5; |
|
453 -webkit-filter: none; |
|
454 filter: none; |
|
455 } |
568 } |
456 |
569 |
457 .mce-menu .mce-menu-item:hover, |
570 .mce-menu .mce-menu-item:hover, |
458 .mce-menu .mce-menu-item.mce-selected, |
571 .mce-menu .mce-menu-item.mce-selected, |
459 .mce-menu .mce-menu-item:focus { |
572 .mce-menu .mce-menu-item:focus, |
460 color: #000; |
573 .mce-menu .mce-menu-item-normal.mce-active, |
461 background-color: #b4b9be; |
574 .mce-menu .mce-menu-item-preview.mce-active { |
462 background-image: none; |
575 background: #0073aa; /* See color scheme. */ |
463 -webkit-filter: none; |
576 color: #fff; |
464 filter: none; |
577 } |
465 } |
578 |
466 |
579 .mce-menu-item:hover .mce-text, |
467 .mce-menu .mce-menu-item:hover .mce-ico, |
580 .mce-menu-item:focus .mce-text, |
468 .mce-menu .mce-menu-item.mce-selected .mce-ico, |
581 .mce-menu-item:hover .mce-ico, |
469 .mce-menu .mce-menu-item:focus .mce-ico, |
582 .mce-menu-item:focus .mce-ico, |
470 .mce-menu .mce-menu-item:hover .mce-text, |
583 .mce-menu-item:hover .mce-menu-shortcut, |
471 .mce-menu .mce-menu-item.mce-active:hover .mce-text, |
584 .mce-menu-item:focus .mce-menu-shortcut, |
472 .mce-menu .mce-menu-item.mce-selected .mce-text { |
585 .mce-menu-item.mce-active .mce-menu-shortcut, |
473 color: #000; |
586 .mce-menu-item.mce-disabled:hover .mce-text, |
|
587 .mce-menu-item.mce-disabled:hover .mce-ico { |
|
588 color: inherit; |
|
589 } |
|
590 |
|
591 .mce-menu .mce-menu-item.mce-disabled { |
|
592 cursor: default; |
|
593 } |
|
594 |
|
595 .mce-menu .mce-menu-item.mce-disabled:hover { |
|
596 background: #ccc; |
474 } |
597 } |
475 |
598 |
476 /* Menubar */ |
599 /* Menubar */ |
477 .mce-menubar { |
600 div.mce-menubar { |
478 border-color: #e5e5e5; |
601 border-color: #e5e5e5; |
479 background: #fff; |
602 background: #fff; |
480 border-width: 0px 0px 1px; |
603 border-width: 0px 0px 1px; |
481 } |
604 } |
482 |
605 |
483 .mce-menubar .mce-btn:focus { |
606 .mce-menubar .mce-menubtn:hover, |
484 outline: 0; |
607 .mce-menubar .mce-menubtn.mce-active, |
|
608 .mce-menubar .mce-menubtn:focus { |
|
609 border-color: transparent; |
|
610 background: transparent; |
|
611 } |
|
612 |
|
613 .mce-menubar .mce-menubtn:focus { |
|
614 color: #124964; |
|
615 box-shadow: |
|
616 0 0 0 1px #5b9dd9, |
|
617 0 0 2px 1px rgba(30, 140, 190, .8); |
485 } |
618 } |
486 |
619 |
487 div.mce-menu .mce-menu-item-sep, |
620 div.mce-menu .mce-menu-item-sep, |
488 .mce-menu-item-sep:hover { |
621 .mce-menu-item-sep:hover { |
489 margin: 5px 0 4px; |
622 border-bottom: 1px solid #ddd; |
|
623 height: 0px; |
|
624 margin: 5px 0; |
490 } |
625 } |
491 |
626 |
492 .mce-menubtn span { |
627 .mce-menubtn span { |
493 margin-left: 0; |
628 margin-left: 0; |
494 padding-right: 3px; |
629 padding-right: 3px; |
495 } |
630 } |
496 |
631 |
497 .mce-menu-has-icons i.mce-ico:before { |
632 .mce-menu-has-icons i.mce-ico:before { |
498 margin-right: -2px; |
633 margin-right: -2px; |
|
634 } |
|
635 |
|
636 /* Keyboard shortcuts position */ |
|
637 .mce-menu.mce-menu-align .mce-menu-item-normal { |
|
638 position: relative; |
|
639 } |
|
640 |
|
641 .mce-menu.mce-menu-align .mce-menu-shortcut { |
|
642 bottom: 0.6em; |
|
643 font-size: 0.9em; |
499 } |
644 } |
500 |
645 |
501 /* Buttons in modals */ |
646 /* Buttons in modals */ |
502 .mce-primary button, |
647 .mce-primary button, |
503 .mce-primary button i { |
648 .mce-primary button i { |
542 border-color: #999; |
683 border-color: #999; |
543 color: #23282d; |
684 color: #23282d; |
544 } |
685 } |
545 |
686 |
546 .mce-window .mce-btn:focus { |
687 .mce-window .mce-btn:focus { |
547 -webkit-box-shadow: |
688 border-color: #5b9dd9; |
548 0 0 0 1px #5b9dd9, |
689 box-shadow: 0 0 3px rgba( 0, 115, 170, .8 ); |
549 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); |
|
550 box-shadow: |
|
551 0 0 0 1px #5b9dd9, |
|
552 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); |
|
553 } |
690 } |
554 |
691 |
555 .mce-window .mce-btn:active { |
692 .mce-window .mce-btn:active { |
556 background: #eee; |
693 background: #eee; |
557 border-color: #999; |
694 border-color: #999; |
558 color: #32373c; |
|
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 ); |
695 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); |
|
696 -webkit-transform: translateY(1px); |
|
697 transform: translateY(1px); |
561 } |
698 } |
562 |
699 |
563 .mce-window .mce-btn.mce-disabled { |
700 .mce-window .mce-btn.mce-disabled { |
564 color: #a0a5aa; |
701 color: #a0a5aa !important; |
565 border-color: #ddd; |
702 border-color: #ddd !important; |
566 background: #f7f7f7; |
703 background: #f7f7f7 !important; |
567 -webkit-box-shadow: none; |
704 box-shadow: none !important; |
568 box-shadow: none; |
705 text-shadow: 0 1px 0 #fff !important; |
569 text-shadow: 0 1px 0 #fff; |
|
570 cursor: default; |
706 cursor: default; |
|
707 -webkit-transform: none !important; |
|
708 transform: none !important; |
571 } |
709 } |
572 |
710 |
573 .mce-window .mce-btn.mce-primary { |
711 .mce-window .mce-btn.mce-primary { |
574 background: #00a0d2; |
712 background: #0085ba; |
575 border-color: #0073aa; |
713 border-color: #0073aa #006799 #006799; |
576 -webkit-box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5), 0 1px 0 rgba( 0, 0, 0, 0.15 ); |
714 box-shadow: 0 1px 0 #006799; |
577 box-shadow: inset 0 1px 0 rgba( 120, 200, 230, 0.5 ), 0 1px 0 rgba( 0, 0, 0, 0.15 ); |
|
578 color: #fff; |
715 color: #fff; |
579 text-decoration: none; |
716 text-decoration: none; |
|
717 text-shadow: 0 -1px 1px #006799, |
|
718 -1px 0 1px #006799, |
|
719 0 1px 1px #006799, |
|
720 1px 0 1px #006799; |
580 } |
721 } |
581 |
722 |
582 .mce-window .mce-btn.mce-primary:hover, |
723 .mce-window .mce-btn.mce-primary:hover, |
583 .mce-window .mce-btn.mce-primary:focus { |
724 .mce-window .mce-btn.mce-primary:focus { |
584 background: #1e8cbe; |
725 background: #008ec2; |
585 border-color: #0073aa; |
726 border-color: #006799; |
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 ); |
|
588 color: #fff; |
727 color: #fff; |
589 } |
728 } |
590 |
729 |
591 .mce-window .mce-btn.mce-primary:focus { |
730 .mce-window .mce-btn.mce-primary:focus { |
592 border-color: #0e3950; |
731 box-shadow: 0 1px 0 #0073aa, |
593 -webkit-box-shadow: |
732 0 0 2px 1px #33b3db; |
594 inset 0 1px 0 rgba( 120, 200, 230, 0.6 ), |
|
595 0 0 0 1px #5b9dd9, |
|
596 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); |
|
597 box-shadow: |
|
598 inset 0 1px 0 rgba( 120, 200, 230, 0.6 ), |
|
599 0 0 0 1px #5b9dd9, |
|
600 0 0 2px 1px rgba( 30, 140, 190, 0.8 ); |
|
601 } |
733 } |
602 |
734 |
603 .mce-window .mce-btn.mce-primary:active { |
735 .mce-window .mce-btn.mce-primary:active { |
604 background: #1b7aa6; |
736 background: #0073aa; |
605 border-color: #005684; |
737 border-color: #006799; |
606 color: rgba( 255, 255, 255, 0.95 ); |
738 box-shadow: inset 0 2px 0 #006799; |
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 ); |
|
609 vertical-align: top; |
739 vertical-align: top; |
610 } |
740 } |
611 |
741 |
612 .mce-window .mce-btn.mce-primary.mce-disabled { |
742 .mce-window .mce-btn.mce-primary.mce-disabled { |
613 color: #94cde7; |
743 color: #66c6e4 !important; |
614 background: #298cba; |
744 background: #008ec2 !important; |
615 border-color: #1b607f; |
745 border-color: #007cb2 !important; |
616 -webkit-box-shadow: none; |
746 box-shadow: none !important; |
617 box-shadow: none; |
747 text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ) !important; |
618 text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ); |
|
619 cursor: default; |
748 cursor: default; |
620 } |
749 } |
621 |
750 |
622 .mce-menubtn.mce-fixed-width button span { |
751 .mce-menubtn.mce-fixed-width span { |
623 max-width: 80px; |
752 overflow-x: hidden; |
624 padding-left: 16px; |
753 text-overflow: ellipsis; |
|
754 width: 82px; |
625 } |
755 } |
626 |
756 |
627 /* Charmap modal */ |
757 /* Charmap modal */ |
628 .mce-charmap { |
758 .mce-charmap { |
629 margin: 3px; |
759 margin: 3px; |
630 } |
760 } |
631 |
761 |
632 .mce-charmap td { |
762 .mce-charmap td { |
633 padding: 0; |
763 padding: 0; |
634 border-color: #dfdfdf; |
764 border-color: #ddd; |
635 cursor: pointer; |
765 cursor: pointer; |
636 } |
766 } |
637 |
767 |
638 .mce-charmap td:hover { |
768 .mce-charmap td:hover { |
639 background: #f3f3f3; |
769 background: #f3f3f3; |
731 i.mce-i-ltr, |
883 i.mce-i-ltr, |
732 i.mce-i-wp_page, |
884 i.mce-i-wp_page, |
733 i.mce-i-hr, |
885 i.mce-i-hr, |
734 i.mce-i-wp_code, |
886 i.mce-i-wp_code, |
735 i.mce-i-dashicon, |
887 i.mce-i-dashicon, |
736 .mce-close { |
888 i.mce-i-remove { |
737 font: normal 20px/1 'dashicons'; |
889 font: normal 20px/1 dashicons; |
738 padding: 0; |
890 padding: 0; |
739 vertical-align: top; |
891 vertical-align: top; |
740 speak: none; |
892 speak: none; |
741 -webkit-font-smoothing: antialiased; |
893 -webkit-font-smoothing: antialiased; |
742 -moz-osx-font-smoothing: grayscale; |
894 -moz-osx-font-smoothing: grayscale; |
743 margin-right: -2px; |
895 margin-right: -2px; |
744 padding-left: 2px; |
896 padding-left: 2px; |
745 } |
897 } |
746 |
898 |
747 .qt-dfw { |
899 .qt-dfw { |
748 font: normal 20px/1 'dashicons'; |
900 font: normal 20px/1 dashicons; |
749 vertical-align: top; |
901 vertical-align: top; |
750 speak: none; |
902 speak: none; |
751 -webkit-font-smoothing: antialiased; |
903 -webkit-font-smoothing: antialiased; |
752 -moz-osx-font-smoothing: grayscale; |
904 -moz-osx-font-smoothing: grayscale; |
753 } |
905 } |
754 |
906 |
755 i.mce-i-bold:before { |
907 i.mce-i-bold:before { |
756 content: '\f200'; |
908 content: "\f200"; |
757 } |
909 } |
758 |
910 |
759 i.mce-i-italic:before { |
911 i.mce-i-italic:before { |
760 content: '\f201'; |
912 content: "\f201"; |
761 } |
913 } |
762 |
914 |
763 i.mce-i-bullist:before { |
915 i.mce-i-bullist:before { |
764 content: '\f203'; |
916 content: "\f203"; |
765 } |
917 } |
766 |
918 |
767 i.mce-i-numlist:before { |
919 i.mce-i-numlist:before { |
768 content: '\f204'; |
920 content: "\f204"; |
769 } |
921 } |
770 |
922 |
771 i.mce-i-blockquote:before { |
923 i.mce-i-blockquote:before { |
772 content: '\f205'; |
924 content: "\f205"; |
773 } |
925 } |
774 |
926 |
775 i.mce-i-alignleft:before { |
927 i.mce-i-alignleft:before { |
776 content: '\f206'; |
928 content: "\f206"; |
777 } |
929 } |
778 |
930 |
779 i.mce-i-aligncenter:before { |
931 i.mce-i-aligncenter:before { |
780 content: '\f207'; |
932 content: "\f207"; |
781 } |
933 } |
782 |
934 |
783 i.mce-i-alignright:before { |
935 i.mce-i-alignright:before { |
784 content: '\f208'; |
936 content: "\f208"; |
785 } |
937 } |
786 |
938 |
787 i.mce-i-link:before { |
939 i.mce-i-link:before { |
788 content: '\f103'; |
940 content: "\f103"; |
789 } |
941 } |
790 |
942 |
791 i.mce-i-unlink:before { |
943 i.mce-i-unlink:before { |
792 content: '\f225'; |
944 content: "\f225"; |
793 } |
945 } |
794 |
946 |
795 i.mce-i-wp_more:before { |
947 i.mce-i-wp_more:before { |
796 content: '\f209'; |
948 content: "\f209"; |
797 } |
949 } |
798 |
950 |
799 i.mce-i-strikethrough:before { |
951 i.mce-i-strikethrough:before { |
800 content: '\f224'; |
952 content: "\f224"; |
801 } |
953 } |
802 |
954 |
803 i.mce-i-spellchecker:before { |
955 i.mce-i-spellchecker:before { |
804 content: '\f210'; |
956 content: "\f210"; |
805 } |
957 } |
806 |
958 |
807 i.mce-i-fullscreen:before, |
959 i.mce-i-fullscreen:before, |
808 i.mce-i-wp_fullscreen:before, |
960 i.mce-i-wp_fullscreen:before, |
809 i.mce-i-dfw:before, |
961 i.mce-i-dfw:before, |
810 .qt-dfw:before { |
962 .qt-dfw:before { |
811 content: '\f211'; |
963 content: "\f211"; |
812 } |
964 } |
813 |
965 |
814 i.mce-i-wp_adv:before { |
966 i.mce-i-wp_adv:before { |
815 content: '\f212'; |
967 content: "\f212"; |
816 } |
968 } |
817 |
969 |
818 i.mce-i-underline:before { |
970 i.mce-i-underline:before { |
819 content: '\f213'; |
971 content: "\f213"; |
820 } |
972 } |
821 |
973 |
822 i.mce-i-alignjustify:before { |
974 i.mce-i-alignjustify:before { |
823 content: '\f214'; |
975 content: "\f214"; |
824 } |
976 } |
825 |
977 |
826 i.mce-i-forecolor:before, |
978 i.mce-i-forecolor:before, |
827 i.mce-i-backcolor:before { |
979 i.mce-i-backcolor:before { |
828 content: '\f215'; |
980 content: "\f215"; |
829 } |
981 } |
830 |
982 |
831 i.mce-i-pastetext:before { |
983 i.mce-i-pastetext:before { |
832 content: '\f217'; |
984 content: "\f217"; |
833 } |
985 } |
834 |
986 |
835 i.mce-i-removeformat:before { |
987 i.mce-i-removeformat:before { |
836 content: '\f218'; |
988 content: "\f218"; |
837 } |
989 } |
838 |
990 |
839 i.mce-i-charmap:before { |
991 i.mce-i-charmap:before { |
840 content: '\f220'; |
992 content: "\f220"; |
841 } |
993 } |
842 |
994 |
843 i.mce-i-outdent:before { |
995 i.mce-i-outdent:before { |
844 content: '\f221'; |
996 content: "\f221"; |
845 } |
997 } |
846 |
998 |
847 i.mce-i-indent:before { |
999 i.mce-i-indent:before { |
848 content: '\f222'; |
1000 content: "\f222"; |
849 } |
1001 } |
850 |
1002 |
851 i.mce-i-undo:before { |
1003 i.mce-i-undo:before { |
852 content: '\f171'; |
1004 content: "\f171"; |
853 } |
1005 } |
854 |
1006 |
855 i.mce-i-redo:before { |
1007 i.mce-i-redo:before { |
856 content: '\f172'; |
1008 content: "\f172"; |
857 } |
1009 } |
858 |
1010 |
859 i.mce-i-help:before, |
1011 i.mce-i-help:before, |
860 i.mce-i-wp_help:before { |
1012 i.mce-i-wp_help:before { |
861 content: '\f223'; |
1013 content: "\f223"; |
862 } |
1014 } |
863 |
1015 |
864 i.mce-i-wp-media-library:before { |
1016 i.mce-i-wp-media-library:before { |
865 content: '\f104'; |
1017 content: "\f104"; |
866 } |
1018 } |
867 |
1019 |
868 i.mce-i-ltr:before { |
1020 i.mce-i-ltr:before { |
869 content: '\f320'; |
1021 content: "\f320"; |
870 } |
1022 } |
871 |
1023 |
872 i.mce-i-wp_page:before { |
1024 i.mce-i-wp_page:before { |
873 content: '\f105'; |
1025 content: "\f105"; |
874 } |
1026 } |
875 |
1027 |
876 i.mce-i-hr:before { |
1028 i.mce-i-hr:before { |
877 content: '\f460'; |
1029 content: "\f460"; |
878 } |
1030 } |
879 |
1031 |
880 .mce-close:before { |
1032 i.mce-i-remove:before { |
881 content: '\f158'; |
1033 content: "\f158"; |
882 } |
1034 } |
883 |
1035 |
884 i.mce-i-wp_code:before { |
1036 i.mce-i-wp_code:before { |
885 content: '\f475'; |
1037 content: "\f475"; |
886 } |
1038 } |
887 |
1039 |
888 /* RTL button icons */ |
1040 /* RTL button icons */ |
889 .rtl i.mce-i-outdent:before { |
1041 .rtl i.mce-i-outdent:before { |
890 content: '\f222'; |
1042 content: "\f222"; |
891 } |
1043 } |
892 |
1044 |
893 .rtl i.mce-i-indent:before { |
1045 .rtl i.mce-i-indent:before { |
894 content: '\f221'; |
1046 content: "\f221"; |
895 } |
1047 } |
896 |
1048 |
897 /* Editors */ |
1049 /* Editors */ |
898 .wp-editor-wrap { |
1050 .wp-editor-wrap { |
899 position: relative; |
1051 position: relative; |
1595 bottom: 10px; |
1707 bottom: 10px; |
1596 } |
1708 } |
1597 |
1709 |
1598 #link-selector { |
1710 #link-selector { |
1599 overflow: auto; |
1711 overflow: auto; |
1600 height: -webkit-calc(100% - 92px); |
|
1601 height: calc(100% - 92px); |
1712 height: calc(100% - 92px); |
1602 padding-bottom: 2px; |
1713 padding-bottom: 2px; |
1603 } |
1714 } |
1604 |
1715 |
1605 #search-panel .query-results { |
1716 #search-panel .query-results { |
1606 position: static; |
1717 position: static; |
1607 } |
1718 } |
1608 } |
1719 } |
1609 |
1720 |
1610 /* Old TinyMCE 3.x modal */ |
1721 div.wp-link-preview { |
1611 /* |
1722 float: right; |
1612 .clearlooks2 .mceTop { |
1723 margin: 5px; |
1613 border-bottom: 1px solid #ccc; |
1724 max-width: 694px; |
1614 } |
1725 overflow: hidden; |
1615 |
1726 text-overflow: ellipsis; |
1616 .clearlooks2 .mceTop span { |
1727 } |
1617 font: 13px/24px "Open Sans", sans-serif; |
1728 |
1618 color: #e5e5e5; |
1729 div.wp-link-preview a { |
1619 } |
1730 color: #0073aa; |
1620 |
1731 text-decoration: underline; |
1621 .clearlooks2 .mceTop .mceLeft { |
1732 transition-property: border, background, color; |
1622 background: #444444; |
1733 transition-duration: .05s; |
1623 border-color: transparent; |
1734 transition-timing-function: ease-in-out; |
1624 } |
1735 cursor: pointer; |
1625 |
1736 } |
1626 .clearlooks2 .mceTop .mceRight { |
1737 |
1627 background: #444444; |
1738 div.wp-link-preview a.wplink-url-error { |
1628 border-color: transparent; |
1739 color: #dc3232; |
1629 } |
1740 } |
1630 |
1741 |
1631 .clearlooks2 .mceMiddle { |
1742 div.wp-link-input { |
1632 clip: rect(24px auto auto auto); |
1743 float: right; |
1633 } |
1744 margin: 2px; |
1634 |
1745 max-width: 694px; |
1635 .clearlooks2 .mceMiddle .mceLeft { |
1746 } |
1636 background: #f1f1f1; |
1747 |
1637 border-color: transparent; |
1748 div.wp-link-input input { |
1638 } |
1749 width: 300px; |
1639 |
1750 padding: 3px; |
1640 .clearlooks2 .mceMiddle .mceRight { |
1751 box-sizing: border-box; |
1641 background: #f1f1f1; |
1752 } |
1642 border-color: transparent; |
1753 |
1643 } |
1754 .mce-toolbar div.wp-link-preview ~ .mce-btn, |
1644 |
1755 .mce-toolbar div.wp-link-input ~ .mce-btn { |
1645 .clearlooks2 .mceBottom { |
1756 margin: 2px 1px; |
1646 background: #f1f1f1; |
1757 } |
1647 border-color: transparent; |
1758 |
1648 } |
1759 .mce-inline-toolbar-grp .mce-btn-group .mce-btn:last-child { |
1649 |
1760 margin-left: 2px; |
1650 .clearlooks2 .mceBottom .mceLeft { |
1761 } |
1651 background: #f1f1f1; |
1762 |
1652 border-color: transparent; |
1763 .ui-autocomplete.wplink-autocomplete { |
1653 } |
1764 z-index: 100110; |
1654 |
1765 max-height: 200px; |
1655 .clearlooks2 .mceBottom .mceCenter { |
1766 overflow-y: auto; |
1656 background: #f1f1f1; |
1767 padding: 0; |
1657 border-color: transparent; |
1768 margin: 0; |
1658 } |
1769 list-style: none; |
1659 |
1770 position: absolute; |
1660 .clearlooks2 .mceBottom .mceRight { |
1771 border: 1px solid #5b9dd9; |
1661 background: #f1f1f1; |
1772 box-shadow: 0 1px 2px rgba( 30, 140, 190, 0.8 ); |
1662 border-color: transparent; |
1773 background-color: #fff; |
1663 } |
1774 } |
1664 |
1775 |
1665 .clearlooks2 .mceClose, |
1776 .ui-autocomplete.wplink-autocomplete li { |
1666 .clearlooks2 .mceFocus .mceClose, |
1777 margin-bottom: 0; |
1667 .clearlooks2 .mceFocus .mceClose:hover { |
1778 padding: 4px 10px; |
1668 background-image: none; |
1779 clear: both; |
1669 } |
1780 white-space: normal; |
1670 .clearlooks2 .mceClose:before { |
1781 text-align: right; |
1671 content: '\f158'; |
1782 } |
1672 font: normal 20px/1 'dashicons'; |
1783 |
1673 speak: none; |
1784 .ui-autocomplete.wplink-autocomplete li .wp-editor-float-right { |
1674 -webkit-font-smoothing: antialiased; |
1785 float: left; |
1675 -moz-osx-font-smoothing: grayscale; |
1786 } |
1676 color: #999; |
1787 |
1677 padding-left: 12px; |
1788 .ui-autocomplete.wplink-autocomplete li.ui-state-focus { |
1678 } |
1789 background-color: #ddd; |
1679 |
1790 cursor: pointer; |
1680 /* from colors.css |
1791 } |
1681 .clearlooks2 { |
1792 |
1682 box-shadow: 0 5px 15px rgba(0,0,0,0.7); |
1793 @media screen and ( max-width: 782px ) { |
1683 } |
1794 div.wp-link-preview, |
1684 |
1795 div.wp-link-input { |
1685 .clearlooks2 .mceMiddle span, |
1796 max-width: 70%; |
1686 .clearlooks2 .mceMiddle .mceLeft, |
1797 max-width: calc(100% - 86px); |
1687 .clearlooks2 .mceMiddle .mceRight, |
1798 } |
1688 .clearlooks2 .mceBottom, |
1799 |
1689 .clearlooks2 .mceBottom .mceLeft, |
1800 div.wp-link-preview { |
1690 .clearlooks2 .mceBottom .mceCenter, |
1801 margin: 8px 5px 8px 0; |
1691 .clearlooks2 .mceBottom .mceRight { |
1802 } |
1692 background-color: #fcfcfc; |
1803 |
1693 } |
1804 div.wp-link-input { |
1694 |
1805 width: 300px; |
1695 .clearlooks2 .mceTop span, |
1806 } |
1696 .clearlooks2 .mceFocus .mceTop span { |
1807 |
1697 color: #23282d; |
1808 div.wp-link-input input { |
1698 } |
1809 width: 100%; |
1699 |
1810 font-size: 16px; |
1700 .clearlooks2 .mceClose:before { |
1811 padding: 5px; |
1701 color: #999; |
1812 } |
1702 } |
|
1703 |
|
1704 .clearlooks2 .mceClose:hover:before { |
|
1705 color: #00a0d2; |
|
1706 } |
|
1707 */ |
|
1708 /* Distraction-Free Writing mode |
|
1709 * =Overlay Styles |
|
1710 -------------------------------------------------------------- */ |
|
1711 .fullscreen-overlay { |
|
1712 z-index: 100005; |
|
1713 display: none; |
|
1714 position: fixed; |
|
1715 top: 0; |
|
1716 bottom: 0; |
|
1717 right: 0; |
|
1718 left: 0; |
|
1719 -webkit-filter: inherit; |
|
1720 filter: inherit; |
|
1721 } |
|
1722 |
|
1723 .wp-fullscreen-active .fullscreen-overlay, |
|
1724 .wp-fullscreen-active #wp-fullscreen-body { |
|
1725 display: block; |
|
1726 } |
|
1727 |
|
1728 .fullscreen-fader { |
|
1729 z-index: 200000; |
|
1730 } |
|
1731 |
|
1732 .wp-fullscreen-active .fullscreen-fader, |
|
1733 .wp-core-ui.wp-fullscreen-active .postbox-container { |
|
1734 display: none; |
|
1735 } |
1813 } |
1736 |
1814 |
1737 /* =Overlay Body |
1815 /* =Overlay Body |
1738 -------------------------------------------------------------- */ |
1816 -------------------------------------------------------------- */ |
1739 |
1817 |
1740 #wp-fullscreen-body, |
|
1741 .mce-fullscreen { |
1818 .mce-fullscreen { |
1742 z-index: 100010; |
1819 z-index: 100010; |
1743 } |
|
1744 |
|
1745 #wp-fullscreen-body { |
|
1746 display: none; |
|
1747 } |
|
1748 |
|
1749 .wp-fullscreen-wrap { |
|
1750 margin: 0; |
|
1751 padding: 0; |
|
1752 position: absolute; |
|
1753 right: 0; |
|
1754 left: 0; |
|
1755 bottom: 30px; |
|
1756 top: 60px; |
|
1757 z-index: 100015; |
|
1758 } |
|
1759 |
|
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; |
|
1766 max-width: 100%; |
|
1767 } |
|
1768 |
|
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 { |
|
1773 display: none; |
|
1774 } |
|
1775 |
|
1776 #wp-fullscreen-statusbar { |
|
1777 position: fixed; |
|
1778 right: 0; |
|
1779 left: 0; |
|
1780 bottom: 0; |
|
1781 height: 30px; |
|
1782 z-index: 100020; |
|
1783 background: #fff; |
|
1784 -webkit-transition: height 0.2s; |
|
1785 transition: height 0.2s; |
|
1786 } |
|
1787 |
|
1788 #wp-fullscreen-status { |
|
1789 margin: 0 auto; |
|
1790 padding: 0; |
|
1791 } |
|
1792 |
|
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; |
|
1797 border-radius: 0; |
|
1798 border: 1px dashed transparent; |
|
1799 background: transparent; |
|
1800 -webkit-box-shadow: none; |
|
1801 box-shadow: none; |
|
1802 -webkit-transition: border-color 0.4s; |
|
1803 transition: border-color 0.4s; |
|
1804 } |
|
1805 |
|
1806 .wp-fullscreen-active .wp-editor-container { |
|
1807 margin: 0 auto 40px; |
|
1808 } |
|
1809 |
|
1810 .wp-fullscreen-active .wp-fullscreen-title { |
|
1811 font-size: 1.7em; |
|
1812 line-height: 100%; |
|
1813 outline: medium none; |
|
1814 padding: 3px 7px; |
|
1815 margin: 10px auto 30px; |
|
1816 display: block; |
|
1817 } |
|
1818 |
|
1819 #wp-fullscreen-tagline { |
|
1820 color: #82878c; |
|
1821 font-size: 18px; |
|
1822 float: left; |
|
1823 padding: 4px 0 0; |
|
1824 } |
|
1825 |
|
1826 /* =Top bar |
|
1827 -------------------------------------------------------------- */ |
|
1828 #fullscreen-topbar { |
|
1829 background: #f5f5f5; |
|
1830 border-bottom: 1px solid #dedede; |
|
1831 height: 45px; |
|
1832 position: fixed; |
|
1833 right: 0; |
|
1834 left: 0; |
|
1835 top: 0; |
|
1836 width: 100%; |
|
1837 z-index: 100020; |
|
1838 -webkit-transition: opacity 0.4s; |
|
1839 transition: opacity 0.4s; |
|
1840 } |
|
1841 |
|
1842 #wp-fullscreen-toolbar { |
|
1843 padding: 6px 10px 0; |
|
1844 clear: both; |
|
1845 max-width: 1100px; |
|
1846 margin: 0 auto; |
|
1847 } |
|
1848 |
|
1849 #wp-fullscreen-mode-bar, |
|
1850 #wp-fullscreen-button-bar, |
|
1851 #wp-fullscreen-close { |
|
1852 float: right; |
|
1853 } |
|
1854 |
|
1855 #wp-fullscreen-count, |
|
1856 #wp-fullscreen-tagline { |
|
1857 display: inline-block; |
|
1858 } |
|
1859 |
|
1860 #wp-fullscreen-button-bar { |
|
1861 margin-top: 2px; |
|
1862 } |
|
1863 |
|
1864 #wp-fullscreen-save { |
|
1865 float: left; |
|
1866 padding: 2px 0 0; |
|
1867 min-width: 95px; |
|
1868 } |
|
1869 |
|
1870 #wp-fullscreen-count, |
|
1871 #wp-fullscreen-close { |
|
1872 padding: 5px 0 0; |
|
1873 } |
|
1874 |
|
1875 #wp-fullscreen-central-toolbar { |
|
1876 margin: auto; |
|
1877 padding: 0; |
|
1878 min-width: 620px; |
|
1879 } |
|
1880 |
|
1881 #wp-fullscreen-buttons > div { |
|
1882 float: right; |
|
1883 } |
|
1884 |
|
1885 #wp-fullscreen-mode-bar { |
|
1886 padding: 3px 0 0 14px; |
|
1887 } |
|
1888 |
|
1889 #wp-fullscreen-buttons .hidden { |
|
1890 display: none; |
|
1891 } |
|
1892 |
|
1893 #wp-fullscreen-buttons .disabled { |
|
1894 opacity: 0.5; |
|
1895 } |
|
1896 |
|
1897 #wp-fullscreen-buttons .mce-btn button { |
|
1898 margin: 0; |
|
1899 outline: 0 none; |
|
1900 border: 0 none; |
|
1901 white-space: nowrap; |
|
1902 width: auto; |
|
1903 background: none; |
|
1904 color: #32373c; |
|
1905 cursor: pointer; |
|
1906 font-size: 18px; |
|
1907 line-height: 20px; |
|
1908 overflow: visible; |
|
1909 text-align: center; |
|
1910 -webkit-box-sizing: border-box; |
|
1911 -moz-box-sizing: border-box; |
|
1912 box-sizing: border-box; |
|
1913 } |
|
1914 |
|
1915 .wp-html-mode #wp-fullscreen-buttons div { |
|
1916 display: none; |
|
1917 } |
|
1918 |
|
1919 .wp-html-mode #wp-fullscreen-buttons div.wp-fullscreen-both { |
|
1920 display: block; |
|
1921 } |
|
1922 |
|
1923 #wp-fullscreen-save img { |
|
1924 vertical-align: middle; |
|
1925 } |
|
1926 |
|
1927 #wp-fullscreen-save span { |
|
1928 display: none; |
|
1929 margin: 5px 6px 0; |
|
1930 float: right; |
|
1931 } |
|
1932 |
|
1933 /* =Thickbox Adjustments |
|
1934 -------------------------------------------------------------- */ |
|
1935 .wp-fullscreen-active #TB_overlay { |
|
1936 z-index: 100050; |
|
1937 } |
|
1938 |
|
1939 .wp-fullscreen-active #TB_window { |
|
1940 z-index: 100051; |
|
1941 } |
|
1942 |
|
1943 /* Colors */ |
|
1944 .fullscreen-overlay { |
|
1945 background: #fff; |
|
1946 } |
|
1947 |
|
1948 /* =CSS 3 transitions |
|
1949 -------------------------------------------------------------- */ |
|
1950 |
|
1951 .wp-fullscreen-active #fullscreen-topbar { |
|
1952 -webkit-transition-duration: 0.8s; |
|
1953 transition-duration: 0.8s; |
|
1954 opacity: 0; |
|
1955 filter: alpha(opacity=0); |
|
1956 } |
|
1957 |
|
1958 .wp-fullscreen-active #wp-fullscreen-statusbar { |
|
1959 height: 0; |
|
1960 } |
|
1961 |
|
1962 .wp-fullscreen-active.wp-dfw-show-ui #fullscreen-topbar { |
|
1963 -webkit-transition-duration: 0.4s; |
|
1964 transition-duration: 0.4s; |
|
1965 opacity: 1; |
|
1966 filter: alpha(opacity=100); |
|
1967 } |
|
1968 |
|
1969 .wp-fullscreen-active.wp-dfw-show-ui #wp-fullscreen-statusbar { |
|
1970 height: 29px; |
|
1971 background: #f8f8f8; |
|
1972 border-top: 1px solid #eee; |
|
1973 } |
|
1974 |
|
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; |
|
1980 } |
|
1981 |
|
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; |
|
1986 border-color: #ccc; |
|
1987 } |
|
1988 |
|
1989 .fade-1000, |
|
1990 .fade-600, |
|
1991 .fade-400, |
|
1992 .fade-300 { |
|
1993 opacity: 0; |
|
1994 -webkit-transition-property: opacity; |
|
1995 transition-property: opacity; |
|
1996 } |
|
1997 |
|
1998 .fade-1000 { |
|
1999 -webkit-transition-duration: 1s; |
|
2000 transition-duration: 1s; |
|
2001 } |
|
2002 |
|
2003 .fade-600 { |
|
2004 -webkit-transition-duration: 0.6s; |
|
2005 transition-duration: 0.6s; |
|
2006 } |
|
2007 |
|
2008 .fade-400 { |
|
2009 -webkit-transition-duration: 0.4s; |
|
2010 transition-duration: 0.4s; |
|
2011 } |
|
2012 |
|
2013 .fade-300 { |
|
2014 -webkit-transition-duration: 0.3s; |
|
2015 transition-duration: 0.3s; |
|
2016 } |
|
2017 |
|
2018 .fade-trigger { |
|
2019 opacity: 1; |
|
2020 } |
|
2021 |
|
2022 /* DFW on touch screen devices */ |
|
2023 .wp-dfw-touch #fullscreen-topbar { |
|
2024 position: absolute; |
|
2025 opacity: 1; |
|
2026 } |
|
2027 |
|
2028 .wp-dfw-touch .wp-fullscreen-wrap .wp-editor-container, |
|
2029 .wp-dfw-touch .wp-fullscreen-title { |
|
2030 max-width: 700px; |
|
2031 } |
|
2032 |
|
2033 .wp-fullscreen-active.wp-dfw-touch .wp-fullscreen-title, |
|
2034 .wp-fullscreen-active.wp-dfw-touch .wp-editor-container { |
|
2035 border-color: #ccc; |
|
2036 } |
|
2037 |
|
2038 .wp-dfw-touch #wp-fullscreen-statusbar { |
|
2039 height: 30px; |
|
2040 } |
|
2041 |
|
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; |
|
2049 } |
|
2050 |
|
2051 #fullscreen-topbar { |
|
2052 height: 85px; |
|
2053 } |
|
2054 |
|
2055 #wp-fullscreen-central-toolbar { |
|
2056 width: auto !important; |
|
2057 min-width: 0; |
|
2058 } |
|
2059 |
|
2060 #wp-fullscreen-close { |
|
2061 line-height: 30px; |
|
2062 vertical-align: top; |
|
2063 padding: 0 12px; |
|
2064 } |
|
2065 |
|
2066 #wp-fullscreen-button-bar { |
|
2067 position: absolute; |
|
2068 top: 45px; |
|
2069 right: 0; |
|
2070 } |
|
2071 |
|
2072 .wp-fullscreen-wrap { |
|
2073 top: 95px; |
|
2074 } |
|
2075 |
|
2076 #wp-fullscreen-save { |
|
2077 position: absolute; |
|
2078 left: 10px; |
|
2079 } |
|
2080 } |
|
2081 |
|
2082 @media screen and ( max-width: 480px ) { |
|
2083 #wp_fs_help { |
|
2084 display: none; |
|
2085 } |
|
2086 |
|
2087 .wp-fullscreen-wrap .wp-editor-container, |
|
2088 .wp-fullscreen-title { |
|
2089 width: 480px !important; |
|
2090 } |
|
2091 |
|
2092 body.wp-fullscreen-active { |
|
2093 width: 480px; |
|
2094 overflow: auto; |
|
2095 } |
|
2096 |
|
2097 #fullscreen-topbar, |
|
2098 .wp-fullscreen-wrap { |
|
2099 width: 480px; |
|
2100 } |
|
2101 |
|
2102 #fullscreen-topbar { |
|
2103 position: absolute; |
|
2104 } |
|
2105 |
|
2106 #wp-fullscreen-status { |
|
2107 width: auto !important; |
|
2108 max-width: 100%; |
|
2109 padding: 0 10px; |
|
2110 } |
|
2111 } |
1820 } |
2112 |
1821 |
2113 /* =Localization |
1822 /* =Localization |
2114 -------------------------------------------------------------- */ |
1823 -------------------------------------------------------------- */ |
2115 .rtl .wp-switch-editor, |
1824 .rtl .wp-switch-editor, |