d33f1077f993a07187089fc5c8e08b95c5e91205
[autoinstalls/wordpress.git] / wp-admin / css / edit.css
1 #poststuff {
2         padding-top: 10px;
3         min-width: 763px;
4 }
5
6 #poststuff #post-body {
7         padding: 0;
8 }
9
10 #poststuff .postbox-container {
11         width: 100%;
12 }
13
14 #poststuff #post-body.columns-2 {
15         margin-right: 300px;
16 }
17
18 /*------------------------------------------------------------------------------
19   11.0 - Write/Edit Post Screen
20 ------------------------------------------------------------------------------*/
21
22 #show-comments {
23         overflow: hidden;
24 }
25
26 #save-action .spinner,
27 #show-comments a {
28         float: left;
29 }
30
31 #show-comments .spinner {
32         float: none;
33         margin-top: 0;
34 }
35
36 #lost-connection-notice .spinner {
37         visibility: visible;
38         float: left;
39         margin: 0 5px 0 0;
40 }
41
42 #titlediv {
43         position: relative;
44 }
45
46 #titlediv label {
47         cursor: text;
48 }
49
50 #titlediv div.inside {
51         margin: 0;
52 }
53
54 #poststuff #titlewrap {
55         border: 0;
56         padding: 0;
57 }
58
59 #titlediv #title {
60         padding: 3px 8px;
61         font-size: 1.7em;
62         line-height: 100%;
63         height: 1.7em;
64         width: 100%;
65         outline: none;
66         margin: 0 0 3px;
67         background-color: #fff;
68 }
69
70 #titlediv #title-prompt-text {
71         color: #72777c;
72         position: absolute;
73         font-size: 1.7em;
74         padding: 11px 10px;
75 }
76
77 input#link_description,
78 input#link_url {
79         width: 98%;
80 }
81
82 #pending {
83         background: 0 none;
84         border: 0 none;
85         padding: 0;
86         font-size: 11px;
87         margin-top: -1px;
88 }
89
90 #edit-slug-box,
91 #comment-link-box {
92         line-height: 24px;
93         min-height: 25px; /* Yes, line-height + 1 */
94         margin-top: 5px;
95         padding: 0 10px;
96         color: #666;
97 }
98
99 #edit-slug-box .cancel {
100         margin-right: 10px;
101         padding: 0;
102         font-size: 11px;
103         text-decoration: underline;
104         color: #0073aa;
105 }
106
107 #comment-link-box {
108         margin: 5px 0;
109         padding: 0 5px;
110 }
111
112 #editable-post-name-full {
113         display: none;
114 }
115
116 #editable-post-name {
117         font-weight: 600;
118 }
119
120 #editable-post-name input {
121         font-size: 13px;
122         font-weight: 400;
123         height: 22px;
124         margin: 0;
125         width: 16em;
126 }
127
128 .postarea h3 label {
129         float: left;
130 }
131
132 body.post-new-php .submitbox .submitdelete {
133         display: none;
134 }
135
136 .submitbox .submit a:hover {
137         text-decoration: underline;
138 }
139
140 .submitbox .submit input {
141         margin-bottom: 8px;
142         margin-right: 4px;
143         padding: 6px;
144 }
145
146 #post-status-select {
147         margin-top: 3px;
148 }
149
150 /* Post Screen */
151 #post-body #normal-sortables {
152         min-height: 50px;
153 }
154
155 .postbox {
156         position: relative;
157         min-width: 255px;
158         border: 1px solid #e5e5e5;
159         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
160         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
161         background: #fff;
162 }
163
164 #trackback_url {
165         width: 99%;
166 }
167
168 #normal-sortables .postbox .submit {
169         background: transparent none;
170         border: 0 none;
171         float: right;
172         padding: 0 12px;
173         margin:0;
174 }
175
176 .category-add input[type="text"],
177 .category-add select {
178         width: 100%;
179         max-width: 260px;
180         vertical-align: baseline;
181 }
182
183 #side-sortables .category-add input[type="text"],
184 #side-sortables .category-add select {
185         margin: 0 0 1em;
186 }
187
188 ul.category-tabs li,
189 #side-sortables .add-menu-item-tabs li,
190 .wp-tab-bar li {
191         display: inline;
192         line-height: 1.35em;
193 }
194
195 .no-js .category-tabs li.hide-if-no-js {
196         display: none;
197 }
198
199 .category-tabs a,
200 #side-sortables .add-menu-item-tabs a,
201 .wp-tab-bar a {
202         text-decoration: none;
203 }
204
205 /* @todo: do these really need to be so specific? */
206 #side-sortables .category-tabs .tabs a,
207 #side-sortables .add-menu-item-tabs .tabs a,
208 .wp-tab-bar .wp-tab-active a,
209 #post-body ul.category-tabs li.tabs a,
210 #post-body ul.add-menu-item-tabs li.tabs a {
211         color: #32373c;
212 }
213
214 .category-tabs {
215         margin: 8px 0 5px;
216 }
217
218 /* Back-compat for pre-4.4 */
219 #category-adder h4 {
220     margin: 0;
221 }
222
223 .taxonomy-add-new {
224         display: inline-block;
225         margin: 10px 0;
226         font-weight: 600;
227 }
228
229 #side-sortables .add-menu-item-tabs,
230 .wp-tab-bar {
231         margin-bottom: 3px;
232 }
233
234 #normal-sortables .postbox #replyrow .submit {
235         float: none;
236         margin: 0;
237         padding: 5px 7px 10px;
238         overflow: hidden;
239 }
240
241 #side-sortables .submitbox .submit input,
242 #side-sortables .submitbox .submit .preview,
243 #side-sortables .submitbox .submit a.preview:hover {
244         border: 0 none;
245 }
246
247 /* @todo: make this a more generic class */
248 ul.category-tabs,
249 ul.add-menu-item-tabs,
250 ul.wp-tab-bar {
251         margin-top: 12px;
252 }
253
254 ul.category-tabs li,
255 ul.add-menu-item-tabs li {
256         border: solid 1px transparent;
257         position: relative;
258 }
259
260 ul.category-tabs li.tabs,
261 ul.add-menu-item-tabs li.tabs,
262 .wp-tab-active {
263         border: 1px solid #ddd;
264         border-bottom-color: #fdfdfd;
265         background-color: #fdfdfd;
266 }
267
268 ul.category-tabs li,
269 ul.add-menu-item-tabs li,
270 ul.wp-tab-bar li {
271         padding: 3px 5px 6px;
272 }
273
274 #set-post-thumbnail {
275         display: inline-block;
276         max-width: 100%;
277 }
278
279 #postimagediv .inside img {
280         max-width: 100%;
281         height: auto;
282         width: auto;
283         vertical-align: top;
284         background-image: -webkit-linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), -webkit-linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
285         background-image: linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4), linear-gradient(45deg, #c4c4c4 25%, transparent 25%, transparent 75%, #c4c4c4 75%, #c4c4c4);
286         background-position: 0 0, 10px 10px;
287         -webkit-background-size: 20px 20px;
288         background-size: 20px 20px;
289 }
290
291 form#tags-filter {
292         position: relative;
293 }
294
295 /* Global classes */
296 .wp-hidden-children .wp-hidden-child,
297 .ui-tabs-hide {
298         display: none;
299 }
300
301 #post-body .tagsdiv #newtag {
302         margin-right: 5px;
303         width: 16em;
304 }
305
306 #side-sortables input#post_password {
307         width: 94%
308 }
309
310 #side-sortables .tagsdiv #newtag {
311         width: 68%;
312 }
313
314 #post-status-info {
315         width: 100%;
316         border-spacing: 0;
317         border: 1px solid #e5e5e5;
318         border-top: none;
319         background-color: #f7f7f7;
320         -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.04);
321         box-shadow: 0 1px 1px rgba(0,0,0,0.04);
322         z-index: 999;
323 }
324
325 #post-status-info td {
326         font-size: 12px;
327 }
328
329 .autosave-info {
330         padding: 2px 10px;
331         text-align: right;
332 }
333
334 #editorcontent #post-status-info {
335         border: none;
336 }
337
338 #content-resize-handle {
339         background: transparent url(../images/resize.gif) no-repeat scroll right bottom;
340         width: 12px;
341         cursor: row-resize;
342 }
343
344 /*rtl:ignore*/
345 .rtl #content-resize-handle {
346         background-image: url(../images/resize-rtl.gif);
347         background-position: left bottom;
348 }
349
350 .wp-editor-expand #content-resize-handle {
351         display: none;
352 }
353
354 #postdivrich #content {
355         resize: none;
356 }
357
358 #wp-word-count {
359         display: block;
360         padding: 2px 10px;
361 }
362
363 #wp-content-editor-container {
364         position: relative;
365 }
366
367 .wp-editor-expand #wp-content-editor-tools {
368         z-index: 1000;
369         border-bottom: 1px solid #e5e5e5;
370 }
371
372 .wp-editor-expand #wp-content-editor-container {
373         -webkit-box-shadow: none;
374         box-shadow: none;
375         margin-top: -1px;
376 }
377
378 .wp-editor-expand #wp-content-editor-container {
379         border-bottom: 0 none;
380 }
381
382 .wp-editor-expand div.mce-statusbar {
383         z-index: 1;
384 }
385
386 .wp-editor-expand #post-status-info {
387         border-top: 1px solid #e5e5e5;
388 }
389
390 .wp-editor-expand div.mce-toolbar-grp {
391         z-index: 999;
392 }
393
394 /* TinyMCE native fullscreen mode override */
395 .mce-fullscreen #wp-content-wrap .mce-menubar,
396 .mce-fullscreen #wp-content-wrap .mce-toolbar-grp,
397 .mce-fullscreen #wp-content-wrap .mce-edit-area,
398 .mce-fullscreen #wp-content-wrap .mce-statusbar {
399         position: static !important;
400         width: auto !important;
401         padding: 0 !important;
402 }
403
404 .mce-fullscreen #wp-content-wrap .mce-statusbar {
405         visibility: visible !important;
406 }
407
408 .mce-fullscreen #wp-content-wrap .mce-tinymce .mce-wp-dfw {
409         display: none;
410 }
411
412 .post-php.mce-fullscreen #wpadminbar,
413 .mce-fullscreen #wp-content-wrap .mce-wp-dfw {
414         display: none;
415 }
416 /* End TinyMCE native fullscreen mode override */
417
418 #wp-content-editor-tools {
419         background-color: #f1f1f1;
420         padding-top: 20px;
421 }
422
423 #poststuff #post-body.columns-2 #side-sortables {
424         width: 280px;
425 }
426
427 #timestampdiv select {
428         height: 21px;
429         line-height: 14px;
430         padding: 0;
431         vertical-align: top;
432         font-size: 12px;
433 }
434
435 #aa, #jj, #hh, #mn {
436         padding: 1px;
437         font-size: 12px;
438 }
439
440 #jj, #hh, #mn {
441         width: 2em;
442 }
443
444 #aa {
445         width: 3.4em;
446 }
447
448 .curtime #timestamp {
449         padding: 2px 0 1px 0;
450         display: inline !important;
451         height: auto !important;
452 }
453
454 #post-body .misc-pub-post-status:before,
455 #post-body #visibility:before,
456 .curtime #timestamp:before,
457 #post-body .misc-pub-revisions:before,
458 span.wp-media-buttons-icon:before {
459         color: #82878c;
460 }
461
462 #post-body .misc-pub-post-status:before,
463 #post-body #visibility:before,
464 .curtime #timestamp:before,
465 #post-body .misc-pub-revisions:before {
466         font: normal 20px/1 dashicons;
467         speak: none;
468         display: inline-block;
469         margin-left: -1px;
470         padding-right: 3px;
471         vertical-align: top;
472         -webkit-font-smoothing: antialiased;
473         -moz-osx-font-smoothing: grayscale;
474 }
475
476 #post-body .misc-pub-post-status:before {
477         content: "\f173";
478 }
479
480 #post-body #visibility:before {
481         content: "\f177";
482 }
483
484 .curtime #timestamp:before {
485         content: "\f145";
486         position: relative;
487         top: -1px;
488 }
489
490 #post-body .misc-pub-revisions:before {
491         content: "\f321";
492 }
493
494 #timestampdiv {
495         padding-top: 5px;
496         line-height: 23px;
497 }
498
499 #timestampdiv p {
500         margin: 8px 0 6px;
501 }
502
503 #timestampdiv input {
504         border-width: 1px;
505         border-style: solid;
506 }
507
508 .notification-dialog {
509         position: fixed;
510         top: 30%;
511         max-height: 70%;
512         left: 50%;
513         width: 450px;
514         margin-left: -225px;
515         background: #fff;
516         -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
517         box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
518         line-height: 1.5;
519         z-index: 1000005;
520         overflow-y: auto;
521 }
522
523 .notification-dialog-background {
524         position: fixed;
525         top: 0;
526         left: 0;
527         right: 0;
528         bottom: 0;
529         background: #000;
530         opacity: 0.7;
531         filter: alpha(opacity=70);
532         z-index: 1000000;
533 }
534
535 #post-lock-dialog .post-locked-message,
536 #post-lock-dialog .post-taken-over {
537         margin: 25px;
538 }
539
540 #post-lock-dialog .post-locked-message a.button {
541         margin-right: 10px;
542 }
543
544 #post-lock-dialog .post-locked-avatar {
545         float: left;
546         margin: 0 20px 20px 0;
547 }
548
549 #post-lock-dialog .wp-tab-first {
550         outline: 0;
551 }
552
553 #post-lock-dialog .locked-saving img {
554         float: left;
555         margin-right: 3px;
556 }
557
558 #post-lock-dialog.saving .locked-saving,
559 #post-lock-dialog.saved .locked-saved {
560         display: inline;
561 }
562
563 #excerpt {
564         display: block;
565         margin: 12px 0 0;
566         height: 4em;
567         width: 100%;
568 }
569
570 .tagchecklist {
571         margin-left: 14px;
572         font-size: 12px;
573         overflow: auto;
574 }
575
576 .tagchecklist br {
577         display: none;
578 }
579
580 .tagchecklist strong {
581         margin-left: -8px;
582         position: absolute;
583 }
584
585 .tagchecklist > span {
586         float: left;
587         margin-right: 25px;
588         font-size: 13px;
589         line-height: 1.8em;
590         cursor: default;
591         max-width: 100%;
592         overflow: hidden;
593         text-overflow: ellipsis;
594 }
595
596 .tagchecklist .ntdelbutton {
597         position: absolute;
598         width: 24px;
599         height: 24px;
600         border: none;
601         margin: 0 0 0 -19px;
602         padding: 0;
603         background: none;
604         cursor: pointer;
605         text-indent: 0;
606 }
607
608 #poststuff h3.hndle, /* Back-compat for pre-4.4 */
609 #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
610 #poststuff h2 {
611         font-size: 14px;
612         padding: 8px 12px;
613         margin: 0;
614         line-height: 1.4;
615 }
616
617 #poststuff .inside {
618         margin: 6px 0 0 0;
619 }
620
621 #poststuff .inside #parent_id,
622 #poststuff .inside #page_template {
623         max-width: 100%;
624 }
625
626 .ie8 #poststuff .inside #parent_id,
627 .ie8 #poststuff .inside #page_template {
628         width: 250px;
629 }
630
631 .post-attributes-label-wrapper {
632         margin-bottom: 0.5em;
633 }
634
635 .post-attributes-label {
636         vertical-align: baseline;
637         font-weight: 600;
638 }
639
640 #post-visibility-select {
641         line-height: 1.5em;
642         margin-top: 3px;
643 }
644
645 #linksubmitdiv .inside, /* Old Link Manager back-compat. */
646 #poststuff #submitdiv .inside {
647         margin: 0;
648         padding: 0;
649 }
650
651 #post-body-content,
652 .edit-form-section {
653         margin-bottom: 20px;
654 }
655
656 /*------------------------------------------------------------------------------
657   11.1 - Custom Fields
658 ------------------------------------------------------------------------------*/
659
660 #postcustomstuff thead th {
661         padding: 5px 8px 8px;
662         background-color: #f1f1f1;
663 }
664
665 #postcustom #postcustomstuff .submit {
666         border: 0 none;
667         float: none;
668         padding: 0 8px 8px;
669 }
670
671 #side-sortables #postcustom #postcustomstuff .submit {
672         margin: 0;
673         padding: 0;
674 }
675
676 #side-sortables #postcustom #postcustomstuff #the-list textarea {
677         height: 85px;
678 }
679
680 #side-sortables #postcustom #postcustomstuff td.left input,
681 #side-sortables #postcustom #postcustomstuff td.left select,
682 #side-sortables #postcustomstuff #newmetaleft a {
683         margin: 3px 3px 0;
684 }
685
686 #postcustomstuff table {
687         margin: 0;
688         width: 100%;
689         border: 1px solid #ddd;
690         border-spacing: 0;
691         background-color: #f9f9f9;
692 }
693
694 #postcustomstuff tr {
695         vertical-align: top;
696 }
697
698 #postcustomstuff table input,
699 #postcustomstuff table select,
700 #postcustomstuff table textarea {
701         width: 96%;
702         margin: 8px;
703 }
704
705 #side-sortables #postcustomstuff table input,
706 #side-sortables #postcustomstuff table select,
707 #side-sortables #postcustomstuff table textarea {
708         margin: 3px;
709 }
710
711 #postcustomstuff th.left,
712 #postcustomstuff td.left {
713         width: 38%;
714 }
715
716 #postcustomstuff .submit input {
717         margin: 0;
718         width: auto;
719 }
720
721 #postcustomstuff #newmetaleft a {
722         display: inline-block;
723         margin: 0 8px 8px;
724         text-decoration: none;
725 }
726
727 .no-js #postcustomstuff #enternew {
728         display: none;
729 }
730
731 #post-body-content .compat-attachment-fields {
732         margin-bottom: 20px;
733 }
734
735 .compat-attachment-fields th {
736         padding-top: 5px;
737         padding-right: 10px;
738 }
739
740 /*------------------------------------------------------------------------------
741   11.3 - Featured Images
742 ------------------------------------------------------------------------------*/
743
744 #select-featured-image {
745         padding: 4px 0;
746         overflow: hidden;
747 }
748
749 #select-featured-image img {
750         max-width: 100%;
751         height: auto;
752         margin-bottom: 10px;
753 }
754
755 #select-featured-image a {
756         float: left;
757         clear: both;
758 }
759
760 #select-featured-image .remove {
761         display: none;
762         margin-top: 10px;
763 }
764
765 .js #select-featured-image.has-featured-image .remove {
766         display: inline-block;
767 }
768
769 .no-js #select-featured-image .choose {
770         display: none;
771 }
772
773 /*------------------------------------------------------------------------------
774   11.4 - Post formats
775 ------------------------------------------------------------------------------*/
776
777 .post-state-format {
778         overflow: hidden;
779         display: inline-block;
780         vertical-align: middle;
781         height: 20px;
782         width: 20px;
783         margin-right: 5px;
784         margin-top: -4px;
785 }
786
787 .post-state-format:before {
788         display: block;
789         height: 20px;
790         width: 20px;
791         font: normal 20px/1 dashicons !important;
792         speak: none;
793         -webkit-font-smoothing: antialiased;
794         -moz-osx-font-smoothing: grayscale;
795 }
796
797 .post-state-format:before,
798 .post-format-icon:before {
799         color: #ddd;
800         -webkit-transition: all .1s ease-in-out;
801         transition: all .1s ease-in-out;
802 }
803
804 a.post-state-format:hover:before,
805 a.post-format-icon:hover:before {
806         color: #00a0d2;
807 }
808
809 #post-formats-select {
810         line-height: 2em;
811 }
812
813 #post-formats-select .post-format-icon:before {
814         top: 5px;
815 }
816
817 input.post-format {
818         margin-top: 1px;
819 }
820
821 label.post-format-icon {
822         margin-left: 0px;
823         padding: 2px 0 2px 0px;
824 }
825
826 .post-format-icon:before {
827         position: relative;
828         display: inline-block;
829         margin-right: 7px;
830         font: normal 20px/1 dashicons;
831         speak: none;
832         -webkit-font-smoothing: antialiased;
833         -moz-osx-font-smoothing: grayscale;
834 }
835
836 .post-state-format.post-format-standard:before,
837 .post-format-icon.post-format-standard:before,
838 a.post-state-format.format-standard:before {
839         content: "\f109";
840 }
841
842 .post-state-format.post-format-image:before,
843 .post-format-icon.post-format-image:before,
844 a.post-state-format.format-image:before {
845         content: "\f128";
846 }
847
848 .post-state-format.post-format-gallery:before,
849 .post-format-icon.post-format-gallery:before,
850 a.post-state-format.format-gallery:before {
851         content: "\f161";
852 }
853
854 .post-state-format.post-format-audio:before,
855 .post-format-icon.post-format-audio:before,
856 a.post-state-format.format-audio:before {
857         content: "\f127";
858 }
859
860 .post-state-format.post-format-video:before,
861 .post-format-icon.post-format-video:before,
862 a.post-state-format.format-video:before {
863         content: "\f126";
864 }
865
866 .post-state-format.post-format-chat:before,
867 .post-format-icon.post-format-chat:before,
868 a.post-state-format.format-chat:before {
869         content: "\f125";
870 }
871
872 .post-state-format.post-format-status:before,
873 .post-format-icon.post-format-status:before,
874 a.post-state-format.format-status:before {
875         content: "\f130";
876 }
877
878 .post-state-format.post-format-aside:before,
879 .post-format-icon.post-format-aside:before,
880 a.post-state-format.format-aside:before {
881         content: "\f123";
882 }
883
884 .post-state-format.post-format-quote:before,
885 .post-format-icon.post-format-quote:before,
886 a.post-state-format.format-quote:before {
887         content: "\f122";
888 }
889
890 .post-state-format.post-format-link:before,
891 .post-format-icon.post-format-link:before,
892 a.post-state-format.format-link:before {
893         content: "\f103";
894 }
895
896 /*------------------------------------------------------------------------------
897   12.0 - Categories
898 ------------------------------------------------------------------------------*/
899
900 .category-adder {
901         margin-left: 120px;
902         padding: 4px 0;
903 }
904
905 .category-adder h4 {
906         margin: 0 0 8px;
907 }
908
909 #side-sortables .category-adder {
910         margin: 0;
911 }
912
913 .wp-tab-panel,
914 .categorydiv div.tabs-panel,
915 .customlinkdiv div.tabs-panel,
916 .posttypediv div.tabs-panel,
917 .taxonomydiv div.tabs-panel {
918         min-height: 42px;
919         max-height: 200px;
920         overflow: auto;
921         padding: 0 0.9em;
922         border: solid 1px #ddd;
923         background-color: #fdfdfd;
924 }
925
926 div.tabs-panel-active {
927         display:block;
928 }
929
930 div.tabs-panel-inactive {
931         display:none;
932 }
933
934 #front-page-warning,
935 #front-static-pages ul,
936 ul.export-filters,
937 .inline-editor ul.cat-checklist ul,
938 .categorydiv ul.categorychecklist ul,
939 .customlinkdiv ul.categorychecklist ul,
940 .posttypediv ul.categorychecklist ul,
941 .taxonomydiv ul.categorychecklist ul {
942         margin-left: 18px;
943 }
944
945 ul.categorychecklist li {
946         margin: 0;
947         padding: 0;
948         line-height: 22px;
949         word-wrap: break-word;
950 }
951
952 .categorydiv .tabs-panel,
953 .customlinkdiv .tabs-panel,
954 .posttypediv .tabs-panel,
955 .taxonomydiv .tabs-panel {
956         border-width: 3px;
957         border-style: solid;
958 }
959
960 .form-wrap label {
961         display: block;
962         padding: 2px 0;
963 }
964
965 .form-field input[type="text"],
966 .form-field input[type="password"],
967 .form-field input[type="email"],
968 .form-field input[type="number"],
969 .form-field input[type="search"],
970 .form-field input[type="tel"],
971 .form-field input[type="url"],
972 .form-field textarea {
973         border-style: solid;
974         border-width: 1px;
975         width: 95%;
976 }
977
978 p.description,
979 .form-wrap p {
980         margin: 2px 0 5px;
981         color: #666;
982 }
983
984 p.help,
985 p.description,
986 span.description,
987 .form-wrap p {
988         font-size: 13px;
989         font-style: italic;
990 }
991
992 .form-wrap .form-field {
993         margin: 1em 0;
994         padding: 0;
995 }
996
997 .form-wrap .form-field #parent {
998         max-width: 100%;
999 }
1000
1001 .col-wrap h2 {
1002         margin: 12px 0;
1003         font-size: 1.1em;
1004 }
1005
1006 .col-wrap p.submit {
1007         margin-top: -10px;
1008 }
1009
1010 .edit-term-notes {
1011         margin-top: 2em;
1012 }
1013
1014 /*------------------------------------------------------------------------------
1015   13.0 - Tags
1016 ------------------------------------------------------------------------------*/
1017
1018 #poststuff .tagsdiv .howto {
1019         margin: 0 0 6px 0;
1020 }
1021
1022 .ajaxtag .newtag {
1023         position: relative;
1024 }
1025
1026 .tagsdiv .newtag {
1027         width: 180px;
1028 }
1029
1030 .tagsdiv .the-tags {
1031         display: block;
1032         height: 60px;
1033         margin: 0 auto;
1034         overflow: auto;
1035         width: 260px;
1036 }
1037
1038 .tagcloud-link.button-link {
1039         color: #0073aa;
1040         text-decoration: underline;
1041 }
1042
1043 .tagcloud-link.button-link:hover {
1044         color: #00a0d2;
1045 }
1046
1047 .tagcloud-link.button-link:focus {
1048         color: #124964;
1049         -webkit-box-shadow:
1050                 0 0 0 1px #5b9dd9,
1051                 0 0 2px 1px rgba(30, 140, 190, .8);
1052         box-shadow:
1053                 0 0 0 1px #5b9dd9,
1054                 0 0 2px 1px rgba(30, 140, 190, .8);
1055 }
1056
1057 #post-body-content .tagsdiv .the-tags {
1058         margin: 0 5px;
1059 }
1060
1061 p.popular-tags {
1062         border: none;
1063         line-height: 2em;
1064         padding: 8px 12px 12px;
1065         text-align: justify;
1066 }
1067
1068 p.popular-tags a {
1069         padding: 0 3px;
1070 }
1071
1072 .tagcloud {
1073         width: 97%;
1074         margin: 0 0 40px;
1075         text-align: justify;
1076 }
1077
1078 .tagcloud h2 {
1079         margin: 2px 0 12px;
1080 }
1081
1082 /* Suggest.js autocomplete, no more used by core. */
1083 .ac_results {
1084         display: none;
1085         margin: -1px 0 0;
1086         padding: 0;
1087         list-style: none;
1088         position: absolute;
1089         z-index: 10000;
1090         border: 1px solid #5b9dd9;
1091         background-color: #fff;
1092 }
1093
1094 .wp-customizer .ac_results {
1095         z-index: 500000;
1096 }
1097
1098 .ac_results li {
1099         margin: 0;
1100         padding: 5px 10px;
1101         white-space: nowrap;
1102         text-align: left;
1103 }
1104
1105 .ac_results .ac_over,
1106 .ac_over .ac_match {
1107         background-color: #0073aa;
1108         color: #fff;
1109         cursor: pointer;
1110 }
1111
1112 .ac_match {
1113         text-decoration: underline;
1114 }
1115
1116 /* Comments */
1117
1118 .comment-php .wp-editor-area {
1119         height: 200px;
1120 }
1121
1122 .comment-ays th,
1123 .comment-ays td {
1124         padding: 10px 15px;
1125 }
1126
1127 .comment-ays .comment-content ul {
1128         list-style: initial;
1129         margin-left: 2em;
1130 }
1131
1132 .comment-ays .comment-content a[href]:after {
1133         content: '(' attr( href ) ')';
1134         display: inline-block;
1135         padding: 0 4px;
1136         color: #72777C;
1137         font-size: 13px;
1138         word-break: break-all;
1139 }
1140
1141 .comment-ays .comment-content p.edit-comment {
1142         margin-top: 10px;
1143 }
1144
1145 .comment-ays .comment-content p.edit-comment a[href]:after {
1146         content: '';
1147         padding: 0;
1148 }
1149
1150 .comment-ays-submit .button-cancel {
1151         margin-left: 1em;
1152 }
1153
1154 .trash-undo-inside,
1155 .spam-undo-inside {
1156         margin: 1px 8px 1px 0;
1157         line-height: 16px;
1158 }
1159
1160 .spam-undo-inside .avatar,
1161 .trash-undo-inside .avatar {
1162         height: 20px;
1163         width: 20px;
1164         margin-right: 8px;
1165         vertical-align: middle;
1166 }
1167
1168 .stuffbox .editcomment {
1169         clear: none;
1170 }
1171
1172 #comment-status-radio p {
1173         margin: 3px 0 5px;
1174 }
1175
1176 #comment-status-radio input {
1177         margin: 2px 3px 5px 0;
1178         vertical-align: middle;
1179 }
1180
1181 #comment-status-radio label {
1182         padding: 5px 0;
1183 }
1184
1185 /* links tables */
1186 table.links-table {
1187         width: 100%;
1188         border-spacing: 0;
1189 }
1190
1191 .links-table th {
1192         font-weight: 400;
1193         text-align: left;
1194         vertical-align: top;
1195         min-width: 80px;
1196         width: 20%;
1197         word-wrap: break-word;
1198 }
1199
1200 .links-table th,
1201 .links-table td {
1202         padding: 5px 0;
1203 }
1204
1205 .links-table td label {
1206         margin-right: 8px;
1207 }
1208
1209 .links-table td input[type="text"],
1210 .links-table td textarea {
1211         width: 100%;
1212 }
1213
1214 .links-table #link_rel {
1215         max-width: 280px;
1216 }
1217
1218 /* DFW 2
1219 -------------------------------------------------------------- */
1220
1221 #wp-content-wrap .mce-wp-dfw,
1222 #qt_content_dfw {
1223         display: none;
1224 }
1225
1226 .wp-editor-expand #wp-content-wrap .mce-wp-dfw,
1227 .wp-editor-expand #qt_content_dfw {
1228         display: inline-block;
1229 }
1230
1231 .focus-on .wrap > h1,
1232 .focus-on #wpfooter,
1233 .focus-on .postbox-container > *,
1234 .focus-on div.updated,
1235 .focus-on div.error,
1236 .focus-on div.notice,
1237 .focus-on .update-nag,
1238 .focus-on #wp-toolbar,
1239 .focus-on #screen-meta-links,
1240 .focus-on #screen-meta {
1241         opacity: 0;
1242         -webkit-transition-duration: 0.6s;
1243         transition-duration: 0.6s;
1244         -webkit-transition-property: opacity;
1245         transition-property: opacity;
1246         -webkit-transition-timing-function: ease-in-out;
1247         transition-timing-function: ease-in-out;
1248 }
1249
1250 .focus-on #wp-toolbar {
1251         opacity: 0.3;
1252 }
1253
1254 .focus-off .wrap > h1,
1255 .focus-off #wpfooter,
1256 .focus-off .postbox-container > *,
1257 .focus-off div.updated,
1258 .focus-off div.error,
1259 .focus-off div.notice,
1260 .focus-off .update-nag,
1261 .focus-off #wp-toolbar,
1262 .focus-off #screen-meta-links,
1263 .focus-off #screen-meta {
1264         opacity: 1;
1265         -webkit-transition-duration: 0.2s;
1266         transition-duration: 0.2s;
1267         -webkit-transition-property: opacity;
1268         transition-property: opacity;
1269         -webkit-transition-timing-function: ease-in-out;
1270         transition-timing-function: ease-in-out;
1271 }
1272
1273 .focus-off #wp-toolbar {
1274         -webkit-transform: translate(0, 0);
1275 }
1276
1277 .focus-on #adminmenuback,
1278 .focus-on #adminmenuwrap {
1279         -webkit-transition-duration: 0.6s;
1280         transition-duration: 0.6s;
1281         -webkit-transition-property: -webkit-transform;
1282         transition-property: -webkit-transform;
1283         transition-property: transform;
1284         transition-property: transform, -webkit-transform;
1285         -webkit-transition-timing-function: ease-in-out;
1286         transition-timing-function: ease-in-out;
1287 }
1288
1289 .focus-on #adminmenuback,
1290 .focus-on #adminmenuwrap {
1291         -webkit-transform: translateX( -100% );
1292         -ms-transform: translateX( -100% );
1293         transform: translateX( -100% );
1294 }
1295
1296 .focus-off #adminmenuback,
1297 .focus-off #adminmenuwrap {
1298         -webkit-transform: translateX( 0 );
1299         -ms-transform: translateX( 0 );
1300         transform: translateX( 0 );
1301         -webkit-transition-duration: 0.2s;
1302         transition-duration: 0.2s;
1303         -webkit-transition-property: -webkit-transform;
1304         transition-property: -webkit-transform;
1305         transition-property: transform;
1306         transition-property: transform, -webkit-transform;
1307         -webkit-transition-timing-function: ease-in-out;
1308         transition-timing-function: ease-in-out;
1309 }
1310
1311 /* =Media Queries
1312 -------------------------------------------------------------- */
1313
1314 /**
1315  * HiDPI Displays
1316  */
1317 @media print,
1318   (-webkit-min-device-pixel-ratio: 1.25),
1319   (min-resolution: 120dpi) {
1320         #content-resize-handle,
1321         #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1322                 background: transparent url(../images/resize-2x.gif) no-repeat scroll right bottom;
1323                 -webkit-background-size: 11px 11px;
1324                 background-size: 11px 11px;
1325         }
1326
1327         /*rtl:ignore*/
1328         .rtl #content-resize-handle,
1329         .rtl #post-body .wp_themeSkin .mceStatusbar a.mceResize {
1330                 background-image: url(../images/resize-rtl-2x.gif);
1331                 background-position: left bottom;
1332         }
1333 }
1334
1335 /* one column on the post write/edit screen */
1336 @media only screen and (max-width: 850px) {
1337         #poststuff {
1338                 min-width: 0;
1339         }
1340
1341         #wpbody-content #poststuff #post-body {
1342                 margin: 0;
1343         }
1344
1345         #wpbody-content #post-body.columns-2 #postbox-container-1 {
1346                 margin-right: 0;
1347                 width: 100%;
1348         }
1349
1350         #poststuff #postbox-container-1 .empty-container,
1351         #poststuff #postbox-container-1 #side-sortables:empty {
1352                 border: 0 none;
1353                 height: 0;
1354                 min-height: 0;
1355         }
1356
1357         #poststuff #post-body.columns-2 #side-sortables {
1358                 min-height: 0;
1359                 width: auto;
1360         }
1361
1362         /* hide the radio buttons for column prefs */
1363         .screen-layout,
1364         .columns-prefs {
1365                 display: none;
1366         }
1367 }
1368
1369 @media screen and ( max-width: 782px ) {
1370         #post-body-content {
1371                 min-width: 0;
1372         }
1373
1374         #titlediv #title-prompt-text {
1375                 padding: 10px 10px;
1376         }
1377
1378         #poststuff h3.hndle, /* Back-compat for pre-4.4 */
1379         #poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
1380         #poststuff h2 {
1381                 padding: 12px;
1382         }
1383
1384         .post-format-options {
1385                 padding-right: 0;
1386         }
1387
1388         .post-format-options a {
1389                 margin-right: 5px;
1390                 margin-bottom: 5px;
1391                 min-width: 52px;
1392         }
1393
1394         .post-format-options .post-format-title {
1395                 font-size: 11px;
1396         }
1397
1398         .post-format-options a div {
1399                 height: 28px;
1400                 width: 28px;
1401         }
1402
1403         .post-format-options a div:before {
1404                 font-size: 26px !important;
1405         }
1406
1407         /* Publish Metabox Options */
1408         #post-visibility-select {
1409                 line-height: 280%;
1410         }
1411
1412         .wp-core-ui .save-post-visibility,
1413         .wp-core-ui .save-timestamp {
1414                 vertical-align: middle;
1415                 margin-right: 15px;
1416         }
1417
1418         .timestamp-wrap select#mm {
1419                 display: block;
1420                 width: 100%;
1421                 margin-bottom: 10px;
1422         }
1423
1424         .timestamp-wrap #jj,
1425         .timestamp-wrap #aa,
1426         .timestamp-wrap #hh,
1427         .timestamp-wrap #mn {
1428                 padding: 12px 3px;
1429                 font-size: 14px;
1430                 margin-bottom: 5px;
1431                 width: auto;
1432                 text-align: center;
1433         }
1434
1435         /* Categories Metabox */
1436         ul.category-tabs {
1437                 margin: 30px 0 15px;
1438         }
1439
1440         ul.category-tabs li.tabs {
1441                 padding: 15px;
1442         }
1443
1444         ul.categorychecklist li {
1445                 margin-bottom: 15px;
1446         }
1447
1448         ul.categorychecklist ul {
1449                 margin-top: 15px;
1450         }
1451
1452         .category-add input[type=text],
1453         .category-add select {
1454                 max-width: none;
1455                 margin-bottom: 15px;
1456         }
1457
1458         /* Tags Metabox */
1459         .tagsdiv .newtag {
1460                 width: 100%;
1461                 height: auto;
1462                 margin-bottom: 15px;
1463         }
1464
1465         .tagchecklist {
1466                 margin: 25px 10px;
1467         }
1468
1469         .tagchecklist > span {
1470                 font-size: 16px;
1471                 line-height: 1.4;
1472         }
1473
1474         /* Discussion */
1475         #commentstatusdiv p {
1476                 line-height: 2.8;
1477         }
1478
1479         /* TinyMCE Adjustments */
1480         .mceToolbar * {
1481                 white-space: normal !important;
1482         }
1483
1484         .mceToolbar tr,
1485         .mceToolbar td {
1486                 float: left !important;
1487         }
1488
1489         .wp_themeSkin a.mceButton {
1490                 width: 30px;
1491                 height: 30px;
1492         }
1493
1494         .wp_themeSkin .mceButton .mceIcon {
1495                 margin-top: 5px;
1496                 margin-left: 5px;
1497         }
1498
1499         .wp_themeSkin .mceSplitButton {
1500                 margin-top: 1px;
1501         }
1502
1503         .wp_themeSkin .mceSplitButton td a.mceAction {
1504                 padding-top: 6px;
1505                 padding-bottom: 6px;
1506                 padding-left: 6px;
1507                 padding-right: 3px;
1508         }
1509
1510         .wp_themeSkin .mceSplitButton td a.mceOpen,
1511         .wp_themeSkin .mceSplitButtonEnabled:hover td a.mceOpen {
1512                 padding-top: 6px;
1513                 padding-bottom: 6px;
1514                 background-position: 1px 6px;
1515         }
1516
1517         .wp_themeSkin table.mceListBox {
1518                 margin: 5px;
1519         }
1520
1521         div.quicktags-toolbar input {
1522                 padding: 10px 20px;
1523         }
1524
1525         button.wp-switch-editor {
1526                 font-size: 16px;
1527                 line-height: 1em;
1528                 margin: 7px 0 0 7px;
1529                 padding: 8px 12px;
1530         }
1531
1532         #wp-content-media-buttons a {
1533                 font-size: 14px;
1534                 padding: 6px 10px;
1535         }
1536
1537         .wp-media-buttons span.wp-media-buttons-icon,
1538         .wp-media-buttons span.jetpack-contact-form-icon {
1539                 width: 22px !important;
1540                 margin-left: -2px !important;
1541         }
1542
1543         .wp-media-buttons .add_media span.wp-media-buttons-icon:before,
1544         .wp-media-buttons #insert-jetpack-contact-form span.jetpack-contact-form-icon:before {
1545                 font-size: 20px !important;
1546         }
1547
1548         #content_wp_fullscreen {
1549                 display: none;
1550         }
1551
1552         .misc-pub-section {
1553                 padding: 20px 10px 20px;
1554         }
1555
1556         .misc-pub-section > a {
1557                 float: right;
1558                 font-size: 16px;
1559         }
1560
1561         #delete-action,
1562         #publishing-action {
1563                 line-height: 47px;
1564         }
1565
1566         #publishing-action .spinner {
1567                 float: none;
1568                 margin-top: -2px; /* Half of the Publish button's bottom margin. */
1569         }
1570
1571         /* Moderate Comment */
1572         .comment-ays th,
1573         .comment-ays td {
1574                 padding-bottom: 0;
1575         }
1576
1577         .comment-ays td {
1578                 padding-top: 6px;
1579         }
1580
1581         /* Links */
1582         .links-table #link_rel {
1583                 max-width: none;
1584         }
1585
1586         .links-table th,
1587         .links-table td {
1588                 padding: 10px 0;
1589         }
1590 }