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