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