|
1 /*------------------------------------------------------------------------------ |
|
2 TinyMCE and Quicklinks toolbars |
|
3 ------------------------------------------------------------------------------*/ |
|
4 |
|
5 /* TinyMCE widgets/containers */ |
|
6 |
|
7 .mce-container, |
|
8 .mce-container *, |
|
9 .mce-widget, |
|
10 .mce-widget * { |
|
11 color: inherit; |
|
12 font-family: inherit; |
|
13 } |
|
14 |
|
15 /* TinyMCE windows */ |
|
16 #mce-modal-block, |
|
17 #mce-modal-block.mce-fade { |
|
18 opacity: 0.7; |
|
19 filter: alpha(opacity=70); |
|
20 -webkit-transition: none; |
|
21 transition: none; |
|
22 } |
|
23 |
|
24 .mce-window { |
|
25 -webkit-border-radius: 0; |
|
26 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; |
|
31 transition: none; |
|
32 } |
|
33 |
|
34 .mce-window .mce-container-body.mce-abs-layout { |
|
35 overflow: visible; |
|
36 } |
|
37 |
|
38 .mce-window .mce-window-head { |
|
39 background: #fcfcfc; |
|
40 border-bottom: 1px solid #dfdfdf; |
|
41 padding: 0; |
|
42 min-height: 36px; |
|
43 } |
|
44 |
|
45 .mce-window .mce-window-head .mce-title { |
|
46 color: #444; |
|
47 font-size: 18px; |
|
48 font-weight: 600; |
|
49 line-height: 36px; |
|
50 margin: 0; |
|
51 padding: 0 16px 0 36px; |
|
52 } |
|
53 |
|
54 .mce-window .mce-window-head .mce-close { |
|
55 color: transparent; |
|
56 top: 0; |
|
57 left: 0; |
|
58 width: 36px; |
|
59 height: 36px; |
|
60 line-height: 36px; |
|
61 text-align: center; |
|
62 } |
|
63 |
|
64 .mce-window .mce-window-head .mce-close:before { |
|
65 font: normal 20px/36px 'dashicons'; |
|
66 text-align: center; |
|
67 color: #666; |
|
68 width: 36px; |
|
69 height: 36px; |
|
70 display: block; |
|
71 } |
|
72 |
|
73 .mce-window .mce-window-head .mce-close:hover:before { |
|
74 color: #00a0d2; |
|
75 } |
|
76 |
|
77 .mce-window .mce-window-head .mce-dragh { |
|
78 width: -webkit-calc( 100% - 36px ); |
|
79 width: calc( 100% - 36px ); |
|
80 } |
|
81 |
|
82 .mce-wp-help .mce-window-head { |
|
83 border-bottom: none; |
|
84 } |
|
85 |
|
86 .mce-textbox, |
|
87 .mce-checkbox i.mce-i-checkbox, |
|
88 #wp-link .query-results { |
|
89 border: 1px solid #ddd; |
|
90 -webkit-border-radius: 0; |
|
91 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; |
|
96 } |
|
97 |
|
98 .mce-textbox:focus, |
|
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); |
|
105 } |
|
106 |
|
107 /* TinyMCE menus */ |
|
108 .mce-menu, |
|
109 .mce-floatpanel.mce-popover { |
|
110 border-color: rgba(0,0,0,0.15); |
|
111 -webkit-border-radius: 0; |
|
112 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 ); |
|
115 } |
|
116 |
|
117 .mce-floatpanel.mce-popover.mce-bottom { |
|
118 margin-top: 2px; |
|
119 } |
|
120 |
|
121 .mce-floatpanel .mce-arrow { |
|
122 display: none; |
|
123 } |
|
124 |
|
125 .mce-menu .mce-container-body { |
|
126 min-width: 160px; |
|
127 } |
|
128 |
|
129 .mce-menu-item { |
|
130 border: none; |
|
131 margin-bottom: 2px; |
|
132 } |
|
133 |
|
134 .mce-menu-has-icons i.mce-ico { |
|
135 line-height: 20px; |
|
136 } |
|
137 |
|
138 /* TinyMCE panel */ |
|
139 div.mce-panel { |
|
140 border: 0; |
|
141 background: #fff; |
|
142 -webkit-filter: none; |
|
143 filter: none; |
|
144 } |
|
145 |
|
146 .mce-panel.mce-menu { |
|
147 border: 1px solid #ddd; |
|
148 } |
|
149 |
|
150 div.mce-tab { |
|
151 line-height: 13px; |
|
152 } |
|
153 |
|
154 /* TinyMCE toolbars */ |
|
155 div.mce-toolbar-grp { |
|
156 border-bottom: 1px solid #dedede; |
|
157 background: #f5f5f5; |
|
158 padding: 0; |
|
159 position: relative; |
|
160 } |
|
161 |
|
162 div.mce-inline-toolbar-grp { |
|
163 border: 1px solid #a0a5aa; |
|
164 -webkit-border-radius: 2px; |
|
165 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; |
|
171 margin-bottom: 8px; |
|
172 position: absolute; |
|
173 -moz-user-select: none; |
|
174 -webkit-user-select: none; |
|
175 -ms-user-select: none; |
|
176 user-select: none; |
|
177 z-index: 100100; /* Same as the other TinyMCE "panels" */ |
|
178 } |
|
179 |
|
180 div.mce-inline-toolbar-grp > div.mce-stack-layout { |
|
181 padding: 1px; |
|
182 } |
|
183 |
|
184 div.mce-inline-toolbar-grp.mce-arrow-up { |
|
185 margin-bottom: 0; |
|
186 margin-top: 8px; |
|
187 } |
|
188 |
|
189 div.mce-inline-toolbar-grp:before, |
|
190 div.mce-inline-toolbar-grp:after { |
|
191 position: absolute; |
|
192 right: 50%; |
|
193 display: block; |
|
194 width: 0; |
|
195 height: 0; |
|
196 border-style: solid; |
|
197 border-color: transparent; |
|
198 content: ''; |
|
199 } |
|
200 |
|
201 div.mce-inline-toolbar-grp.mce-arrow-up:before { |
|
202 top: -18px; |
|
203 border-bottom-color: #a0a5aa; |
|
204 border-width: 9px; |
|
205 margin-right: -9px; |
|
206 } |
|
207 |
|
208 div.mce-inline-toolbar-grp.mce-arrow-down:before { |
|
209 bottom: -18px; |
|
210 border-top-color: #a0a5aa; |
|
211 border-width: 9px; |
|
212 margin-right: -9px; |
|
213 } |
|
214 |
|
215 div.mce-inline-toolbar-grp.mce-arrow-up:after { |
|
216 top: -16px; |
|
217 border-bottom-color: #f5f5f5; |
|
218 border-width: 8px; |
|
219 margin-right: -8px; |
|
220 } |
|
221 |
|
222 div.mce-inline-toolbar-grp.mce-arrow-down:after { |
|
223 bottom: -16px; |
|
224 border-top-color: #f5f5f5; |
|
225 border-width: 8px; |
|
226 margin-right: -8px; |
|
227 } |
|
228 |
|
229 div.mce-inline-toolbar-grp.mce-arrow-left:before, |
|
230 div.mce-inline-toolbar-grp.mce-arrow-left:after { |
|
231 margin: 0; |
|
232 } |
|
233 |
|
234 div.mce-inline-toolbar-grp.mce-arrow-left:before { |
|
235 right: 20px; |
|
236 } |
|
237 div.mce-inline-toolbar-grp.mce-arrow-left:after { |
|
238 right: 21px; |
|
239 } |
|
240 |
|
241 div.mce-inline-toolbar-grp.mce-arrow-right:before, |
|
242 div.mce-inline-toolbar-grp.mce-arrow-right:after { |
|
243 right: auto; |
|
244 margin: 0; |
|
245 } |
|
246 |
|
247 div.mce-inline-toolbar-grp.mce-arrow-right:before { |
|
248 left: 20px; |
|
249 } |
|
250 |
|
251 div.mce-inline-toolbar-grp.mce-arrow-right:after { |
|
252 left: 21px; |
|
253 } |
|
254 |
|
255 div.mce-inline-toolbar-grp.mce-arrow-full { |
|
256 left: 0; |
|
257 } |
|
258 |
|
259 div.mce-inline-toolbar-grp.mce-arrow-full > div { |
|
260 width: 100%; |
|
261 overflow-x: auto; |
|
262 } |
|
263 |
|
264 div.mce-toolbar-grp > div { |
|
265 padding: 3px; |
|
266 } |
|
267 |
|
268 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first { |
|
269 padding-left: 32px; |
|
270 } |
|
271 |
|
272 .mce-toolbar .mce-btn-group { |
|
273 margin: 0; |
|
274 } |
|
275 |
|
276 div.mce-statusbar { |
|
277 border-top: 1px solid #e5e5e5; |
|
278 } |
|
279 |
|
280 div.mce-path { |
|
281 padding: 2px 10px; |
|
282 margin: 0; |
|
283 } |
|
284 |
|
285 .mce-path, |
|
286 .mce-path-item, |
|
287 .mce-path .mce-divider { |
|
288 font-size: 12px; |
|
289 line-height: 18px; |
|
290 } |
|
291 |
|
292 .mce-toolbar .mce-btn, |
|
293 .qt-dfw { |
|
294 border-color: transparent; |
|
295 background: transparent; |
|
296 -webkit-box-shadow: none; |
|
297 box-shadow: none; |
|
298 text-shadow: none; |
|
299 cursor: pointer; |
|
300 } |
|
301 |
|
302 #wp-fullscreen-buttons .mce-btn, |
|
303 .mce-toolbar .mce-btn-group .mce-btn, |
|
304 .qt-dfw { |
|
305 border: 1px solid transparent; |
|
306 margin: 2px; |
|
307 background-image: none; |
|
308 -webkit-border-radius: 2px; |
|
309 border-radius: 2px; |
|
310 -webkit-filter: none; |
|
311 filter: none; |
|
312 } |
|
313 |
|
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, |
|
318 .qt-dfw:hover, |
|
319 .qt-dfw:focus { |
|
320 background: #fafafa; |
|
321 border-color: #999; |
|
322 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 ); |
|
325 outline: none; |
|
326 } |
|
327 |
|
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, |
|
332 .qt-dfw.active { |
|
333 background: #ebebeb; |
|
334 border-color: #999; |
|
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 ); |
|
337 } |
|
338 |
|
339 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover { |
|
340 border-color: #555; |
|
341 } |
|
342 |
|
343 .mce-toolbar .mce-btn-group .mce-btn.mce-active:hover i.mce-ico { |
|
344 color: #555; |
|
345 } |
|
346 |
|
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 { |
|
351 color: #a0a5aa; |
|
352 background: none; |
|
353 border-color: #ddd; |
|
354 text-shadow: 0 1px 0 #fff; |
|
355 -webkit-box-shadow: none; |
|
356 box-shadow: none; |
|
357 } |
|
358 |
|
359 .mce-toolbar .mce-btn-group .mce-first, |
|
360 .mce-toolbar .mce-btn-group .mce-last { |
|
361 border-color: transparent; |
|
362 } |
|
363 |
|
364 .mce-toolbar .mce-btn button, |
|
365 .qt-dfw { |
|
366 padding: 2px 3px; |
|
367 line-height: normal; |
|
368 } |
|
369 |
|
370 .mce-toolbar .mce-btn i { |
|
371 text-shadow: none; |
|
372 } |
|
373 |
|
374 .mce-toolbar .mce-btn-group > div { |
|
375 white-space: normal; |
|
376 } |
|
377 |
|
378 .mce-toolbar .mce-colorbutton .mce-open { |
|
379 border-left: 0; |
|
380 } |
|
381 |
|
382 .mce-toolbar .mce-colorbutton .mce-preview { |
|
383 margin: 0; |
|
384 padding: 0; |
|
385 top: auto; |
|
386 bottom: 2px; |
|
387 right: 3px; |
|
388 height: 3px; |
|
389 width: 20px; |
|
390 } |
|
391 |
|
392 /* mce listbox */ |
|
393 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox { |
|
394 -webkit-border-radius: 0; |
|
395 border-radius: 0; |
|
396 direction: rtl; |
|
397 background: #fff; |
|
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); |
|
401 } |
|
402 |
|
403 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox:hover { |
|
404 background-image: none; |
|
405 border-color: #b4b9be; |
|
406 } |
|
407 |
|
408 .mce-toolbar .mce-btn-group .mce-btn.mce-listbox span { |
|
409 font-size: 13px; |
|
410 } |
|
411 |
|
412 .mce-panel .mce-btn i.mce-caret { |
|
413 border-top: 6px solid #777; |
|
414 margin-right: 2px; |
|
415 margin-left: 2px; |
|
416 } |
|
417 |
|
418 .mce-listbox i.mce-caret { |
|
419 left: 6px; |
|
420 } |
|
421 |
|
422 .mce-panel .mce-btn button.mce-open i.mce-caret, |
|
423 .mce-panel .mce-btn.mce-listbox i.mce-caret { |
|
424 margin-right: 0; |
|
425 margin-left: 0; |
|
426 } |
|
427 |
|
428 .mce-panel .mce-btn:hover i.mce-caret { |
|
429 border-top-color: #32373c; |
|
430 } |
|
431 |
|
432 .mce-panel .mce-active i.mce-caret { |
|
433 border-top: 0; |
|
434 border-bottom: 6px solid #32373c; |
|
435 margin-top: 7px; |
|
436 } |
|
437 |
|
438 .mce-listbox.mce-active i.mce-caret { |
|
439 margin-top: -3px; |
|
440 } |
|
441 |
|
442 .mce-toolbar .mce-splitbtn:hover .mce-open { |
|
443 border-left-color: transparent; |
|
444 } |
|
445 |
|
446 .mce-toolbar .mce-splitbtn .mce-open.mce-active{ |
|
447 -webkit-box-shadow: none; |
|
448 box-shadow: none; |
|
449 } |
|
450 |
|
451 .mce-menu .mce-menu-item-normal.mce-active { |
|
452 background-color: #e5e5e5; |
|
453 -webkit-filter: none; |
|
454 filter: none; |
|
455 } |
|
456 |
|
457 .mce-menu .mce-menu-item:hover, |
|
458 .mce-menu .mce-menu-item.mce-selected, |
|
459 .mce-menu .mce-menu-item:focus { |
|
460 color: #000; |
|
461 background-color: #b4b9be; |
|
462 background-image: none; |
|
463 -webkit-filter: none; |
|
464 filter: none; |
|
465 } |
|
466 |
|
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 { |
|
473 color: #000; |
|
474 } |
|
475 |
|
476 /* Menubar */ |
|
477 .mce-menubar { |
|
478 border-color: #e5e5e5; |
|
479 background: #fff; |
|
480 border-width: 0px 0px 1px; |
|
481 } |
|
482 |
|
483 .mce-menubar .mce-btn:focus { |
|
484 outline: 0; |
|
485 } |
|
486 |
|
487 div.mce-menu .mce-menu-item-sep, |
|
488 .mce-menu-item-sep:hover { |
|
489 margin: 5px 0 4px; |
|
490 } |
|
491 |
|
492 .mce-menubtn span { |
|
493 margin-left: 0; |
|
494 padding-right: 3px; |
|
495 } |
|
496 |
|
497 .mce-menu-has-icons i.mce-ico:before { |
|
498 margin-right: -2px; |
|
499 } |
|
500 |
|
501 /* Buttons in modals */ |
|
502 .mce-primary button, |
|
503 .mce-primary button i { |
|
504 text-align: center; |
|
505 color: #fff; |
|
506 text-shadow: none; |
|
507 padding: 0; |
|
508 line-height: 26px; |
|
509 } |
|
510 |
|
511 .mce-window .mce-btn { |
|
512 color: #555; |
|
513 background: #f7f7f7; |
|
514 text-decoration: none; |
|
515 font-size: 13px; |
|
516 line-height: 26px; |
|
517 height: 28px; |
|
518 margin: 0; |
|
519 padding: 0; |
|
520 cursor: pointer; |
|
521 border: 1px solid #ccc; |
|
522 -webkit-appearance: none; |
|
523 -webkit-border-radius: 3px; |
|
524 border-radius: 3px; |
|
525 white-space: nowrap; |
|
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; |
|
529 } |
|
530 |
|
531 /* Remove the dotted border on :focus and the extra padding in Firefox */ |
|
532 .mce-window .mce-btn::-moz-focus-inner { |
|
533 border-width: 1px 0; |
|
534 border-style: solid none; |
|
535 border-color: transparent; |
|
536 padding: 0; |
|
537 } |
|
538 |
|
539 .mce-window .mce-btn:hover, |
|
540 .mce-window .mce-btn:focus { |
|
541 background: #fafafa; |
|
542 border-color: #999; |
|
543 color: #23282d; |
|
544 } |
|
545 |
|
546 .mce-window .mce-btn:focus { |
|
547 -webkit-box-shadow: |
|
548 0 0 0 1px #5b9dd9, |
|
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 } |
|
554 |
|
555 .mce-window .mce-btn:active { |
|
556 background: #eee; |
|
557 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 ); |
|
561 } |
|
562 |
|
563 .mce-window .mce-btn.mce-disabled { |
|
564 color: #a0a5aa; |
|
565 border-color: #ddd; |
|
566 background: #f7f7f7; |
|
567 -webkit-box-shadow: none; |
|
568 box-shadow: none; |
|
569 text-shadow: 0 1px 0 #fff; |
|
570 cursor: default; |
|
571 } |
|
572 |
|
573 .mce-window .mce-btn.mce-primary { |
|
574 background: #00a0d2; |
|
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 ); |
|
578 color: #fff; |
|
579 text-decoration: none; |
|
580 } |
|
581 |
|
582 .mce-window .mce-btn.mce-primary:hover, |
|
583 .mce-window .mce-btn.mce-primary:focus { |
|
584 background: #1e8cbe; |
|
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 ); |
|
588 color: #fff; |
|
589 } |
|
590 |
|
591 .mce-window .mce-btn.mce-primary:focus { |
|
592 border-color: #0e3950; |
|
593 -webkit-box-shadow: |
|
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 } |
|
602 |
|
603 .mce-window .mce-btn.mce-primary:active { |
|
604 background: #1b7aa6; |
|
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 ); |
|
609 vertical-align: top; |
|
610 } |
|
611 |
|
612 .mce-window .mce-btn.mce-primary.mce-disabled { |
|
613 color: #94cde7; |
|
614 background: #298cba; |
|
615 border-color: #1b607f; |
|
616 -webkit-box-shadow: none; |
|
617 box-shadow: none; |
|
618 text-shadow: 0 -1px 0 rgba( 0, 0, 0, 0.1 ); |
|
619 cursor: default; |
|
620 } |
|
621 |
|
622 .mce-menubtn.mce-fixed-width button span { |
|
623 max-width: 80px; |
|
624 padding-left: 16px; |
|
625 } |
|
626 |
|
627 /* Charmap modal */ |
|
628 .mce-charmap { |
|
629 margin: 3px; |
|
630 } |
|
631 |
|
632 .mce-charmap td { |
|
633 padding: 0; |
|
634 border-color: #dfdfdf; |
|
635 cursor: pointer; |
|
636 } |
|
637 |
|
638 .mce-charmap td:hover { |
|
639 background: #f3f3f3; |
|
640 } |
|
641 |
|
642 .mce-charmap td div { |
|
643 width: 18px; |
|
644 height: 22px; |
|
645 line-height: 22px; |
|
646 } |
|
647 |
|
648 /* TinyMCE tooltips */ |
|
649 .mce-tooltip { |
|
650 margin-top: 2px; |
|
651 } |
|
652 |
|
653 .mce-tooltip-inner { |
|
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 ); |
|
656 color: #fff; |
|
657 font-size: 12px; |
|
658 } |
|
659 |
|
660 /* TinyMCE icons */ |
|
661 .mce-ico { |
|
662 font-family: 'tinymce', Arial; |
|
663 } |
|
664 |
|
665 .mce-btn-small .mce-ico { |
|
666 font-family: 'tinymce-small', Arial; |
|
667 } |
|
668 |
|
669 .mce-toolbar .mce-ico { |
|
670 color: #777; |
|
671 line-height: 20px; |
|
672 width: 20px; |
|
673 height: 20px; |
|
674 text-align: center; |
|
675 text-shadow: none; |
|
676 margin: 0; |
|
677 padding: 0; |
|
678 } |
|
679 |
|
680 .qt-dfw { |
|
681 color: #777; |
|
682 line-height: 20px; |
|
683 width: 28px; |
|
684 height: 26px; |
|
685 text-align: center; |
|
686 text-shadow: none; |
|
687 } |
|
688 |
|
689 .mce-toolbar .mce-btn .mce-open { |
|
690 line-height: 20px; |
|
691 } |
|
692 |
|
693 .mce-toolbar .mce-btn:hover .mce-open, |
|
694 .mce-toolbar .mce-btn:focus .mce-open, |
|
695 .mce-toolbar .mce-btn.mce-active .mce-open { |
|
696 border-right-color: #999; |
|
697 } |
|
698 |
|
699 i.mce-i-bold, |
|
700 i.mce-i-italic, |
|
701 i.mce-i-bullist, |
|
702 i.mce-i-numlist, |
|
703 i.mce-i-blockquote, |
|
704 i.mce-i-alignleft, |
|
705 i.mce-i-aligncenter, |
|
706 i.mce-i-alignright, |
|
707 i.mce-i-link, |
|
708 i.mce-i-unlink, |
|
709 i.mce-i-wp_more, |
|
710 i.mce-i-strikethrough, |
|
711 i.mce-i-spellchecker, |
|
712 i.mce-i-fullscreen, |
|
713 i.mce-i-wp_fullscreen, |
|
714 i.mce-i-dfw, |
|
715 i.mce-i-wp_adv, |
|
716 i.mce-i-underline, |
|
717 i.mce-i-alignjustify, |
|
718 i.mce-i-forecolor, |
|
719 i.mce-i-backcolor, |
|
720 i.mce-i-pastetext, |
|
721 i.mce-i-pasteword, |
|
722 i.mce-i-removeformat, |
|
723 i.mce-i-charmap, |
|
724 i.mce-i-outdent, |
|
725 i.mce-i-indent, |
|
726 i.mce-i-undo, |
|
727 i.mce-i-redo, |
|
728 i.mce-i-help, |
|
729 i.mce-i-wp_help, |
|
730 i.mce-i-wp-media-library, |
|
731 i.mce-i-ltr, |
|
732 i.mce-i-wp_page, |
|
733 i.mce-i-hr, |
|
734 i.mce-i-wp_code, |
|
735 i.mce-i-dashicon, |
|
736 .mce-close { |
|
737 font: normal 20px/1 'dashicons'; |
|
738 padding: 0; |
|
739 vertical-align: top; |
|
740 speak: none; |
|
741 -webkit-font-smoothing: antialiased; |
|
742 -moz-osx-font-smoothing: grayscale; |
|
743 margin-right: -2px; |
|
744 padding-left: 2px; |
|
745 } |
|
746 |
|
747 .qt-dfw { |
|
748 font: normal 20px/1 'dashicons'; |
|
749 vertical-align: top; |
|
750 speak: none; |
|
751 -webkit-font-smoothing: antialiased; |
|
752 -moz-osx-font-smoothing: grayscale; |
|
753 } |
|
754 |
|
755 i.mce-i-bold:before { |
|
756 content: '\f200'; |
|
757 } |
|
758 |
|
759 i.mce-i-italic:before { |
|
760 content: '\f201'; |
|
761 } |
|
762 |
|
763 i.mce-i-bullist:before { |
|
764 content: '\f203'; |
|
765 } |
|
766 |
|
767 i.mce-i-numlist:before { |
|
768 content: '\f204'; |
|
769 } |
|
770 |
|
771 i.mce-i-blockquote:before { |
|
772 content: '\f205'; |
|
773 } |
|
774 |
|
775 i.mce-i-alignleft:before { |
|
776 content: '\f206'; |
|
777 } |
|
778 |
|
779 i.mce-i-aligncenter:before { |
|
780 content: '\f207'; |
|
781 } |
|
782 |
|
783 i.mce-i-alignright:before { |
|
784 content: '\f208'; |
|
785 } |
|
786 |
|
787 i.mce-i-link:before { |
|
788 content: '\f103'; |
|
789 } |
|
790 |
|
791 i.mce-i-unlink:before { |
|
792 content: '\f225'; |
|
793 } |
|
794 |
|
795 i.mce-i-wp_more:before { |
|
796 content: '\f209'; |
|
797 } |
|
798 |
|
799 i.mce-i-strikethrough:before { |
|
800 content: '\f224'; |
|
801 } |
|
802 |
|
803 i.mce-i-spellchecker:before { |
|
804 content: '\f210'; |
|
805 } |
|
806 |
|
807 i.mce-i-fullscreen:before, |
|
808 i.mce-i-wp_fullscreen:before, |
|
809 i.mce-i-dfw:before, |
|
810 .qt-dfw:before { |
|
811 content: '\f211'; |
|
812 } |
|
813 |
|
814 i.mce-i-wp_adv:before { |
|
815 content: '\f212'; |
|
816 } |
|
817 |
|
818 i.mce-i-underline:before { |
|
819 content: '\f213'; |
|
820 } |
|
821 |
|
822 i.mce-i-alignjustify:before { |
|
823 content: '\f214'; |
|
824 } |
|
825 |
|
826 i.mce-i-forecolor:before, |
|
827 i.mce-i-backcolor:before { |
|
828 content: '\f215'; |
|
829 } |
|
830 |
|
831 i.mce-i-pastetext:before { |
|
832 content: '\f217'; |
|
833 } |
|
834 |
|
835 i.mce-i-removeformat:before { |
|
836 content: '\f218'; |
|
837 } |
|
838 |
|
839 i.mce-i-charmap:before { |
|
840 content: '\f220'; |
|
841 } |
|
842 |
|
843 i.mce-i-outdent:before { |
|
844 content: '\f221'; |
|
845 } |
|
846 |
|
847 i.mce-i-indent:before { |
|
848 content: '\f222'; |
|
849 } |
|
850 |
|
851 i.mce-i-undo:before { |
|
852 content: '\f171'; |
|
853 } |
|
854 |
|
855 i.mce-i-redo:before { |
|
856 content: '\f172'; |
|
857 } |
|
858 |
|
859 i.mce-i-help:before, |
|
860 i.mce-i-wp_help:before { |
|
861 content: '\f223'; |
|
862 } |
|
863 |
|
864 i.mce-i-wp-media-library:before { |
|
865 content: '\f104'; |
|
866 } |
|
867 |
|
868 i.mce-i-ltr:before { |
|
869 content: '\f320'; |
|
870 } |
|
871 |
|
872 i.mce-i-wp_page:before { |
|
873 content: '\f105'; |
|
874 } |
|
875 |
|
876 i.mce-i-hr:before { |
|
877 content: '\f460'; |
|
878 } |
|
879 |
|
880 .mce-close:before { |
|
881 content: '\f158'; |
|
882 } |
|
883 |
|
884 i.mce-i-wp_code:before { |
|
885 content: '\f475'; |
|
886 } |
|
887 |
|
888 /* RTL button icons */ |
|
889 .rtl i.mce-i-outdent:before { |
|
890 content: '\f222'; |
|
891 } |
|
892 |
|
893 .rtl i.mce-i-indent:before { |
|
894 content: '\f221'; |
|
895 } |
|
896 |
|
897 /* Editors */ |
|
898 .wp-editor-wrap { |
|
899 position: relative; |
|
900 } |
|
901 |
|
902 .wp-editor-tools { |
|
903 position: relative; |
|
904 z-index: 1; |
|
905 } |
|
906 |
|
907 .wp-editor-tools:after { |
|
908 clear: both; |
|
909 content: ''; |
|
910 display: table; |
|
911 } |
|
912 |
|
913 .wp-editor-container { |
|
914 clear: both; |
|
915 } |
|
916 |
|
917 .wp-editor-area { |
|
918 font-family: Consolas, Monaco, monospace; |
|
919 font-size: 13px; |
|
920 padding: 10px; |
|
921 margin: 1px 0 0; |
|
922 line-height: 150%; |
|
923 border: 0 none; |
|
924 outline: none; |
|
925 display: block; |
|
926 resize: vertical; |
|
927 -webkit-box-sizing: border-box; |
|
928 -moz-box-sizing: border-box; |
|
929 box-sizing: border-box; |
|
930 } |
|
931 |
|
932 .rtl .wp-editor-area { |
|
933 font-family: Tahoma, Monaco, monospace; |
|
934 } |
|
935 |
|
936 .locale-he-il .wp-editor-area { |
|
937 font-family: Arial, Monaco, monospace; |
|
938 } |
|
939 |
|
940 .wp-editor-container textarea.wp-editor-area { |
|
941 width: 100%; |
|
942 margin: 0; |
|
943 -webkit-box-shadow: none; |
|
944 box-shadow: none; |
|
945 } |
|
946 |
|
947 .wp-editor-tabs { |
|
948 float: left; |
|
949 } |
|
950 |
|
951 .wp-switch-editor { |
|
952 float: right; |
|
953 -webkit-box-sizing: content-box; |
|
954 -moz-box-sizing: content-box; |
|
955 box-sizing: content-box; |
|
956 position: relative; |
|
957 top: 1px; |
|
958 background: #ebebeb; |
|
959 color: #777; |
|
960 cursor: pointer; |
|
961 font: 13px/19px "Open Sans", sans-serif; |
|
962 height: 20px; |
|
963 margin: 5px 5px 0 0; |
|
964 padding: 3px 8px 4px; |
|
965 border: 1px solid #e5e5e5; |
|
966 } |
|
967 |
|
968 .wp-switch-editor:focus { |
|
969 -webkit-box-shadow: |
|
970 0 0 0 1px #5b9dd9, |
|
971 0 0 2px 1px rgba(30, 140, 190, .8); |
|
972 box-shadow: |
|
973 0 0 0 1px #5b9dd9, |
|
974 0 0 2px 1px rgba(30, 140, 190, .8); |
|
975 outline: none; |
|
976 color: #23282d; |
|
977 } |
|
978 |
|
979 .wp-switch-editor:active, |
|
980 .html-active .switch-html:focus, |
|
981 .tmce-active .switch-tmce:focus { |
|
982 -webkit-box-shadow: none; |
|
983 box-shadow: none; |
|
984 } |
|
985 |
|
986 .wp-switch-editor:active { |
|
987 background-color: #f5f5f5; |
|
988 -webkit-box-shadow: none; |
|
989 box-shadow: none; |
|
990 } |
|
991 |
|
992 .js .tmce-active .wp-editor-area { |
|
993 color: white; |
|
994 } |
|
995 |
|
996 .tmce-active .quicktags-toolbar { |
|
997 display: none; |
|
998 } |
|
999 |
|
1000 .tmce-active .switch-tmce, |
|
1001 .html-active .switch-html { |
|
1002 background: #f5f5f5; |
|
1003 color: #555; |
|
1004 border-bottom-color: #f5f5f5; |
|
1005 } |
|
1006 |
|
1007 .wp-media-buttons { |
|
1008 float: right; |
|
1009 } |
|
1010 |
|
1011 .wp-media-buttons .button { |
|
1012 margin-left: 5px; |
|
1013 margin-bottom: 4px; |
|
1014 padding-right: 7px; |
|
1015 padding-left: 7px; |
|
1016 } |
|
1017 |
|
1018 .wp-media-buttons .button:active { |
|
1019 position: relative; |
|
1020 top: 1px; |
|
1021 margin-top: -1px; |
|
1022 margin-bottom: 1px; |
|
1023 } |
|
1024 |
|
1025 .wp-media-buttons .insert-media { |
|
1026 padding-right: 5px; |
|
1027 } |
|
1028 |
|
1029 .wp-media-buttons a { |
|
1030 text-decoration: none; |
|
1031 color: #464646; |
|
1032 font-size: 12px; |
|
1033 } |
|
1034 |
|
1035 .wp-media-buttons img { |
|
1036 padding: 0 4px; |
|
1037 vertical-align: middle; |
|
1038 } |
|
1039 |
|
1040 .wp-media-buttons span.wp-media-buttons-icon { |
|
1041 display: inline-block; |
|
1042 width: 18px; |
|
1043 height: 18px; |
|
1044 vertical-align: text-top; |
|
1045 margin: 0 2px; |
|
1046 } |
|
1047 |
|
1048 .wp-media-buttons .add_media span.wp-media-buttons-icon { |
|
1049 background: none; |
|
1050 } |
|
1051 |
|
1052 .wp-media-buttons .add_media span.wp-media-buttons-icon:before { |
|
1053 font: normal 18px/1 'dashicons'; |
|
1054 speak: none; |
|
1055 -webkit-font-smoothing: antialiased; |
|
1056 -moz-osx-font-smoothing: grayscale; |
|
1057 } |
|
1058 |
|
1059 .wp-media-buttons .add_media span.wp-media-buttons-icon:before { |
|
1060 content: '\f104'; |
|
1061 } |
|
1062 |
|
1063 /* Quicktags */ |
|
1064 .quicktags-toolbar { |
|
1065 padding: 3px; |
|
1066 position: relative; |
|
1067 border-bottom: 1px solid #dedede; |
|
1068 background: #f5f5f5; |
|
1069 } |
|
1070 |
|
1071 .has-dfw .quicktags-toolbar { |
|
1072 padding-left: 35px; |
|
1073 } |
|
1074 |
|
1075 .wp-core-ui .quicktags-toolbar input.button.button-small { |
|
1076 margin: 2px; |
|
1077 } |
|
1078 |
|
1079 .quicktags-toolbar input[value="link"] { |
|
1080 text-decoration: underline; |
|
1081 } |
|
1082 |
|
1083 .quicktags-toolbar input[value="del"] { |
|
1084 text-decoration: line-through; |
|
1085 } |
|
1086 |
|
1087 .quicktags-toolbar input[value="i"] { |
|
1088 font-style: italic; |
|
1089 } |
|
1090 |
|
1091 .quicktags-toolbar input[value="b"] { |
|
1092 font-weight: bold; |
|
1093 } |
|
1094 |
|
1095 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw, |
|
1096 .qt-dfw { |
|
1097 position: absolute; |
|
1098 top: 0; |
|
1099 left: 0; |
|
1100 margin: 5px 0 0 5px; |
|
1101 } |
|
1102 |
|
1103 .qt-fullscreen { |
|
1104 position: static; |
|
1105 margin: 2px; |
|
1106 } |
|
1107 |
|
1108 @media screen and ( max-width: 782px ) { |
|
1109 .mce-toolbar .mce-btn button, |
|
1110 .qt-dfw { |
|
1111 padding: 6px 7px; |
|
1112 } |
|
1113 |
|
1114 #wp-fullscreen-buttons .mce-btn, |
|
1115 .mce-toolbar .mce-btn-group .mce-btn { |
|
1116 margin: 1px; |
|
1117 } |
|
1118 |
|
1119 .qt-dfw { |
|
1120 width: 36px; |
|
1121 height: 34px; |
|
1122 } |
|
1123 |
|
1124 .mce-toolbar .mce-btn-group .mce-btn.mce-wp-dfw { |
|
1125 margin: 4px 0 0 4px; |
|
1126 } |
|
1127 |
|
1128 .mce-toolbar .mce-colorbutton .mce-preview { |
|
1129 right: 8px; |
|
1130 bottom: 6px; |
|
1131 } |
|
1132 |
|
1133 .mce-window .mce-btn { |
|
1134 padding: 2px 0; |
|
1135 } |
|
1136 |
|
1137 .has-dfw div.mce-toolbar-grp .mce-toolbar.mce-first, |
|
1138 .has-dfw .quicktags-toolbar { |
|
1139 padding-left: 40px; |
|
1140 } |
|
1141 } |
|
1142 |
|
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. */ |
|
1146 font-size: 12px; |
|
1147 height: 26px; |
|
1148 line-height: 24px; |
|
1149 } |
|
1150 } |
|
1151 |
|
1152 #wp_editbtns, |
|
1153 #wp_gallerybtns { |
|
1154 padding: 2px; |
|
1155 position: absolute; |
|
1156 display: none; |
|
1157 z-index: 100020; |
|
1158 } |
|
1159 |
|
1160 #wp_editimgbtn, |
|
1161 #wp_delimgbtn, |
|
1162 #wp_editgallery, |
|
1163 #wp_delgallery { |
|
1164 border-color: #999; |
|
1165 background-color: #eee; |
|
1166 margin: 2px; |
|
1167 padding: 2px; |
|
1168 border-width: 1px; |
|
1169 border-style: solid; |
|
1170 -webkit-border-radius: 3px; |
|
1171 border-radius: 3px; |
|
1172 } |
|
1173 |
|
1174 #wp_editimgbtn:hover, |
|
1175 #wp_delimgbtn:hover, |
|
1176 #wp_editgallery:hover, |
|
1177 #wp_delgallery:hover { |
|
1178 border-color: #555; |
|
1179 background-color: #ccc; |
|
1180 } |
|
1181 |
|
1182 /*------------------------------------------------------------------------------ |
|
1183 wp-link |
|
1184 ------------------------------------------------------------------------------*/ |
|
1185 |
|
1186 #wp-link-wrap { |
|
1187 display: none; |
|
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 ); |
|
1191 width: 500px; |
|
1192 overflow: hidden; |
|
1193 margin-right: -250px; |
|
1194 margin-top: -125px; |
|
1195 position: fixed; |
|
1196 top: 50%; |
|
1197 right: 50%; |
|
1198 z-index: 100105; |
|
1199 -webkit-transition: height 0.2s, margin-top 0.2s; |
|
1200 transition: height 0.2s, margin-top 0.2s; |
|
1201 } |
|
1202 |
|
1203 #wp-link-backdrop { |
|
1204 display: none; |
|
1205 position: fixed; |
|
1206 top: 0; |
|
1207 right: 0; |
|
1208 left: 0; |
|
1209 bottom: 0; |
|
1210 min-height: 360px; |
|
1211 background: #000; |
|
1212 opacity: 0.7; |
|
1213 filter: alpha(opacity=70); |
|
1214 z-index: 100100; |
|
1215 } |
|
1216 |
|
1217 #wp-link { |
|
1218 position: relative; |
|
1219 height: 100%; |
|
1220 } |
|
1221 |
|
1222 #wp-link-wrap.search-panel-visible { |
|
1223 height: 500px; |
|
1224 margin-top: -250px; |
|
1225 } |
|
1226 |
|
1227 #wp-link-wrap .wp-link-text-field { |
|
1228 display: none; |
|
1229 } |
|
1230 |
|
1231 #wp-link-wrap.has-text-field .wp-link-text-field { |
|
1232 display: block; |
|
1233 } |
|
1234 |
|
1235 #link-modal-title { |
|
1236 background: #fcfcfc; |
|
1237 border-bottom: 1px solid #dfdfdf; |
|
1238 height: 36px; |
|
1239 font-size: 18px; |
|
1240 font-weight: 600; |
|
1241 line-height: 36px; |
|
1242 padding: 0 16px 0 36px; |
|
1243 top: 0; |
|
1244 left: 0; |
|
1245 right: 0; |
|
1246 } |
|
1247 |
|
1248 #wp-link-close { |
|
1249 color: #666; |
|
1250 padding: 0; |
|
1251 position: absolute; |
|
1252 top: 0; |
|
1253 left: 0; |
|
1254 width: 36px; |
|
1255 height: 36px; |
|
1256 text-align: center; |
|
1257 background: none; |
|
1258 border: none; |
|
1259 cursor: pointer; |
|
1260 } |
|
1261 |
|
1262 #wp-link-close:before { |
|
1263 font: normal 20px/36px 'dashicons'; |
|
1264 vertical-align: top; |
|
1265 speak: none; |
|
1266 -webkit-font-smoothing: antialiased; |
|
1267 -moz-osx-font-smoothing: grayscale; |
|
1268 width: 36px; |
|
1269 height: 36px; |
|
1270 content: '\f158'; |
|
1271 } |
|
1272 |
|
1273 #wp-link-close:hover, |
|
1274 #wp-link-close:focus { |
|
1275 color: #00a0d2; |
|
1276 } |
|
1277 |
|
1278 #wp-link-close:focus { |
|
1279 outline: none; |
|
1280 -webkit-box-shadow: |
|
1281 0 0 0 1px #5b9dd9, |
|
1282 0 0 2px 1px rgba(30, 140, 190, .8); |
|
1283 box-shadow: |
|
1284 0 0 0 1px #5b9dd9, |
|
1285 0 0 2px 1px rgba(30, 140, 190, .8); |
|
1286 } |
|
1287 |
|
1288 #link-selector { |
|
1289 padding: 0 16px 50px; |
|
1290 } |
|
1291 |
|
1292 #wp-link-wrap.search-panel-visible #link-selector { |
|
1293 -webkit-overflow-scrolling: touch; |
|
1294 padding: 0 16px; |
|
1295 position: absolute; |
|
1296 top: 36px; |
|
1297 right: 0; |
|
1298 left: 0; |
|
1299 bottom: 44px; |
|
1300 } |
|
1301 |
|
1302 #wp-link ol, |
|
1303 #wp-link ul { |
|
1304 list-style: none; |
|
1305 margin: 0; |
|
1306 padding: 0; |
|
1307 } |
|
1308 |
|
1309 #wp-link-search-toggle:after { |
|
1310 display: inline-block; |
|
1311 font: normal 20px/1 'dashicons'; |
|
1312 vertical-align: top; |
|
1313 speak: none; |
|
1314 -webkit-font-smoothing: antialiased; |
|
1315 -moz-osx-font-smoothing: grayscale; |
|
1316 content: '\f140'; |
|
1317 } |
|
1318 |
|
1319 .search-panel-visible #wp-link-search-toggle:after { |
|
1320 content: '\f142'; |
|
1321 } |
|
1322 |
|
1323 #wp-link input[type="text"] { |
|
1324 -webkit-box-sizing: border-box; |
|
1325 -moz-box-sizing: border-box; |
|
1326 box-sizing: border-box; |
|
1327 } |
|
1328 |
|
1329 #wp-link #link-options { |
|
1330 padding: 8px 0 12px; |
|
1331 } |
|
1332 |
|
1333 #wp-link p.howto { |
|
1334 margin: 3px 0; |
|
1335 } |
|
1336 |
|
1337 #wp-link p.howto a { |
|
1338 text-decoration: none; |
|
1339 color: inherit; |
|
1340 } |
|
1341 |
|
1342 #wp-link-search-toggle { |
|
1343 cursor: pointer; |
|
1344 } |
|
1345 |
|
1346 #wp-link label input[type="text"] { |
|
1347 margin-top: 5px; |
|
1348 width: 70%; |
|
1349 } |
|
1350 |
|
1351 #wp-link #link-options label span, |
|
1352 #wp-link #search-panel label span.search-label { |
|
1353 display: inline-block; |
|
1354 width: 80px; |
|
1355 text-align: left; |
|
1356 padding-left: 5px; |
|
1357 max-width: 24%; |
|
1358 } |
|
1359 |
|
1360 #wp-link .link-search-field { |
|
1361 float: right; |
|
1362 width: 250px; |
|
1363 max-width: 70%; |
|
1364 } |
|
1365 |
|
1366 #wp-link .link-search-wrapper { |
|
1367 margin: 5px 0 9px; |
|
1368 display: block; |
|
1369 overflow: hidden; |
|
1370 } |
|
1371 |
|
1372 #wp-link .link-search-wrapper span { |
|
1373 float: right; |
|
1374 margin-top: 4px; |
|
1375 } |
|
1376 |
|
1377 #wp-link .link-search-wrapper .spinner { |
|
1378 margin-top: 5px; |
|
1379 } |
|
1380 |
|
1381 #wp-link .link-target { |
|
1382 padding: 3px 0 0; |
|
1383 white-space: nowrap; |
|
1384 overflow: hidden; |
|
1385 text-overflow: ellipsis; |
|
1386 } |
|
1387 |
|
1388 #wp-link .link-target label { |
|
1389 max-width: 70%; |
|
1390 } |
|
1391 |
|
1392 #wp-link .query-results { |
|
1393 border: 1px #dfdfdf solid; |
|
1394 margin: 0; |
|
1395 background: #fff; |
|
1396 overflow: auto; |
|
1397 position: absolute; |
|
1398 right: 16px; |
|
1399 left: 16px; |
|
1400 bottom: 16px; |
|
1401 top: 172px; |
|
1402 } |
|
1403 |
|
1404 .has-text-field #wp-link .query-results { |
|
1405 top: 205px; |
|
1406 } |
|
1407 |
|
1408 #wp-link li { |
|
1409 clear: both; |
|
1410 margin-bottom: 0; |
|
1411 border-bottom: 1px solid #f1f1f1; |
|
1412 color: #32373c; |
|
1413 padding: 4px 10px 4px 6px; |
|
1414 cursor: pointer; |
|
1415 position: relative; |
|
1416 } |
|
1417 |
|
1418 #wp-link .query-notice { |
|
1419 padding: 0; |
|
1420 border-bottom: 1px solid #dfdfdf; |
|
1421 background-color: #f7fcfe; |
|
1422 color: #000; |
|
1423 } |
|
1424 |
|
1425 #wp-link .query-notice .query-notice-default, |
|
1426 #wp-link .query-notice .query-notice-hint { |
|
1427 display: block; |
|
1428 padding: 6px; |
|
1429 border-right: 4px solid #00a0d2; |
|
1430 } |
|
1431 |
|
1432 #wp-link .unselectable.no-matches-found { |
|
1433 padding: 0; |
|
1434 border-bottom: 1px solid #dfdfdf; |
|
1435 background-color: #fef7f1; |
|
1436 } |
|
1437 |
|
1438 #wp-link .no-matches-found .item-title { |
|
1439 display: block; |
|
1440 padding: 6px; |
|
1441 border-right: 4px solid #d54e21; |
|
1442 } |
|
1443 |
|
1444 #wp-link .query-results em { |
|
1445 font-style: normal; |
|
1446 } |
|
1447 |
|
1448 #wp-link li:hover { |
|
1449 background: #eaf2fa; |
|
1450 color: #151515; |
|
1451 } |
|
1452 |
|
1453 #wp-link li.unselectable { |
|
1454 border-bottom: 1px solid #dfdfdf; |
|
1455 } |
|
1456 |
|
1457 #wp-link li.unselectable:hover { |
|
1458 background: #fff; |
|
1459 cursor: auto; |
|
1460 color: #32373c; |
|
1461 } |
|
1462 |
|
1463 #wp-link li.selected { |
|
1464 background: #ddd; |
|
1465 color: #32373c; |
|
1466 } |
|
1467 |
|
1468 #wp-link li.selected .item-title { |
|
1469 font-weight: bold; |
|
1470 } |
|
1471 |
|
1472 #wp-link li:last-child { |
|
1473 border: none; |
|
1474 } |
|
1475 |
|
1476 #wp-link .item-title { |
|
1477 display: inline-block; |
|
1478 width: 80%; |
|
1479 width: -webkit-calc(100% - 68px); |
|
1480 width: calc(100% - 68px); |
|
1481 word-wrap: break-word; |
|
1482 } |
|
1483 |
|
1484 #wp-link .item-info { |
|
1485 text-transform: uppercase; |
|
1486 color: #666; |
|
1487 font-size: 11px; |
|
1488 position: absolute; |
|
1489 left: 5px; |
|
1490 top: 5px; |
|
1491 } |
|
1492 |
|
1493 #wp-link #search-results, |
|
1494 #wp-link #search-panel { |
|
1495 display: none; |
|
1496 } |
|
1497 |
|
1498 #wp-link-wrap.search-panel-visible #search-panel { |
|
1499 display: block; |
|
1500 } |
|
1501 |
|
1502 #wp-link .river-waiting { |
|
1503 display: none; |
|
1504 padding: 10px 0; |
|
1505 } |
|
1506 |
|
1507 #wp-link .submitbox { |
|
1508 padding: 8px 16px; |
|
1509 background: #fcfcfc; |
|
1510 border-top: 1px solid #dfdfdf; |
|
1511 position: absolute; |
|
1512 bottom: 0; |
|
1513 right: 0; |
|
1514 left: 0; |
|
1515 } |
|
1516 |
|
1517 #wp-link-cancel { |
|
1518 line-height: 25px; |
|
1519 float: right; |
|
1520 } |
|
1521 |
|
1522 #wp-link-update { |
|
1523 line-height: 23px; |
|
1524 float: left; |
|
1525 } |
|
1526 |
|
1527 #wp-link-submit { |
|
1528 float: left; |
|
1529 margin-bottom: 0; |
|
1530 } |
|
1531 |
|
1532 @media screen and ( max-width: 782px ) { |
|
1533 #wp-link-wrap { |
|
1534 margin-top: -140px; |
|
1535 } |
|
1536 |
|
1537 #wp-link-wrap.search-panel-visible .query-results { |
|
1538 top: 195px; |
|
1539 } |
|
1540 |
|
1541 #wp-link-wrap.search-panel-visible.has-text-field .query-results { |
|
1542 top: 235px; |
|
1543 } |
|
1544 |
|
1545 #link-selector { |
|
1546 padding: 0 16px 60px; |
|
1547 } |
|
1548 |
|
1549 #wp-link-wrap.search-panel-visible #link-selector { |
|
1550 bottom: 52px; |
|
1551 } |
|
1552 |
|
1553 #wp-link-cancel { |
|
1554 line-height: 32px; |
|
1555 } |
|
1556 } |
|
1557 |
|
1558 @media screen and ( max-width: 520px ) { |
|
1559 #wp-link-wrap { |
|
1560 width: auto; |
|
1561 margin-right: 0; |
|
1562 right: 10px; |
|
1563 left: 10px; |
|
1564 max-width: 500px; |
|
1565 } |
|
1566 } |
|
1567 |
|
1568 @media screen and ( max-height: 520px ) { |
|
1569 #wp-link-wrap { |
|
1570 -webkit-transition: none; |
|
1571 transition: none; |
|
1572 } |
|
1573 |
|
1574 #wp-link-wrap.search-panel-visible { |
|
1575 height: auto; |
|
1576 margin-top: 0; |
|
1577 top: 10px; |
|
1578 bottom: 10px; |
|
1579 } |
|
1580 |
|
1581 .search-panel-visible #link-selector { |
|
1582 overflow: auto; |
|
1583 } |
|
1584 |
|
1585 .search-panel-visible #search-panel .query-results { |
|
1586 position: static; |
|
1587 } |
|
1588 } |
|
1589 |
|
1590 @media screen and ( max-height: 290px ) { |
|
1591 #wp-link-wrap { |
|
1592 height: auto; |
|
1593 margin-top: 0; |
|
1594 top: 10px; |
|
1595 bottom: 10px; |
|
1596 } |
|
1597 |
|
1598 #link-selector { |
|
1599 overflow: auto; |
|
1600 height: -webkit-calc(100% - 92px); |
|
1601 height: calc(100% - 92px); |
|
1602 padding-bottom: 2px; |
|
1603 } |
|
1604 |
|
1605 #search-panel .query-results { |
|
1606 position: static; |
|
1607 } |
|
1608 } |
|
1609 |
|
1610 /* Old TinyMCE 3.x modal */ |
|
1611 /* |
|
1612 .clearlooks2 .mceTop { |
|
1613 border-bottom: 1px solid #ccc; |
|
1614 } |
|
1615 |
|
1616 .clearlooks2 .mceTop span { |
|
1617 font: 13px/24px "Open Sans", sans-serif; |
|
1618 color: #e5e5e5; |
|
1619 } |
|
1620 |
|
1621 .clearlooks2 .mceTop .mceLeft { |
|
1622 background: #444444; |
|
1623 border-color: transparent; |
|
1624 } |
|
1625 |
|
1626 .clearlooks2 .mceTop .mceRight { |
|
1627 background: #444444; |
|
1628 border-color: transparent; |
|
1629 } |
|
1630 |
|
1631 .clearlooks2 .mceMiddle { |
|
1632 clip: rect(24px auto auto auto); |
|
1633 } |
|
1634 |
|
1635 .clearlooks2 .mceMiddle .mceLeft { |
|
1636 background: #f1f1f1; |
|
1637 border-color: transparent; |
|
1638 } |
|
1639 |
|
1640 .clearlooks2 .mceMiddle .mceRight { |
|
1641 background: #f1f1f1; |
|
1642 border-color: transparent; |
|
1643 } |
|
1644 |
|
1645 .clearlooks2 .mceBottom { |
|
1646 background: #f1f1f1; |
|
1647 border-color: transparent; |
|
1648 } |
|
1649 |
|
1650 .clearlooks2 .mceBottom .mceLeft { |
|
1651 background: #f1f1f1; |
|
1652 border-color: transparent; |
|
1653 } |
|
1654 |
|
1655 .clearlooks2 .mceBottom .mceCenter { |
|
1656 background: #f1f1f1; |
|
1657 border-color: transparent; |
|
1658 } |
|
1659 |
|
1660 .clearlooks2 .mceBottom .mceRight { |
|
1661 background: #f1f1f1; |
|
1662 border-color: transparent; |
|
1663 } |
|
1664 |
|
1665 .clearlooks2 .mceClose, |
|
1666 .clearlooks2 .mceFocus .mceClose, |
|
1667 .clearlooks2 .mceFocus .mceClose:hover { |
|
1668 background-image: none; |
|
1669 } |
|
1670 .clearlooks2 .mceClose:before { |
|
1671 content: '\f158'; |
|
1672 font: normal 20px/1 'dashicons'; |
|
1673 speak: none; |
|
1674 -webkit-font-smoothing: antialiased; |
|
1675 -moz-osx-font-smoothing: grayscale; |
|
1676 color: #999; |
|
1677 padding-left: 12px; |
|
1678 } |
|
1679 |
|
1680 /* from colors.css |
|
1681 .clearlooks2 { |
|
1682 box-shadow: 0 5px 15px rgba(0,0,0,0.7); |
|
1683 } |
|
1684 |
|
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; |
|
1693 } |
|
1694 |
|
1695 .clearlooks2 .mceTop span, |
|
1696 .clearlooks2 .mceFocus .mceTop span { |
|
1697 color: #23282d; |
|
1698 } |
|
1699 |
|
1700 .clearlooks2 .mceClose:before { |
|
1701 color: #999; |
|
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 } |
|
1736 |
|
1737 /* =Overlay Body |
|
1738 -------------------------------------------------------------- */ |
|
1739 |
|
1740 #wp-fullscreen-body, |
|
1741 .mce-fullscreen { |
|
1742 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 } |
|
2112 |
|
2113 /* =Localization |
|
2114 -------------------------------------------------------------- */ |
|
2115 .rtl .wp-switch-editor, |
|
2116 .rtl .quicktags-toolbar input { |
|
2117 font-family: Tahoma, sans-serif; |
|
2118 } |
|
2119 |
|
2120 /* rtl:ignore */ |
|
2121 .mce-rtl .mce-flow-layout .mce-flow-layout-item > div { |
|
2122 direction: rtl; |
|
2123 } |
|
2124 |
|
2125 /* rtl:ignore */ |
|
2126 .mce-rtl .mce-listbox i.mce-caret { |
|
2127 left: 6px; |
|
2128 } |
|
2129 |
|
2130 html:lang(he-il) .rtl .wp-switch-editor, |
|
2131 html:lang(he-il) .rtl .quicktags-toolbar input { |
|
2132 font-family: Arial, sans-serif; |
|
2133 } |
|
2134 |
|
2135 /* HiDPI */ |
|
2136 @media print, |
|
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 { |
|
2141 background: none; |
|
2142 } |
|
2143 } |