f1ca269043603706d009ab6e460af77288b25dc0
[autoinstalls/wordpress.git] / wp-admin / css / wp-admin.css
1 /*------------------------------------------------------------------------------
2
3
4 Hello, this is the main WordPress admin CSS file.
5 All the important stuff is in here.
6
7
8 TABLE OF CONTENTS:
9 ------------------
10  1.0 - Text Elements
11  2.0 - Forms
12  3.0 - Actions
13  4.0 - Notifications
14  5.0 - TinyMCE
15  6.0 - Admin Header
16         6.1 - Screen Options Tabs
17         6.2 - Help Menu
18  7.0 - Main Navigation
19  8.0 - Layout Blocks
20  9.0 - Dashboard
21 10.0 - List Posts
22         10.1 - Inline Editing
23 11.0 - Write/Edit Post Screen
24         11.1 - Custom Fields
25         11.2 - Post Revisions
26         11.3 - Featured Images
27 12.0 - Categories
28 13.0 - Tags
29 14.0 - Media Screen
30         14.1 - Media Library
31         14.2 - Image Editor
32 15.0 - Comments Screen
33 16.0 - Themes
34         16.1 - Custom Header
35         16.2 - Custom Background
36         16.3 - Tabbed Admin Screen Interface
37 17.0 - Plugins
38 18.0 - Users
39 19.0 - Tools
40 20.0 - Settings
41 21.0 - Admin Footer
42 22.0 - About Pages
43 23.0 - Full Overlay w/ Sidebar
44 24.0 - Customize Loader
45 25.0 - Misc
46
47 ------------------------------------------------------------------------*/
48
49 /* 2 column liquid layout */
50 #wpwrap {
51         height: auto;
52         min-height: 100%;
53         width: 100%;
54         position: relative;
55 }
56
57 #wpcontent {
58         height: 100%;
59 }
60
61 #wpcontent,
62 #wpfooter {
63         margin-left: 165px;
64 }
65
66 .folded #wpcontent,
67 .folded #wpfooter {
68         margin-left: 52px;
69 }
70
71 #wpbody-content {
72         padding-bottom: 65px;
73         float: left;
74         width: 100%;
75 }
76
77 #adminmenuback,
78 #adminmenuwrap,
79 #adminmenu,
80 #adminmenu .wp-submenu {
81         width: 145px;
82 }
83
84 #adminmenuback {
85         position: absolute;
86         top: 0;
87         bottom: 0;
88         z-index: -1;
89 }
90
91 #adminmenu {
92         clear: left;
93         margin: 0;
94         padding: 0;
95         list-style: none;
96 }
97
98 .folded #adminmenuback,
99 .folded #adminmenuwrap,
100 .folded #adminmenu,
101 .folded #adminmenu li.menu-top {
102         width: 32px;
103 }
104
105 /* inner 2 column liquid layout */
106
107 .inner-sidebar {
108         float: right;
109         clear: right;
110         display: none;
111         width: 281px;
112         position: relative;
113 }
114
115 .columns-2 .inner-sidebar {
116         margin-right: auto;
117         width: 286px;
118         display: block;
119 }
120
121 .inner-sidebar #side-sortables,
122 .columns-2 .inner-sidebar #side-sortables {
123         min-height: 300px;
124         width: 280px;
125         padding: 0;
126 }
127
128 .has-right-sidebar .inner-sidebar {
129         display: block;
130 }
131
132 .has-right-sidebar #post-body {
133         float: left;
134         clear: left;
135         width: 100%;
136         margin-right: -2000px;
137 }
138
139 .has-right-sidebar #post-body-content {
140         margin-right: 300px;
141         float: none;
142         width: auto;
143 }
144
145 /* 2 columns main area */
146
147 #col-container,
148 #col-left,
149 #col-right {
150         overflow: hidden;
151         padding: 0;
152         margin: 0;
153 }
154
155 #col-left {
156         width: 35%;
157 }
158
159 #col-right {
160         float: right;
161         clear: right;
162         width: 65%;
163 }
164
165 .col-wrap {
166         padding: 0 7px;
167 }
168
169 /* utility classes */
170 .alignleft {
171         float: left;
172 }
173
174 .alignright {
175         float: right;
176 }
177
178 .textleft {
179         text-align: left;
180 }
181
182 .textright {
183         text-align: right;
184 }
185
186 .clear {
187         clear: both;
188 }
189
190 /* Hide visually but not from screen readers */
191 .screen-reader-text,
192 .screen-reader-text span,
193 .ui-helper-hidden-accessible {
194         position: absolute;
195         left: -1000em;
196         top: -1000em;
197         height: 1px;
198         width: 1px;
199         overflow: hidden;
200 }
201
202 .screen-reader-shortcut {
203         position: absolute;
204         top: -1000em;
205 }
206
207 .screen-reader-shortcut:focus {
208         left: 6px;
209         top: -21px;
210         height: auto;
211         width: auto;
212         display: block;
213         font-size: 14px;
214         font-weight: bold;
215         padding: 15px 23px 14px;
216         background: #f1f1f1;
217         color: #21759b;
218         border-radius: 3px;
219         z-index: 100000;
220         line-height: normal;
221         -webkit-box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
222         box-shadow: 0 0 2px 2px rgba(0,0,0,.6);
223         text-decoration: none;
224 }
225
226 .hidden,
227 .js .closed .inside,
228 .js .hide-if-js,
229 .no-js .hide-if-no-js,
230 .js.wp-core-ui .hide-if-js,
231 .js .wp-core-ui .hide-if-js,
232 .no-js.wp-core-ui .hide-if-no-js,
233 .no-js .wp-core-ui .hide-if-no-js {
234         display: none;
235 }
236
237 /* include margin and padding in the width calculation of input and textarea */
238 input[type="text"],
239 input[type="password"],
240 input[type="number"],
241 input[type="search"],
242 input[type="email"],
243 input[type="url"],
244 textarea {
245         -moz-box-sizing: border-box;
246         -webkit-box-sizing: border-box;
247         -ms-box-sizing: border-box; /* ie8 only */
248         box-sizing: border-box;
249 }
250
251 input[type="checkbox"],
252 input[type="radio"] {
253         vertical-align: text-top;
254         padding: 0;
255         margin: 1px 0 0;
256 }
257
258 input[type="search"] {
259         -webkit-appearance: textfield;
260 }
261
262 input[type="search"]::-webkit-search-decoration {
263         display: none;
264 }
265
266 /* general */
267 html,
268 body {
269         height: 100%;
270         margin: 0;
271         padding: 0;
272 }
273
274 body {
275         font-family: sans-serif;
276         font-size: 12px;
277         line-height: 1.4em;
278         min-width: 600px;
279 }
280
281 body.iframe {
282         min-width: 0;
283 }
284
285 body.login {
286         background: #fbfbfb;
287         min-width: 0;
288 }
289
290 iframe,
291 img {
292         border: 0;
293 }
294
295 td,
296 textarea,
297 input,
298 select,
299 button {
300         font-family: inherit;
301         font-size: inherit;
302         font-weight: inherit;
303 }
304
305 td,
306 textarea {
307         line-height: inherit;
308 }
309
310 input,
311 select {
312         line-height: 15px;
313 }
314
315 a,
316 input[type="text"],
317 input[type="password"],
318 input[type="number"],
319 input[type="search"],
320 input[type="email"],
321 input[type="url"],
322 select,
323 textarea,
324 div {
325         outline: 0;
326 }
327
328 a:focus,
329 a:active {
330         outline: thin dotted;
331 }
332
333 #adminmenu a:focus,
334 #adminmenu a:active,
335 .screen-reader-text:focus {
336         outline: none;
337 }
338
339 blockquote,
340 q {
341         quotes: none;
342 }
343
344 blockquote:before,
345 blockquote:after,
346 q:before,
347 q:after {
348         content: '';
349         content: none;
350 }
351
352 p {
353         margin: 1em 0;
354 }
355
356 blockquote {
357         margin: 1em;
358 }
359
360 label {
361         cursor: pointer;
362 }
363
364 li,
365 dd {
366         margin-bottom: 6px;
367 }
368
369 textarea,
370 input,
371 select {
372         margin: 1px;
373         padding: 3px;
374 }
375
376 h1,
377 h2,
378 h3,
379 h4,
380 h5,
381 h6 {
382         display: block;
383         font-weight: bold;
384 }
385
386 h1 {
387         font-size: 2em;
388         margin: .67em 0;
389 }
390
391 h2 {
392         font-size: 1.5em;
393         margin: .83em 0;
394 }
395
396 h3 {
397         font-size: 1.17em;
398         margin: 1em 0;
399 }
400
401 h4 {
402         font-size: 1em;
403         margin: 1.33em 0;
404 }
405
406 h5 {
407         font-size: 0.83em;
408         margin: 1.67em 0;
409 }
410
411 h6 {
412         font-size: 0.67em;
413         margin: 2.33em 0;
414 }
415
416 ul,
417 ol {
418         padding: 0;
419 }
420
421 ul {
422         list-style: none;
423 }
424
425 ol {
426         list-style-type: decimal;
427         margin-left: 2em;
428 }
429
430 ul.ul-disc {
431         list-style: disc outside;
432 }
433
434 ul.ul-square {
435         list-style: square outside;
436 }
437
438 ol.ol-decimal {
439         list-style: decimal outside;
440 }
441
442 ul.ul-disc,
443 ul.ul-square,
444 ol.ol-decimal {
445         margin-left: 1.8em;
446 }
447
448 ul.ul-disc > li,
449 ul.ul-square > li,
450 ol.ol-decimal > li {
451         margin: 0 0 0.5em;
452 }
453
454 .code,
455 code {
456         font-family: Consolas, Monaco, monospace;
457 }
458
459 kbd,
460 code {
461         padding: 1px 3px;
462         margin: 0 1px;
463         font-size: 11px;
464 }
465
466 .subsubsub {
467         list-style: none;
468         margin: 8px 0 5px;
469         padding: 0;
470         font-size: 12px;
471         float: left;
472 }
473
474 .subsubsub a {
475         line-height: 2;
476         padding: .2em;
477         text-decoration: none;
478 }
479
480 .subsubsub a .count,
481 .subsubsub a.current .count {
482         color: #999;
483         font-weight: normal;
484 }
485
486 .subsubsub a.current {
487         font-weight: bold;
488         border: none;
489 }
490
491 .subsubsub li {
492         display: inline-block;
493         margin: 0;
494         padding: 0;
495         white-space: nowrap;
496 }
497
498 .widefat,
499 div.updated,
500 div.error,
501 .wrap .add-new-h2,
502 textarea,
503 input[type="text"],
504 input[type="password"],
505 input[type="file"],
506 input[type="email"],
507 input[type="number"],
508 input[type="search"],
509 input[type="tel"],
510 input[type="url"],
511 select,
512 .tablenav .tablenav-pages a,
513 .tablenav-pages span.current,
514 #titlediv #title,
515 .postbox,
516 #postcustomstuff table,
517 #postcustomstuff input,
518 #postcustomstuff textarea,
519 .imgedit-menu div,
520 .plugin-update-tr .update-message,
521 #poststuff .inside .the-tagcloud,
522 .login form,
523 #login_error,
524 .login .message,
525 #menu-management .menu-edit,
526 .nav-menus-php .list-container,
527 .menu-item-handle,
528 .link-to-original,
529 .nav-menus-php .major-publishing-actions .form-invalid,
530 .press-this #message,
531 #TB_window,
532 .tbtitle,
533 .highlight,
534 .feature-filter,
535 #widget-list .widget-top,
536 .editwidget .widget-inside {
537         -webkit-border-radius: 3px;
538         border-radius: 3px;
539         border-width: 1px;
540         border-style: solid;
541 }
542
543 /* .widefat - main style for tables */
544 .widefat {
545         border-spacing: 0;
546         width: 100%;
547         clear: both;
548         margin: 0;
549 }
550
551 .widefat * {
552         word-wrap: break-word;
553 }
554
555 .widefat a {
556         text-decoration: none;
557 }
558
559 .widefat thead th:first-of-type {
560         -webkit-border-top-left-radius: 3px;
561         border-top-left-radius: 3px;
562 }
563 .widefat thead th:last-of-type {
564         -webkit-border-top-right-radius: 3px;
565         border-top-right-radius: 3px;
566 }
567 .widefat tfoot th:first-of-type {
568         -webkit-border-bottom-left-radius: 3px;
569         border-bottom-left-radius: 3px;
570 }
571 .widefat tfoot th:last-of-type {
572         -webkit-border-bottom-right-radius: 3px;
573         border-bottom-right-radius: 3px;
574 }
575
576 .widefat td,
577 .widefat th {
578         border-width: 1px 0;
579         border-style: solid;
580 }
581 .widefat tfoot th {
582         border-bottom: none;
583 }
584
585 .widefat .no-items td {
586         border-bottom-width: 0;
587 }
588
589 .widefat td {
590         font-size: 12px;
591         padding: 4px 7px 2px;
592         vertical-align: top;
593 }
594
595 .widefat td p,
596 .widefat td ol,
597 .widefat td ul {
598         font-size: 12px;
599 }
600
601 .widefat th {
602         padding: 7px 7px 8px;
603         text-align: left;
604         line-height: 1.3em;
605         font-size: 14px;
606 }
607
608 .widefat th input {
609         margin: 0 0 0 8px;
610         padding: 0;
611         vertical-align: text-top;
612 }
613
614 .widefat .check-column {
615         width: 2.2em;
616         padding: 6px 0 25px;
617         vertical-align: top;
618 }
619
620 .widefat tbody th.check-column {
621         padding: 9px 0 22px;
622 }
623
624 .widefat.media .check-column {
625         padding-top: 8px;
626 }
627
628 .widefat thead .check-column,
629 .widefat tfoot .check-column {
630         padding: 10px 0 0;
631 }
632
633 .no-js .widefat thead .check-column input,
634 .no-js .widefat tfoot .check-column input {
635         display: none;
636 }
637
638 .widefat .num,
639 .column-comments,
640 .column-links,
641 .column-posts {
642         text-align: center;
643 }
644
645 .widefat th#comments {
646         vertical-align: middle;
647 }
648
649 .wrap {
650         margin: 4px 15px 0 0;
651 }
652
653 div.updated,
654 div.error {
655         padding: 0 0.6em;
656         margin: 5px 15px 2px;
657 }
658
659 div.updated p,
660 div.error p {
661         margin: 0.5em 0;
662         padding: 2px;
663 }
664
665 .wrap div.updated,
666 .wrap div.error,
667 .media-upload-form div.error {
668         margin: 5px 0 15px;
669 }
670
671 .wrap h2,
672 .subtitle {
673         font-weight: normal;
674         margin: 0;
675         text-shadow: #fff 0 1px 0;
676 }
677
678 .wrap h2 {
679         font-size: 23px;
680         padding: 9px 15px 4px 0;
681         line-height: 29px;
682 }
683
684 .subtitle {
685         font-size: 14px;
686         padding-left: 25px;
687 }
688
689 .wrap .add-new-h2 {
690         font-family: sans-serif;
691         margin-left: 4px;
692         padding: 3px 8px;
693         position: relative;
694         top: -3px;
695         text-decoration: none;
696         font-size: 12px;
697         border: 0 none;
698 }
699
700 .wrap h2.long-header {
701         padding-right: 0;
702 }
703
704 html,
705 .wp-dialog {
706         background-color: #fff;
707 }
708
709 textarea,
710 input[type="text"],
711 input[type="password"],
712 input[type="file"],
713 input[type="email"],
714 input[type="number"],
715 input[type="search"],
716 input[type="tel"],
717 input[type="url"],
718 select {
719         background-color: #fff;
720         color: #333;
721 }
722
723 select {
724         color: #000;
725 }
726
727 select[disabled] {
728         color: #7f7f7f;
729 }
730
731 select:focus {
732         border-color: #aaa;
733 }
734
735 textarea:focus,
736 input[type="text"]:focus,
737 input[type="password"]:focus,
738 input[type="file"]:focus,
739 input[type="email"]:focus,
740 input[type="number"]:focus,
741 input[type="search"]:focus,
742 input[type="tel"]:focus,
743 input[type="url"]:focus,
744 select:focus {
745         -webkit-box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
746         box-shadow: 1px 1px 2px rgba(0,0,0,0.1);
747 }
748
749 input[readonly] {
750         background-color: #eee;
751 }
752
753 :-moz-placeholder {
754    color: #a9a9a9;
755 }
756
757 /*------------------------------------------------------------------------------
758   1.0 - Text Styles
759 ------------------------------------------------------------------------------*/
760
761 div.sidebar-name h3,
762 #menu-management .nav-tab,
763 #dashboard_plugins h5,
764 a.rsswidget,
765 #dashboard_right_now td.b,
766 #dashboard-widgets h4,
767 .tool-box .title,
768 #poststuff h3,
769 .metabox-holder h3,
770 .pressthis a,
771 #your-profile legend,
772 .inline-edit-row fieldset span.title,
773 .inline-edit-row fieldset span.checkbox-title,
774 .tablenav .displaying-num,
775 .widefat th,
776 .quicktags,
777 .search {
778         font-family: Georgia, "Times New Roman", "Bitstream Charter", Times, serif;
779 }
780
781 h2 .nav-tab,
782 .wrap h2,
783 .subtitle,
784 .login form .input {
785         font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
786 }
787
788 .quicktags,
789 .search {
790         font-size: 12px;
791 }
792
793 .icon32 {
794         float: left;
795         height: 34px;
796         margin: 7px 8px 0 0;
797         width: 36px;
798 }
799
800 .icon16 {
801         height: 18px;
802         width: 18px;
803         padding: 6px 6px;
804         margin: -6px 0 0 -8px;
805         float: left;
806 }
807
808 .key-labels label {
809         line-height: 24px;
810 }
811
812 .pre {
813         /* https://developer.mozilla.org/en-US/docs/CSS/white-space */
814         white-space: pre-wrap; /* css-3 */
815         word-wrap: break-word; /* IE 5.5 - 7 */
816 }
817
818 .howto {
819         font-style: italic;
820         display: block;
821         font-family: sans-serif;
822 }
823
824 p.install-help {
825         margin: 8px 0;
826         font-style: italic;
827 }
828
829 .no-break {
830         white-space: nowrap;
831 }
832
833 /*------------------------------------------------------------------------------
834   2.0 - Forms
835 ------------------------------------------------------------------------------*/
836
837
838 .wp-admin select {
839         padding: 2px;
840         height: 2em;
841 }
842
843 .wp-admin select[multiple] {
844         height: auto;
845 }
846
847 .submit {
848         padding: 1.5em 0;
849         margin: 5px 0;
850         -webkit-border-bottom-left-radius: 3px;
851         -webkit-border-bottom-right-radius: 3px;
852         border-bottom-left-radius: 3px;
853         border-bottom-right-radius: 3px;
854 }
855
856 form p.submit a.cancel:hover {
857         text-decoration: none;
858 }
859
860 #minor-publishing-actions input,
861 #major-publishing-actions input,
862 #minor-publishing-actions .preview {
863         text-align: center;
864 }
865
866 textarea.all-options,
867 input.all-options {
868         width: 250px;
869 }
870
871 input.large-text,
872 textarea.large-text {
873         width: 99%;
874 }
875
876 input.regular-text,
877 #adduser .form-field input {
878         width: 25em;
879 }
880
881 input.small-text {
882         width: 50px;
883 }
884
885 input[type="number"].small-text {
886         width: 60px;
887 }
888
889 #doaction,
890 #doaction2,
891 #post-query-submit {
892         margin: 1px 8px 0 0;
893 }
894
895 .tablenav #changeit,
896 .tablenav #delete_all,
897 .tablenav #clear-recent-list {
898         margin-top: 1px;
899 }
900
901 .tablenav .actions select {
902         float: left;
903         margin-right: 6px;
904         max-width: 200px;
905 }
906
907 .ie8 .tablenav .actions select {
908         width: 155px;
909 }
910
911 .ie8 .tablenav .actions select#cat {
912         width: 200px;
913 }
914
915 #timezone_string option {
916         margin-left: 1em;
917 }
918
919 label,
920 #your-profile label + a {
921         vertical-align: middle;
922 }
923
924 #misc-publishing-actions label {
925         vertical-align: baseline;
926 }
927
928 #pass-strength-result {
929         border-style: solid;
930         border-width: 1px;
931         float: left;
932         margin: 13px 5px 5px 1px;
933         padding: 3px 5px;
934         text-align: center;
935         width: 200px;
936         display: none;
937 }
938 .indicator-hint {
939         padding-top: 8px;
940 }
941
942 p.search-box {
943         float: right;
944         margin: 0;
945 }
946
947 .search-box input[name="s"],
948 #search-plugins input[name="s"],
949 .tagsdiv .newtag {
950         float: left;
951         height: 2em;
952         margin: 0 4px 0 0;
953 }
954
955 input[type="text"].ui-autocomplete-loading {
956         background: transparent url('../images/loading.gif') no-repeat right center;
957         visibility: visible;
958 }
959
960 ul#add-to-blog-users {
961         margin: 0 0 0 14px;
962 }
963
964 .ui-autocomplete-input.open {
965         border-bottom-right-radius: 0;
966         border-bottom-left-radius: 0;
967 }
968
969 .ui-autocomplete {
970         padding: 0;
971         margin: 0;
972         list-style: none;
973         position: absolute;
974         z-index: 10000;
975         border-bottom-right-radius: 3px;
976         border-bottom-left-radius: 3px;
977         border-width: 1px;
978         border-style: solid;
979 }
980
981 .ui-autocomplete li {
982         margin-bottom: 0;
983         white-space: nowrap;
984         text-align: left;
985 }
986
987 .ui-autocomplete li a {
988         display: block;
989         height: 100%;
990         padding: 4px 10px;
991 }
992
993 .ui-autocomplete li a.ui-state-focus {
994         cursor: pointer;
995 }
996
997 /*------------------------------------------------------------------------------
998   3.0 - Actions
999 ------------------------------------------------------------------------------*/
1000
1001 #major-publishing-actions {
1002         padding: 10px 10px 8px;
1003         clear: both;
1004         border-top: 1px solid #f5f5f5;
1005         margin-top: -2px;
1006 }
1007
1008 #delete-action {
1009         line-height: 25px;
1010         vertical-align: middle;
1011         text-align: left;
1012         float: left;
1013 }
1014
1015 #publishing-action {
1016         text-align: right;
1017         float: right;
1018         line-height: 23px;
1019 }
1020
1021 #publishing-action .spinner {
1022         float: left;
1023 }
1024
1025 #misc-publishing-actions {
1026         padding: 6px 0 0;
1027 }
1028
1029 .misc-pub-section {
1030         padding: 6px 10px 8px;
1031         border-width: 1px 0;
1032         border-style: solid;
1033 }
1034
1035 .misc-pub-section:first-child {
1036         border-top-width: 0;
1037 }
1038
1039 .misc-pub-section-last {
1040         border-bottom-width: 0;
1041 }
1042
1043 #minor-publishing-actions {
1044         padding: 10px 10px 2px 8px;
1045         text-align: right;
1046 }
1047
1048 #minor-publishing {
1049         border-bottom-width: 1px;
1050         border-bottom-style: solid;
1051         -webkit-box-shadow: 0 1px 0 #fff;
1052         box-shadow: 0 1px 0 #fff;
1053 }
1054
1055 #save-post {
1056         float: left;
1057 }
1058
1059 .preview {
1060         float: right;
1061 }
1062
1063 #sticky-span {
1064         margin-left: 18px;
1065 }
1066
1067 .side-info {
1068         margin: 0;
1069         padding: 4px;
1070         font-size: 11px;
1071 }
1072
1073 .side-info h5 {
1074         padding-bottom: 7px;
1075         font-size: 14px;
1076         margin: 12px 2px 5px;
1077         border-bottom-width: 1px;
1078         border-bottom-style: solid;
1079 }
1080
1081 .side-info ul {
1082         margin: 0;
1083         padding-left: 18px;
1084         list-style: square;
1085 }
1086
1087 .approve,
1088 .unapproved .unapprove {
1089         display: none;
1090 }
1091
1092 .unapproved .approve,
1093 .spam .approve,
1094 .trash .approve {
1095         display: inline;
1096 }
1097
1098 td.action-links,
1099 th.action-links {
1100         text-align: right;
1101 }
1102
1103
1104 /*------------------------------------------------------------------------------
1105   4.0 - Notifications
1106 ------------------------------------------------------------------------------*/
1107
1108 #update-nag,
1109 .update-nag {
1110         line-height: 19px;
1111         padding: 5px 0;
1112         font-size: 12px;
1113         text-align: center;
1114         margin: -1px 15px 0 5px;
1115         border-width: 1px;
1116         border-style: solid;
1117         -webkit-border-bottom-right-radius: 3px;
1118         -webkit-border-bottom-left-radius: 3px;
1119         border-bottom-right-radius: 3px;
1120         border-bottom-left-radius: 3px;
1121 }
1122
1123 .plugins .plugin-update {
1124         padding: 0;
1125 }
1126
1127 .plugin-update .update-message {
1128         margin: 0 10px 8px 31px;
1129         font-weight: bold;
1130 }
1131
1132 ul#dismissed-updates {
1133         display: none;
1134 }
1135
1136 form.upgrade {
1137         margin-top: 8px;
1138 }
1139
1140 form.upgrade .hint {
1141         font-style: italic;
1142         font-size: 85%;
1143         margin: -0.5em 0 2em 0;
1144 }
1145
1146 #ajax-loading,
1147 .ajax-loading,
1148 .ajax-feedback,
1149 .imgedit-wait-spin,
1150 .list-ajax-loading { /* deprecated */
1151         visibility: hidden;
1152 }
1153
1154 #ajax-response.alignleft {
1155         margin-left: 2em;
1156 }
1157
1158
1159 /*------------------------------------------------------------------------------
1160   6.0 - Admin Header
1161 ------------------------------------------------------------------------------*/
1162 #adminmenu a,
1163 #sidemenu a,
1164 #taglist a,
1165 #catlist a {
1166         text-decoration: none;
1167 }
1168
1169 /*------------------------------------------------------------------------------
1170   6.1 - Screen Options Tabs
1171 ------------------------------------------------------------------------------*/
1172
1173 #screen-options-wrap,
1174 #contextual-help-wrap {
1175         margin: 0;
1176         padding: 8px 20px 12px;
1177         position: relative;
1178 }
1179
1180 #contextual-help-wrap {
1181         overflow: auto;
1182 }
1183
1184 #screen-meta .screen-reader-text {
1185         visibility: hidden;
1186 }
1187
1188 #screen-meta-links {
1189         margin: 0 24px 0 0;
1190 }
1191
1192 #screen-meta-links a:focus {
1193         -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
1194         box-shadow: 1px 1px 1px rgba(0,0,0,0.4);
1195         outline: none;
1196 }
1197
1198 /* screen options and help tabs revert */
1199 #screen-meta {
1200         display: none;
1201         position: relative;
1202         margin: 0 15px 0 5px;
1203         border-width: 0 1px 1px;
1204         border-style: none solid solid;
1205 }
1206
1207 #screen-options-link-wrap,
1208 #contextual-help-link-wrap {
1209         float: right;
1210         height: 23px;
1211         padding: 0;
1212         margin: 0 0 0 6px;
1213         font-family: sans-serif;
1214 }
1215
1216 #screen-options-link-wrap,
1217 #contextual-help-link-wrap,
1218 #screen-meta {
1219         -webkit-border-bottom-left-radius: 3px;
1220         -webkit-border-bottom-right-radius: 3px;
1221         border-bottom-left-radius: 3px;
1222         border-bottom-right-radius: 3px;
1223 }
1224
1225 #screen-meta-links .screen-meta-toggle {
1226         position: relative;
1227         top: -1px;
1228 }
1229
1230 #screen-meta-links a.show-settings {
1231         text-decoration: none;
1232         z-index: 1;
1233         padding: 1px 16px 0 6px;
1234         height: 22px;
1235         line-height: 22px;
1236         font-size: 12px;
1237         display: block;
1238         text-shadow: rgba(255,255,255,0.7) 0 1px 0;
1239 }
1240
1241 #screen-meta-links a.show-settings:hover {
1242         text-decoration: none;
1243 }
1244 /* end screen options and help tabs */
1245
1246 .toggle-arrow {
1247         background-repeat: no-repeat;
1248         background-position: top left;
1249         background-color: transparent;
1250         height: 22px;
1251         line-height: 22px;
1252         display: block;
1253 }
1254
1255 .toggle-arrow-active {
1256         background-position: bottom left;
1257 }
1258
1259 #screen-options-wrap h5,
1260 #contextual-help-wrap h5 {
1261         margin: 8px 0;
1262         font-size: 13px;
1263 }
1264
1265 .metabox-prefs label {
1266         display: inline-block;
1267         padding-right: 15px;
1268         white-space: nowrap;
1269         line-height: 30px;
1270 }
1271
1272 .metabox-prefs label input {
1273         margin: 0 5px 0 2px;
1274 }
1275
1276 .metabox-prefs .columns-prefs label input {
1277         margin: 0 2px;
1278 }
1279
1280 .metabox-prefs label a {
1281         display: none;
1282 }
1283
1284 /*------------------------------------------------------------------------------
1285   6.2 - Help Menu
1286 ------------------------------------------------------------------------------*/
1287
1288 #contextual-help-wrap {
1289         padding: 0;
1290         margin-left: -4px;
1291 }
1292
1293 #contextual-help-columns {
1294         position: relative;
1295 }
1296
1297 #contextual-help-back {
1298         position: absolute;
1299         top: 0;
1300         bottom: 0;
1301         left: 150px;
1302         right: 170px;
1303         border-width: 0 1px;
1304         border-style: solid;
1305 }
1306
1307 #contextual-help-wrap.no-sidebar #contextual-help-back {
1308         right: 0;
1309
1310         border-right-width: 0;
1311         -webkit-border-bottom-right-radius: 2px;
1312         border-bottom-right-radius: 2px;
1313 }
1314
1315 .contextual-help-tabs {
1316         float: left;
1317         width: 150px;
1318         margin: 0;
1319 }
1320
1321 .contextual-help-tabs ul {
1322         margin: 1em 0;
1323 }
1324
1325 .contextual-help-tabs li {
1326         margin-bottom: 0;
1327         list-style-type: none;
1328         border-style: solid;
1329         border-width: 1px 0;
1330         border-color: transparent;
1331 }
1332
1333 .contextual-help-tabs a {
1334         display: block;
1335         padding: 5px 5px 5px 12px;
1336         line-height: 18px;
1337         text-decoration: none;
1338 }
1339
1340 .contextual-help-tabs .active {
1341         padding: 0;
1342         margin: 0 -1px 0 0;
1343         border-width: 1px 0 1px 1px;
1344         border-style: solid;
1345 }
1346
1347 .contextual-help-tabs-wrap {
1348         padding: 0 20px;
1349         overflow: auto;
1350 }
1351
1352 .help-tab-content {
1353         display: none;
1354         margin: 0 22px 12px 0;
1355         line-height: 1.6em;
1356 }
1357
1358 .help-tab-content.active {
1359         display: block;
1360 }
1361
1362 .help-tab-content li {
1363         list-style-type: disc;
1364         margin-left: 18px;
1365 }
1366
1367 .contextual-help-sidebar {
1368         width: 150px;
1369         float: right;
1370         padding: 0 8px 0 12px;
1371         overflow: auto;
1372 }
1373
1374
1375 /*------------------------------------------------------------------------------
1376   7.0 - Main Navigation (Left Menu)
1377 ------------------------------------------------------------------------------*/
1378
1379 #adminmenuback,
1380 #adminmenuwrap {
1381         border-width: 0 1px 0 0;
1382         border-style: solid;
1383 }
1384
1385 #adminmenuwrap {
1386         position: relative;
1387         float: left;
1388 }
1389
1390 #adminmenushadow {
1391         position: absolute;
1392         top: 0;
1393         right: 0;
1394         bottom: 0;
1395         width: 6px;
1396         z-index: 20;
1397 }
1398
1399 /* side admin menu */
1400 #adminmenu * {
1401         -webkit-user-select: none;
1402         -moz-user-select: none;
1403         user-select: none;
1404 }
1405
1406 #adminmenu li {
1407         margin: 0;
1408         padding: 0;
1409         cursor: pointer;
1410 }
1411
1412 #adminmenu a {
1413         display: block;
1414         line-height: 18px;
1415         padding: 2px 5px;
1416 }
1417
1418 #adminmenu li.menu-top {
1419         min-height: 28px;
1420         position: relative;
1421 }
1422
1423 #adminmenu .wp-submenu {
1424         list-style: none;
1425         padding: 4px 0;
1426         margin: 0;
1427         position: absolute;
1428         top: -1000em;
1429         left: 146px;
1430         z-index: 1000;
1431         overflow: visible;
1432         border-width: 1px;
1433         border-style: solid;
1434         -webkit-border-bottom-right-radius: 3px;
1435         -webkit-border-top-right-radius: 3px;
1436         border-bottom-right-radius: 3px;
1437         border-top-right-radius: 3px;
1438 }
1439
1440 .js #adminmenu .sub-open,
1441 .js #adminmenu .opensub .wp-submenu,
1442 #adminmenu a.menu-top:focus + .wp-submenu,
1443 .no-js li.wp-has-submenu:hover .wp-submenu {
1444         top: -1px;
1445 }
1446
1447 #adminmenu .wp-has-current-submenu .wp-submenu,
1448 .no-js li.wp-has-current-submenu:hover .wp-submenu,
1449 #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1450 #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
1451 #adminmenu .wp-has-current-submenu.opensub .wp-submenu {
1452         position: relative;
1453         z-index: 2;
1454         top: auto;
1455         left: auto;
1456         right: auto;
1457         bottom: auto;
1458         border: 0 none;
1459
1460         -webkit-box-shadow: none;
1461         box-shadow: none;
1462 }
1463
1464 .folded #adminmenu .wp-submenu.sub-open,
1465 .folded #adminmenu .opensub .wp-submenu,
1466 .folded #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
1467 .folded #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
1468 .folded #adminmenu a.menu-top:focus + .wp-submenu,
1469 .folded #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu,
1470 .no-js.folded #adminmenu .wp-has-submenu:hover .wp-submenu  {
1471         top: -1px;
1472         left: 32px;
1473 }
1474
1475 .folded #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1476 .folded #adminmenu .wp-has-current-submenu .wp-submenu {
1477         border-width: 1px;
1478         border-style: solid;
1479         position: absolute;
1480         top: -1000em;
1481 }
1482
1483 #adminmenu .wp-submenu a {
1484         font-size: 12px;
1485         line-height: 18px;
1486         margin: 0;
1487         padding-left: 12px;
1488 }
1489
1490 #adminmenu .wp-not-current-submenu li > a {
1491         padding-left: 16px;
1492 }
1493
1494 #adminmenu .wp-has-current-submenu ul > li > a,
1495 .folded #adminmenu li.menu-top .wp-submenu > li > a {
1496         padding-left: 12px;
1497 }
1498
1499 #adminmenu a.menu-top,
1500 #adminmenu .wp-submenu-head {
1501         font-size: 13px;
1502         font-weight: bold;
1503         line-height: 18px;
1504         padding: 0;
1505 }
1506
1507 #adminmenu .wp-submenu-head,
1508 .folded #adminmenu .wp-menu-name {
1509         display: none;
1510 }
1511
1512 .folded #adminmenu .wp-submenu-head {
1513         display: block;
1514 }
1515
1516 #adminmenu .wp-submenu li {
1517         padding: 0;
1518         margin: 0;
1519         overflow: hidden;
1520 }
1521
1522 #adminmenu a.menu-top {
1523         border-width: 1px 0;
1524         border-style: solid none;
1525 }
1526
1527 #adminmenu .wp-menu-image img {
1528         padding: 7px 0 0 7px;
1529         opacity: 0.6;
1530         filter: alpha(opacity=60);
1531 }
1532
1533 #adminmenu div.wp-menu-name {
1534         padding: 5px;
1535 }
1536
1537 #adminmenu div.wp-menu-image {
1538         float: left;
1539         width: 28px;
1540         height: 28px;
1541 }
1542
1543 .folded #adminmenu div.wp-menu-image {
1544         width: 32px;
1545         position: absolute;
1546         z-index: 25;
1547 }
1548
1549 .folded #adminmenu a.menu-top {
1550         height: 28px;
1551 }
1552
1553 .wp-menu-arrow {
1554         z-index: 25;
1555         position: absolute;
1556         right: 100%;
1557         margin: 0;
1558         height: 30px;
1559         width: 6px;
1560
1561         -moz-transform:    translate( 146px );
1562         -webkit-transform: translate( 146px );
1563         -o-transform:      translate( 146px );
1564         -ms-transform:     translate( 146px );
1565         transform:         translate( 146px );
1566 }
1567
1568 #adminmenu .wp-menu-arrow div {
1569         display: none;
1570         position: absolute;
1571         top: 7px;
1572         left: -1px;
1573         width: 14px;
1574         height: 15px;
1575
1576         -moz-transform:    matrix( -0.6, 1, 0.6, 1, 0, 0 );
1577         -webkit-transform: matrix( -0.6, 1, 0.6, 1, 0, 0 );
1578         -o-transform:      matrix( -0.6, 1, 0.6, 1, 0, 0 );
1579         -ms-transform:     matrix( -0.6, 1, 0.6, 1, 0, 0 );
1580         transform:         matrix( -0.6, 1, 0.6, 1, 0, 0 );
1581 }
1582
1583 #adminmenu li.wp-not-current-submenu .wp-menu-arrow {
1584         -moz-transform:    translate( 145px );
1585         -webkit-transform: translate( 145px );
1586         -o-transform:      translate( 145px );
1587         -ms-transform:     translate( 145px );
1588         transform:         translate( 145px );
1589         height: 28px;
1590         border-width: 1px 0;
1591         border-style: solid;
1592         top: 0;
1593 }
1594
1595 .folded #adminmenu li .wp-menu-arrow {
1596         -moz-transform:    translate( 32px );
1597         -webkit-transform: translate( 32px );
1598         -o-transform:      translate( 32px );
1599         -ms-transform:     translate( 32px );
1600         transform:         translate( 32px );
1601 }
1602
1603 #adminmenu li.current .wp-menu-arrow,
1604 #adminmenu li.wp-has-current-submenu .wp-menu-arrow,
1605 #adminmenu li.wp-has-current-submenu .wp-menu-arrow div,
1606 #adminmenu li.wp-has-submenu .wp-menu-arrow div,
1607 #adminmenu li.current .wp-menu-arrow div,
1608 .no-js #adminmenu li.wp-has-submenu:hover .wp-menu-arrow,
1609 #adminmenu li.wp-has-submenu.opensub .wp-menu-arrow,
1610 #adminmenu a.wp-has-submenu:focus .wp-menu-arrow,
1611 #adminmenu a:hover .wp-menu-arrow {
1612         display: block;
1613 }
1614
1615 #adminmenu li.current .wp-menu-arrow,
1616 #adminmenu li.wp-menu-open .wp-menu-arrow {
1617         top: 0;
1618 }
1619
1620 .no-js #adminmenu li.wp-has-submenu:hover .wp-menu-arrow,
1621 #adminmenu li.wp-has-submenu.opensub .wp-menu-arrow,
1622 #adminmenu a.wp-has-submenu:focus .wp-menu-arrow {
1623         z-index: 1001;
1624 }
1625
1626 .ie8 #adminmenu li.menu-top:hover .wp-menu-arrow {
1627         display: none;
1628 }
1629
1630 #adminmenu .wp-not-current-submenu .wp-menu-arrow div {
1631         width: 15px;
1632         top: 6px;
1633         border-width: 0 0 1px 1px;
1634         border-style: solid;
1635 }
1636
1637 .wp-menu-arrow,
1638 .folded #adminmenu li .wp-menu-arrow div,
1639 .no-js #adminmenu li.wp-not-current-submenu:hover .wp-menu-arrow {
1640         display: none;
1641 }
1642
1643 .folded #adminmenu li.current .wp-menu-arrow,
1644 .folded #adminmenu li.current .wp-menu-arrow div,
1645 .folded #adminmenu li.wp-has-current-submenu .wp-menu-arrow div,
1646 .folded #adminmenu li.wp-menu-open .wp-menu-arrow,
1647 .folded #adminmenu li a:focus .wp-menu-arrow {
1648         display: block;
1649 }
1650
1651 #adminmenu li.menu-top:hover .wp-menu-image img,
1652 #adminmenu li.wp-has-current-submenu .wp-menu-image img {
1653         opacity: 1;
1654         filter: alpha(opacity=100);
1655 }
1656
1657 #adminmenu li.wp-menu-separator {
1658         height: 3px;
1659         padding: 0;
1660         margin: 0;
1661         border-width: 1px 0;
1662         border-style: solid;
1663         cursor: inherit;
1664 }
1665
1666 #adminmenu div.separator {
1667         height: 1px;
1668         padding: 0;
1669         border-width: 1px 0 0 0;
1670         border-style: solid;
1671 }
1672
1673 #adminmenu .wp-submenu .wp-submenu-head {
1674         padding: 5px 4px 5px 10px;
1675         margin: -4px -1px 4px;
1676         border-width: 1px 0;
1677         border-style: solid;
1678         -webkit-border-top-right-radius: 3px;
1679         border-top-right-radius: 3px;
1680 }
1681
1682 #adminmenu li.wp-menu-open {
1683         border-width: 0 0 1px;
1684         border-style: solid;
1685 }
1686
1687 #adminmenu li.current,
1688 .folded #adminmenu li.wp-menu-open {
1689         border: 0 none;
1690 }
1691
1692 .folded #adminmenu li.wp-has-current-submenu {
1693         margin-bottom: 1px;
1694 }
1695
1696 .folded #adminmenu .wp-has-current-submenu.menu-top-last {
1697         margin-bottom: 0;
1698 }
1699
1700 #adminmenu .awaiting-mod,
1701 #adminmenu span.update-plugins,
1702 #sidemenu li a span.update-plugins {
1703         position: absolute;
1704         font-family: sans-serif;
1705         font-size: 9px;
1706         line-height: 17px;
1707         font-weight: bold;
1708         margin-top: 1px;
1709         margin-left: 7px;
1710         -webkit-border-radius: 10px;
1711         border-radius: 10px;
1712         z-index: 26;
1713 }
1714
1715 #adminmenu li .awaiting-mod span,
1716 #adminmenu li span.update-plugins span,
1717 #sidemenu li a span.update-plugins span {
1718         display: block;
1719         padding: 0 6px;
1720 }
1721
1722 #adminmenu li span.count-0,
1723 #sidemenu li a .count-0 {
1724         display: none;
1725 }
1726
1727 #collapse-menu {
1728         font-size: 12px;
1729         line-height: 34px;
1730         border-width: 1px 0 0;
1731         border-style: solid;
1732 }
1733
1734 .folded #collapse-menu span {
1735         display: none;
1736 }
1737
1738 #collapse-button,
1739 #collapse-button div {
1740         width: 15px;
1741         height: 15px;
1742 }
1743
1744 #collapse-button {
1745         float: left;
1746         margin: 8px 6px;
1747         border-width: 1px;
1748         border-style: solid;
1749         -webkit-border-radius: 10px;
1750         border-radius: 10px;
1751 }
1752
1753 /* Auto-folding of the admin menu */
1754 @media only screen and (max-width: 900px) {
1755         .auto-fold #wpcontent,
1756         .auto-fold #wpfooter {
1757                 margin-left: 52px;
1758         }
1759
1760         .auto-fold #adminmenuback,
1761         .auto-fold #adminmenuwrap,
1762         .auto-fold #adminmenu,
1763         .auto-fold #adminmenu li.menu-top {
1764                 width: 32px;
1765         }
1766
1767         .auto-fold #adminmenu .wp-submenu.sub-open,
1768         .auto-fold #adminmenu .opensub .wp-submenu,
1769         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu.sub-open,
1770         .auto-fold #adminmenu .wp-has-current-submenu.opensub .wp-submenu,
1771         .auto-fold #adminmenu a.menu-top:focus + .wp-submenu,
1772         .auto-fold #adminmenu .wp-has-current-submenu a.menu-top:focus + .wp-submenu  {
1773                 top: -1px;
1774                 left: 32px;
1775         }
1776
1777         .auto-fold #adminmenu a.wp-has-current-submenu:focus + .wp-submenu,
1778         .auto-fold #adminmenu .wp-has-current-submenu .wp-submenu {
1779                 border-width: 1px;
1780                 border-style: solid;
1781                 position: absolute;
1782                 top: -1000em;
1783         }
1784
1785         .auto-fold #adminmenu li.menu-top .wp-submenu > li > a {
1786                 padding-left: 12px;
1787         }
1788
1789         .auto-fold #adminmenu .wp-menu-name {
1790                 display: none;
1791         }
1792
1793         .auto-fold #adminmenu .wp-submenu-head {
1794                 display: block;
1795         }
1796
1797         .auto-fold #adminmenu div.wp-menu-image {
1798                 width: 32px;
1799                 position: absolute;
1800                 z-index: 25;
1801         }
1802
1803         .auto-fold #adminmenu a.menu-top {
1804                 height: 28px;
1805         }
1806
1807         .auto-fold #adminmenu li .wp-menu-arrow {
1808                 -moz-transform:    translate( 32px );
1809                 -webkit-transform: translate( 32px );
1810                 -o-transform:      translate( 32px );
1811                 -ms-transform:     translate( 32px );
1812                 transform:         translate( 32px );
1813         }
1814
1815         .auto-fold #adminmenu li .wp-menu-arrow div {
1816                 display: none;
1817         }
1818
1819         .auto-fold #adminmenu li.current .wp-menu-arrow,
1820         .auto-fold #adminmenu li.current .wp-menu-arrow div,
1821         .auto-fold #adminmenu li.wp-has-current-submenu .wp-menu-arrow div,
1822         .auto-fold #adminmenu li.wp-menu-open .wp-menu-arrow,
1823         .auto-fold #adminmenu li a:focus .wp-menu-arrow {
1824                 display: block;
1825         }
1826
1827         .auto-fold #adminmenu li.wp-menu-open {
1828                 border: 0 none;
1829         }
1830
1831         .auto-fold #adminmenu li.wp-has-current-submenu {
1832                 margin-bottom: 1px;
1833         }
1834
1835         .auto-fold #adminmenu .wp-has-current-submenu.menu-top-last {
1836                 margin-bottom: 0;
1837         }
1838
1839         .auto-fold #collapse-menu span {
1840                 display: none;
1841         }
1842
1843 }
1844
1845 /* List table styles */
1846 .post-com-count-wrapper {
1847         min-width: 22px;
1848         font-family: sans-serif;
1849 }
1850
1851 .post-com-count {
1852         background-image: url('../images/bubble_bg.gif');
1853         height: 1.3em;
1854         line-height: 1.1em;
1855         display: block;
1856         text-decoration: none;
1857         padding: 0 0 6px;
1858         cursor: pointer;
1859         background-position: center -80px;
1860         background-repeat: no-repeat;
1861 }
1862
1863 .post-com-count span {
1864         font-size: 11px;
1865         font-weight: bold;
1866         height: 1.4em;
1867         line-height: 1.4em;
1868         min-width: 0.7em;
1869         padding: 0 6px;
1870         display: inline-block;
1871         -webkit-border-radius: 5px;
1872         border-radius: 5px;
1873 }
1874
1875 strong .post-com-count {
1876         background-position: center -55px;
1877 }
1878
1879 .post-com-count:hover {
1880         background-position: center -3px;
1881 }
1882
1883 .column-response .post-com-count {
1884         float: left;
1885         margin-right: 5px;
1886         text-align: center;
1887 }
1888
1889 .response-links {
1890         float: left;
1891 }
1892
1893 #the-comment-list .attachment-80x60 {
1894         padding: 4px 8px;
1895 }
1896
1897 th .comment-grey-bubble {
1898         background-image: url('../images/comment-grey-bubble.png');
1899         background-repeat: no-repeat;
1900         height: 12px;
1901         width: 12px;
1902 }
1903
1904 /*------------------------------------------------------------------------------
1905   8.0 - Layout Blocks
1906 ------------------------------------------------------------------------------*/
1907
1908 html.wp-toolbar {
1909         padding-top: 28px;
1910         -webkit-box-sizing: border-box;
1911         -moz-box-sizing: border-box;
1912         box-sizing: border-box;
1913 }
1914
1915 .narrow {
1916         width: 70%;
1917         margin-bottom: 40px;
1918 }
1919
1920 .narrow p {
1921         line-height: 150%;
1922 }
1923
1924 .widefat th,
1925 .widefat td {
1926         overflow: hidden;
1927 }
1928
1929 .widefat th {
1930         font-weight: normal;
1931 }
1932
1933 .widefat td p {
1934         margin: 2px 0 0.8em;
1935 }
1936
1937 .widefat .column-comment p {
1938         margin: 0.6em 0;
1939 }
1940
1941 /* Screens with postboxes */
1942 .postbox-container {
1943         float: left;
1944 }
1945
1946 #dashboard-widgets.columns-1 .postbox-container {
1947         width: 100%;
1948 }
1949
1950 #dashboard-widgets.columns-2 .postbox-container {
1951         width: 49.5%;
1952 }
1953
1954 #dashboard-widgets.columns-2 #postbox-container-2,
1955 #dashboard-widgets.columns-2 #postbox-container-3,
1956 #dashboard-widgets.columns-2 #postbox-container-4 {
1957         float: right;
1958         width: 50.5%;
1959 }
1960
1961 #dashboard-widgets.columns-3 .postbox-container {
1962         width: 33.5%;
1963 }
1964
1965 #dashboard-widgets.columns-3 #postbox-container-1 {
1966         width: 33%;
1967 }
1968
1969 #dashboard-widgets.columns-3 #postbox-container-3,
1970 #dashboard-widgets.columns-3 #postbox-container-4 {
1971         float: right;
1972 }
1973
1974 #dashboard-widgets.columns-4 .postbox-container {
1975         width: 25%;
1976 }
1977
1978 .postbox-container .meta-box-sortables {
1979         -moz-box-sizing: border-box;
1980         -webkit-box-sizing: border-box;
1981         -ms-box-sizing: border-box;
1982         box-sizing: border-box;
1983 }
1984
1985 .metabox-holder .postbox-container .empty-container {
1986         border: 3px dashed #CCCCCC;
1987         height: 250px;
1988 }
1989
1990 .metabox-holder.columns-1 .postbox-container .empty-container,
1991 .columns-2 #postbox-container-3 .empty-container,
1992 .columns-2 #postbox-container-4 .empty-container,
1993 .columns-3 #postbox-container-4 .empty-container {
1994         border: 0 none;
1995         height: 0;
1996         min-height: 0;
1997 }
1998
1999 #poststuff {
2000         padding-top: 10px;
2001 }
2002
2003 #poststuff #post-body {
2004         padding: 0;
2005 }
2006
2007 #post-body-content {
2008         width: 100%;
2009         float: left;
2010 }
2011
2012 #poststuff .postbox-container {
2013         width: 100%;
2014 }
2015
2016 #poststuff #post-body.columns-2 {
2017         margin-right: 300px;
2018 }
2019
2020 #post-body.columns-2 #postbox-container-1 {
2021         float: right;
2022         margin-right: -300px;
2023         width: 280px;
2024 }
2025
2026 #post-body.columns-2 #side-sortables {
2027         min-height: 250px;
2028 }
2029
2030 /* one column on the dash */
2031 @media only screen and (max-width: 799px) {
2032         #wpbody-content #dashboard-widgets .postbox-container {
2033                 width: 100%;
2034         }
2035
2036         #wpbody-content .metabox-holder .postbox-container .empty-container {
2037                 border: 0 none;
2038                 height: 0;
2039                 min-height: 0;
2040         }
2041 }
2042
2043 /* two columns on the dash, but keep the setting if one is selected */
2044 @media only screen and (min-width: 800px) and (max-width: 1200px) {
2045         #wpbody-content #dashboard-widgets .postbox-container {
2046                 width: 49.5%;
2047         }
2048
2049         #wpbody-content #dashboard-widgets #postbox-container-2,
2050         #wpbody-content #dashboard-widgets #postbox-container-3,
2051         #wpbody-content #dashboard-widgets #postbox-container-4 {
2052                 float: right;
2053                 width: 50.5%;
2054         }
2055
2056         #dashboard-widgets #postbox-container-3 .empty-container,
2057         #dashboard-widgets #postbox-container-4 .empty-container {
2058                 border: 0 none;
2059                 height: 0;
2060                 min-height: 0;
2061         }
2062
2063         #wpbody #wpbody-content #dashboard-widgets.columns-1 .postbox-container {
2064                 width: 100%;
2065         }
2066
2067         #wpbody #wpbody-content .metabox-holder.columns-1 .postbox-container .empty-container {
2068                 border: 0 none;
2069                 height: 0;
2070                 min-height: 0;
2071         }
2072
2073         /* show the radio buttons for column prefs only for one or two columns */
2074         .index-php .screen-layout,
2075         .index-php .columns-prefs {
2076                 display: block;
2077         }
2078
2079         .columns-prefs .columns-prefs-3,
2080         .columns-prefs .columns-prefs-4 {
2081                 display: none;
2082         }
2083 }
2084
2085 /* one column on the post write/edit screen */
2086 @media only screen and (max-width: 850px) {
2087         #wpbody-content #poststuff #post-body {
2088                 margin: 0;
2089         }
2090
2091         #wpbody-content #post-body.columns-2 #postbox-container-1 {
2092                 margin-right: 0;
2093                 width: 100%;
2094         }
2095
2096         #poststuff #postbox-container-1 .empty-container,
2097         #poststuff #postbox-container-1 #side-sortables:empty {
2098                 border: 0 none;
2099                 height: 0;
2100                 min-height: 0;
2101         }
2102
2103         #poststuff #post-body.columns-2 #side-sortables {
2104                 min-height: 0;
2105         }
2106
2107         /* hide the radio buttons for column prefs */
2108         .screen-layout,
2109         .columns-prefs {
2110                 display: none;
2111         }
2112 }
2113
2114 .postbox .hndle {
2115         -webkit-border-top-left-radius: 3px;
2116         -webkit-border-top-right-radius: 3px;
2117         border-top-left-radius: 3px;
2118         border-top-right-radius: 3px;
2119 }
2120
2121 .js .postbox .hndle {
2122         cursor: move;
2123 }
2124
2125 .postbox.closed .hndle {
2126         -webkit-border-radius: 3px;
2127         border-radius: 3px;
2128 }
2129
2130 .hndle a {
2131         font-size: 11px;
2132         font-weight: normal;
2133 }
2134
2135 .postbox .handlediv {
2136         float: right;
2137         width: 27px;
2138         height: 30px;
2139 }
2140
2141 .js .postbox .handlediv {
2142         cursor: pointer;
2143 }
2144
2145 .sortable-placeholder {
2146         border-width: 1px;
2147         border-style: dashed;
2148         margin-bottom: 20px;
2149 }
2150
2151 .widget,
2152 .postbox,
2153 .stuffbox {
2154         margin-bottom: 20px;
2155         padding: 0;
2156         border-width: 1px;
2157         border-style: solid;
2158         line-height: 1;
2159 }
2160
2161 .widget .widget-top,
2162 .postbox h3,
2163 .stuffbox h3 {
2164         margin-top: 1px;
2165         border-bottom-width: 1px;
2166         border-bottom-style: solid;
2167         -webkit-user-select: none;
2168         -moz-user-select: none;
2169         user-select: none;
2170 }
2171
2172 .js .widget .widget-top,
2173 .js .postbox h3 {
2174         cursor: move;
2175 }
2176
2177 .postbox .inside,
2178 .stuffbox .inside {
2179         padding: 0 12px 0 10px;
2180         line-height: 1.4em;
2181 }
2182
2183 .postbox .inside {
2184         margin: 10px 0;
2185         position: relative;
2186 }
2187
2188 .postbox.closed h3 {
2189         border: none;
2190         -webkit-box-shadow: none;
2191         box-shadow: none;
2192 }
2193
2194 .postbox table.form-table {
2195         margin-bottom: 0;
2196 }
2197
2198 .temp-border {
2199         border: 1px dotted #ccc;
2200 }
2201
2202 .columns-prefs label {
2203         padding: 0 5px;
2204 }
2205
2206
2207 /*------------------------------------------------------------------------------
2208   9.0 - Dashboard
2209 ------------------------------------------------------------------------------*/
2210
2211 #dashboard-widgets-wrap {
2212         margin: 0 -8px;
2213 }
2214
2215 #wpbody-content .metabox-holder {
2216         padding-top: 10px;
2217 }
2218
2219 #dashboard-widgets .meta-box-sortables {
2220         margin: 0 8px;
2221 }
2222
2223 #dashboard_recent_comments div.undo {
2224         border-top-style: solid;
2225         border-top-width: 1px;
2226         margin: 0 -10px;
2227         padding: 3px 8px;
2228         font-size: 11px;
2229 }
2230
2231 #the-comment-list td.comment p.comment-author {
2232         margin-top: 0;
2233         margin-left: 0;
2234 }
2235
2236 #the-comment-list p.comment-author img {
2237         float: left;
2238         margin-right: 8px;
2239 }
2240
2241 #the-comment-list p.comment-author strong a {
2242         border: none;
2243 }
2244
2245 #the-comment-list td {
2246         vertical-align: top;
2247 }
2248
2249 #the-comment-list td.comment {
2250         word-wrap: break-word;
2251 }
2252
2253 /* Welcome Panel */
2254 .welcome-panel {
2255         position: relative;
2256         overflow: auto;
2257         margin: 20px 0;
2258         padding: 23px 10px 12px;
2259         border-width: 1px;
2260         border-style: solid;
2261         border-radius: 3px;
2262         font-size: 13px;
2263         line-height: 2.1em;
2264 }
2265
2266 .welcome-panel h3 {
2267         margin: 0;
2268         font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", sans-serif;
2269         font-size: 21px;
2270         font-weight: normal;
2271         line-height: 1.2;
2272 }
2273 .welcome-panel h4 {
2274         margin: 1.33em 0 0;
2275         font-size: 13px;
2276 }
2277
2278 .welcome-panel .about-description {
2279         font-size: 16px;
2280         margin: 0;
2281 }
2282
2283 .welcome-panel .welcome-panel-close {
2284         position: absolute;
2285         top: 5px;
2286         right: 10px;
2287         padding: 8px 3px;
2288         font-size: 13px;
2289         text-decoration: none;
2290         line-height: 1;
2291 }
2292
2293 .welcome-panel .welcome-panel-close:before {
2294         content: ' ';
2295         position: absolute;
2296         left: -12px;
2297         width: 10px;
2298         height: 100%;
2299         background: url('../images/xit.gif') 0 17% no-repeat;
2300 }
2301
2302 .welcome-panel .welcome-panel-close:hover:before {
2303         background-position: 100% 17%;
2304 }
2305
2306 .wp-core-ui .welcome-panel .button.button-hero {
2307     margin: 15px 0 3px;
2308 }
2309
2310 .welcome-panel-content {
2311         margin-left: 13px;
2312         max-width: 1500px;
2313 }
2314
2315 .welcome-panel .welcome-panel-column-container {
2316         clear: both;
2317         overflow: hidden;
2318         position: relative;
2319 }
2320
2321 .welcome-panel .welcome-panel-column {
2322         width: 32%;
2323         min-width: 200px;
2324         float: left;
2325 }
2326
2327 .ie8 .welcome-panel .welcome-panel-column {
2328         min-width: 230px;
2329 }
2330
2331 .welcome-panel .welcome-panel-column:first-child {
2332         width: 36%;
2333 }
2334
2335 .welcome-panel-column p {
2336         margin-top: 7px;
2337 }
2338
2339 .welcome-panel .welcome-icon {
2340         display: block;
2341         padding: 2px 0 8px 32px;
2342         background-image: url('../images/welcome-icons.png');
2343         background-repeat: no-repeat;
2344         background-size: 16px;
2345 }
2346
2347 .welcome-panel .welcome-add-page {
2348         background-position: 0 2px;
2349 }
2350
2351 .welcome-panel .welcome-edit-page {
2352         background-position: 0 -90px;
2353 }
2354
2355 .welcome-panel .welcome-learn-more {
2356         background-position: 0 -136px;
2357 }
2358
2359 .welcome-panel .welcome-comments {
2360         background-position: 0 -182px;
2361 }
2362
2363 .welcome-panel .welcome-view-site {
2364         background-position: 0 -274px;
2365 }
2366
2367 .welcome-panel .welcome-widgets-menus {
2368         background-position: 1px -229px;
2369         line-height: 14px;
2370 }
2371
2372 .welcome-panel .welcome-write-blog {
2373         background-position: 0 -44px;
2374 }
2375
2376 .welcome-panel .welcome-panel-column ul {
2377         margin: 0.8em 1em 1em 0;
2378 }
2379
2380 .welcome-panel .welcome-panel-column li {
2381     line-height: 16px;
2382     list-style-type: none;
2383 }
2384
2385 @media screen and (max-width: 870px) {
2386         .welcome-panel .welcome-panel-column,
2387         .welcome-panel .welcome-panel-column:first-child {
2388                 display: block;
2389                 float: none;
2390                 width: 100%;
2391         }
2392
2393         .welcome-panel .welcome-panel-column li {
2394                 display: inline-block;
2395                 margin-right: 13px;
2396         }
2397
2398         .welcome-panel .welcome-panel-column ul {
2399                 margin: 0.4em 0 0;
2400         }
2401
2402         .welcome-panel .welcome-icon {
2403                 padding-left: 25px;
2404         }
2405 }
2406
2407 /*------------------------------------------------------------------------------
2408   10.0 - List Posts (/Pages/etc)
2409 ------------------------------------------------------------------------------*/
2410
2411 table.fixed {
2412         table-layout: fixed;
2413 }
2414
2415 .fixed .column-rating,
2416 .fixed .column-visible {
2417         width: 8%;
2418 }
2419
2420 .fixed .column-date,
2421 .fixed .column-parent,
2422 .fixed .column-links {
2423         width: 10%;
2424 }
2425
2426 .fixed .column-response,
2427 .fixed .column-author,
2428 .fixed .column-categories,
2429 .fixed .column-tags,
2430 .fixed .column-rel,
2431 .fixed .column-role {
2432         width: 15%;
2433 }
2434
2435 .fixed .column-comments {
2436         width: 4em;
2437         padding: 8px 0;
2438         text-align: left;
2439 }
2440
2441 .fixed .column-comments .vers {
2442         padding-left: 3px;
2443 }
2444
2445 .fixed .column-comments a {
2446         float: left;
2447 }
2448
2449 .fixed .column-slug {
2450         width: 25%;
2451 }
2452
2453 .fixed .column-posts {
2454         width: 10%;
2455 }
2456
2457 .fixed .column-icon {
2458         width: 80px;
2459 }
2460
2461 #comments-form .fixed .column-author {
2462         width: 20%;
2463 }
2464
2465 #commentsdiv.postbox .inside {
2466         margin: 0;
2467         padding: 0;
2468 }
2469
2470 #commentsdiv .inside .row-actions {
2471         line-height:18px;
2472 }
2473
2474 #commentsdiv .inside .column-author {
2475         width: 25%;
2476 }
2477
2478 #commentsdiv .column-comment p {
2479         margin: 0.6em 0;
2480         padding: 0;
2481 }
2482
2483 #commentsdiv #replyrow td {
2484         padding: 0;
2485 }
2486
2487 #commentsdiv p {
2488         padding: 8px 10px;
2489         margin: 0;
2490 }
2491
2492 #commentsdiv #add-new-comment {
2493         border-width: 0 0 1px;
2494         border-style: none none solid;
2495 }
2496
2497 #commentsdiv .comments-box {
2498         border: 0 none;
2499 }
2500
2501 #commentsdiv .comments-box thead th {
2502         background: transparent;
2503         padding: 0 7px 4px;
2504         font-style: italic;
2505 }
2506
2507 #commentsdiv .comments-box tr:last-child td {
2508         border-bottom: 0 none;
2509 }
2510
2511 #commentsdiv .spinner {
2512         padding-left: 5px;
2513 }
2514
2515 .sorting-indicator {
2516         display: none;
2517         width: 7px;
2518         height: 4px;
2519         margin-top: 8px;
2520         margin-left: 7px;
2521         background-image: url('../images/sort.gif');
2522         background-repeat: no-repeat;
2523 }
2524
2525 .fixed .column-comments .sorting-indicator {
2526         margin-top: 3px;
2527 }
2528
2529 .widefat th.sortable,
2530 .widefat th.sorted {
2531         padding: 0;
2532 }
2533
2534 th.sortable a,
2535 th.sorted a {
2536         display: block;
2537         overflow: hidden;
2538         padding: 7px 7px 8px;
2539 }
2540
2541 .fixed .column-comments.sortable a,
2542 .fixed .column-comments.sorted a {
2543         padding: 8px 0;
2544 }
2545
2546 th.sortable a span,
2547 th.sorted a span {
2548         float: left;
2549         cursor: pointer;
2550 }
2551
2552 th.sorted.asc .sorting-indicator,
2553 th.desc:hover span.sorting-indicator {
2554         display: block;
2555         background-position: 0 0;
2556 }
2557
2558 th.sorted.desc .sorting-indicator,
2559 th.asc:hover span.sorting-indicator {
2560         display: block;
2561         background-position: -7px 0;
2562 }
2563
2564 /* Bulk Actions */
2565 .tablenav-pages a {
2566         border-bottom-style: solid;
2567         border-bottom-width: 2px;
2568         font-weight: bold;
2569         margin-right: 1px;
2570         padding: 0 2px;
2571 }
2572 .tablenav-pages .current-page {
2573         text-align: center;
2574 }
2575 .tablenav-pages .next-page {
2576         margin-left: 2px;
2577 }
2578
2579 .tablenav a.button-secondary {
2580         display: block;
2581         margin: 3px 8px 0 0;
2582 }
2583
2584 .tablenav {
2585         clear: both;
2586         height: 30px;
2587         margin: 6px 0 4px;
2588         vertical-align: middle;
2589 }
2590
2591 .tablenav.themes {
2592         max-width: 98%;
2593 }
2594
2595 .tablenav .tablenav-pages {
2596         float: right;
2597         display: block;
2598         cursor: default;
2599         height: 30px;
2600         line-height: 30px;
2601         font-size: 12px;
2602 }
2603
2604 .tablenav .no-pages,
2605 .tablenav .one-page .pagination-links {
2606         display: none;
2607 }
2608
2609 .tablenav .tablenav-pages a,
2610 .tablenav-pages span.current  {
2611         text-decoration: none;
2612         padding: 3px 6px;
2613 }
2614
2615 .tablenav .tablenav-pages a.disabled:hover ,
2616 .tablenav .tablenav-pages a.disabled:active {
2617         cursor: default;
2618 }
2619
2620 .tablenav .displaying-num {
2621         margin-right: 10px;
2622         font-size: 12px;
2623         font-style: italic;
2624 }
2625
2626 .tablenav .actions {
2627         overflow: hidden;
2628         padding: 2px 8px 0 0;
2629 }
2630
2631 .tablenav .delete {
2632         margin-right: 20px;
2633 }
2634
2635 .view-switch {
2636         float: right;
2637         margin: 6px 8px 0;
2638 }
2639
2640 .view-switch a {
2641         text-decoration: none;
2642 }
2643
2644 .filter {
2645         float: left;
2646         margin: -5px 0 0 10px;
2647 }
2648
2649 .filter .subsubsub {
2650         margin-left: -10px;
2651         margin-top: 13px;
2652 }
2653 .screen-per-page {
2654         width: 4em;
2655 }
2656
2657 #posts-filter fieldset {
2658         float: left;
2659         margin: 0 1.5ex 1em 0;
2660         padding: 0;
2661 }
2662
2663 #posts-filter fieldset legend {
2664         padding: 0 0 .2em 1px;
2665 }
2666
2667 span.post-state-format {
2668         font-weight: normal;
2669 }
2670
2671
2672 /*------------------------------------------------------------------------------
2673   10.1 - Inline Editing
2674 ------------------------------------------------------------------------------*/
2675
2676 /*
2677 .quick-edit* is for Quick Edit
2678 .bulk-edit* is for Bulk Edit
2679 .inline-edit* is for everything
2680 */
2681
2682 /*      Layout */
2683
2684 #wpbody-content .inline-edit-row fieldset {
2685         font-size: 12px;
2686         float: left;
2687         margin: 0;
2688         padding: 0;
2689         width: 100%;
2690 }
2691
2692 tr.inline-edit-row td,
2693 #wpbody-content .inline-edit-row fieldset .inline-edit-col {
2694         padding: 0 0.5em;
2695 }
2696
2697 #wpbody-content .quick-edit-row-page fieldset.inline-edit-col-right .inline-edit-col {
2698         border-width: 0 0 0 1px;
2699         border-style: none none none solid;
2700 }
2701
2702 #wpbody-content .quick-edit-row-post .inline-edit-col-left {
2703         width: 40%;
2704 }
2705
2706 #wpbody-content .quick-edit-row-post .inline-edit-col-right {
2707         width: 39%;
2708 }
2709
2710 #wpbody-content .inline-edit-row-post .inline-edit-col-center {
2711         width: 20%;
2712 }
2713
2714 #wpbody-content .quick-edit-row-page .inline-edit-col-left {
2715         width: 50%;
2716 }
2717
2718 #wpbody-content .quick-edit-row-page .inline-edit-col-right,
2719 #wpbody-content .bulk-edit-row-post .inline-edit-col-right {
2720         width: 49%;
2721 }
2722
2723 #wpbody-content .bulk-edit-row .inline-edit-col-left {
2724         width: 30%;
2725 }
2726
2727 #wpbody-content .bulk-edit-row-page .inline-edit-col-right {
2728         width: 69%;
2729 }
2730
2731 #wpbody-content .bulk-edit-row .inline-edit-col-bottom {
2732         float: right;
2733         width: 69%;
2734 }
2735
2736 #wpbody-content .inline-edit-row-page .inline-edit-col-right {
2737         margin-top: 27px;
2738 }
2739
2740 .inline-edit-row fieldset .inline-edit-group {
2741         clear: both;
2742 }
2743
2744 .inline-edit-row fieldset .inline-edit-group:after {
2745         content: ".";
2746         display: block;
2747         height: 0;
2748         clear: both;
2749         visibility: hidden;
2750 }
2751
2752 .inline-edit-row p.submit {
2753         clear: both;
2754         padding: 0.5em;
2755         margin: 0.5em 0 0;
2756 }
2757
2758 .inline-edit-row span.error {
2759         line-height: 22px;
2760         margin: 0 15px;
2761         padding: 3px 5px;
2762 }
2763
2764 /*      Positioning */
2765 .inline-edit-row h4 {
2766         margin: .2em 0;
2767         padding: 0;
2768         line-height: 23px;
2769 }
2770 .inline-edit-row fieldset span.title,
2771 .inline-edit-row fieldset span.checkbox-title {
2772         margin: 0;
2773         padding: 0;
2774         line-height: 27px;
2775 }
2776
2777 .inline-edit-row fieldset label,
2778 .inline-edit-row fieldset span.inline-edit-categories-label {
2779         display: block;
2780         margin: .2em 0;
2781 }
2782
2783 .inline-edit-row fieldset label.inline-edit-tags {
2784         margin-top: 0;
2785 }
2786
2787 .inline-edit-row fieldset label.inline-edit-tags span.title {
2788         margin: .2em 0;
2789 }
2790
2791 .inline-edit-row fieldset label span.title {
2792         display: block;
2793         float: left;
2794         width: 5em;
2795 }
2796
2797 .inline-edit-row fieldset label span.input-text-wrap {
2798         display: block;
2799         margin-left: 5em;
2800 }
2801
2802 .quick-edit-row-post fieldset.inline-edit-col-right label span.title {
2803         width: auto;
2804         padding-right: 0.5em;
2805 }
2806
2807 .inline-edit-row .input-text-wrap input[type=text] {
2808         width: 100%;
2809 }
2810
2811 .inline-edit-row fieldset label input[type=checkbox] {
2812         vertical-align: text-bottom;
2813 }
2814
2815 .inline-edit-row fieldset label textarea {
2816         width: 100%;
2817         height: 4em;
2818 }
2819
2820 #wpbody-content .bulk-edit-row fieldset .inline-edit-group label {
2821         max-width: 50%;
2822 }
2823
2824 #wpbody-content .quick-edit-row fieldset .inline-edit-group label.alignleft:first-child {
2825         margin-right: 0.5em
2826 }
2827
2828 .inline-edit-col-right .input-text-wrap input.inline-edit-menu-order-input {
2829         width: 6em;
2830 }
2831
2832 .inline-edit-save .spinner {
2833         padding: 4px 10px 0;
2834         vertical-align: top;
2835         float: right;
2836 }
2837
2838 /*      Styling */
2839 .inline-edit-row h4 {
2840         text-transform: uppercase;
2841 }
2842
2843 .inline-edit-row fieldset span.title,
2844 .inline-edit-row fieldset span.checkbox-title {
2845         font-style: italic;
2846         line-height: 1.8em;
2847 }
2848
2849 /*      Specific Elements */
2850 .inline-edit-row fieldset input[type="text"],
2851 .inline-edit-row fieldset textarea {
2852         border-style: solid;
2853         border-width: 1px;
2854 }
2855
2856 .inline-edit-row fieldset .inline-edit-date {
2857         float: left;
2858 }
2859
2860 .inline-edit-row fieldset input[name=jj],
2861 .inline-edit-row fieldset input[name=hh],
2862 .inline-edit-row fieldset input[name=mn] {
2863         font-size: 12px;
2864         width: 2.1em;
2865 }
2866
2867 .inline-edit-row fieldset input[name=aa] {
2868         font-size: 12px;
2869         width: 3.5em;
2870 }
2871
2872 .inline-edit-row fieldset label input.inline-edit-password-input {
2873         width: 8em;
2874 }
2875
2876 .inline-edit-row .catshow,
2877 .inline-edit-row .cathide {
2878         cursor: pointer;
2879 }
2880
2881 ul.cat-checklist {
2882         height: 12em;
2883         border-style: solid;
2884         border-width: 1px;
2885         overflow-y: scroll;
2886         padding: 0 5px;
2887         margin: 0;
2888 }
2889
2890 #bulk-titles {
2891         display: block;
2892         height: 12em;
2893         border-style: solid;
2894         border-width: 1px;
2895         overflow-y: scroll;
2896         padding: 0 5px;
2897         margin: 0 0 5px;
2898 }
2899
2900 .inline-edit-row fieldset ul.cat-checklist li,
2901 .inline-edit-row fieldset ul.cat-checklist input {
2902         margin: 0;
2903 }
2904
2905 .inline-edit-row fieldset ul.cat-checklist label,
2906 .inline-edit-row .catshow,
2907 .inline-edit-row .cathide,
2908 .inline-edit-row #bulk-titles div {
2909         font-family: sans-serif;
2910         font-style: normal;
2911         font-size: 11px;
2912 }
2913
2914 table .inline-edit-row fieldset ul.cat-hover {
2915         height: auto;
2916         max-height: 30em;
2917         overflow-y: auto;
2918         position: absolute;
2919 }
2920
2921 .inline-edit-row fieldset label input.inline-edit-menu-order-input {
2922         width: 3em;
2923 }
2924
2925 .inline-edit-row fieldset label input.inline-edit-slug-input {
2926         width: 75%;
2927 }
2928
2929 .quick-edit-row-post fieldset label.inline-edit-status {
2930         float: left;
2931 }
2932
2933 #bulk-titles {
2934         line-height: 140%;
2935 }
2936 #bulk-titles div {
2937         margin: 0.2em 0.3em;
2938 }
2939
2940 #bulk-titles div a {
2941         cursor: pointer;
2942         display: block;
2943         float: left;
2944         height: 10px;
2945         margin: 3px 3px 0 -2px;
2946         overflow: hidden;
2947         position: relative;
2948         text-indent: -9999px;
2949         width: 10px;
2950 }
2951
2952
2953 /*------------------------------------------------------------------------------
2954   11.0 - Write/Edit Post Screen
2955 ------------------------------------------------------------------------------*/
2956
2957 #show-comments {
2958         overflow: hidden;
2959 }
2960
2961 #save-action .spinner,
2962 #show-comments a,
2963 #show-comments .spinner {
2964         float: left;
2965 }
2966
2967 #titlediv {
2968         position: relative;
2969         margin-bottom: 10px;
2970 }
2971
2972 #titlediv label {
2973         cursor: text;
2974 }
2975
2976 #titlediv div.inside {
2977         margin: 0;
2978 }
2979
2980 #poststuff #titlewrap {
2981         border: 0;
2982         padding: 0;
2983 }
2984
2985 #titlediv #title {
2986         padding: 3px 8px;
2987         font-size: 1.7em;
2988         line-height: 100%;
2989         width: 100%;
2990         outline: none;
2991 }
2992
2993 #titlediv #title-prompt-text,
2994 #wp-fullscreen-title-prompt-text {
2995         color: #bbb;
2996         position: absolute;
2997         font-size: 1.7em;
2998         padding: 8px 10px;
2999 }
3000
3001 #wp-fullscreen-save .fs-saved {
3002         color: #999;
3003         float: right;
3004         margin-top: 4px;
3005 }
3006
3007 #wp-fullscreen-title-prompt-text {
3008         padding: 11px;
3009 }
3010
3011 #poststuff .inside-submitbox,
3012 #side-sortables .inside-submitbox {
3013         margin: 0 3px;
3014         font-size: 11px;
3015 }
3016
3017 input#link_description,
3018 input#link_url {
3019         width: 98%;
3020 }
3021
3022 #pending {
3023         background: 0 none;
3024         border: 0 none;
3025         padding: 0;
3026         font-size: 11px;
3027         margin-top: -1px;
3028 }
3029
3030 #edit-slug-box {
3031         line-height: 23px;
3032         min-height: 23px;
3033         margin-top: 5px;
3034         padding: 0 10px;
3035 }
3036
3037 #edit-slug-box .cancel {
3038         margin-right: 10px;
3039         font-size: 11px;
3040 }
3041
3042 #editable-post-name-full {
3043         display: none;
3044 }
3045
3046 #editable-post-name input {
3047         width: 16em;
3048 }
3049
3050 .postarea h3 label {
3051         float: left;
3052 }
3053
3054 .submitbox .submit {
3055         text-align: left;
3056         padding: 12px 10px 10px;
3057         font-size: 11px;
3058 }
3059
3060 .submitbox .submitdelete {
3061         text-decoration: none;
3062         padding: 1px 2px;
3063 }
3064
3065 .submitbox .submitdelete,
3066 .submitbox .submit a:hover {
3067         border-bottom-width: 1px;
3068         border-bottom-style: solid;
3069 }
3070
3071 .submitbox .submit input {
3072         margin-bottom: 8px;
3073         margin-right: 4px;
3074         padding: 6px;
3075 }
3076
3077 .inside-submitbox #post_status {
3078         margin: 2px 0 2px -2px;
3079 }
3080
3081 #post-status-select, #post-format {
3082         line-height: 2.5em;
3083         margin-top: 3px;
3084 }
3085
3086 /* Post Screen */
3087 #post-body #normal-sortables {
3088         min-height: 50px;
3089 }
3090
3091 .postbox {
3092         position: relative;
3093         min-width: 255px;
3094 }
3095
3096 #trackback_url {
3097         width: 99%;
3098 }
3099
3100 #normal-sortables .postbox .submit {
3101         background: transparent none;
3102         border: 0 none;
3103         float: right;
3104         padding: 0 12px;
3105         margin:0;
3106 }
3107
3108 .category-add input[type="text"],
3109 .category-add select {
3110         width: 100%;
3111         max-width: 260px;
3112 }
3113
3114 .press-this #side-sortables .category-tabs li,
3115 ul.category-tabs li,
3116 #side-sortables .add-menu-item-tabs li,
3117 .wp-tab-bar li {
3118         display: inline;
3119         line-height: 1.35em;
3120 }
3121
3122 .no-js .category-tabs li.hide-if-no-js {
3123         display: none;
3124 }
3125
3126 .category-tabs a,
3127 #side-sortables .add-menu-item-tabs a,
3128 .wp-tab-bar a {
3129         text-decoration: none;
3130 }
3131
3132 .category-tabs {
3133         margin: 8px 0 3px;
3134 }
3135
3136 #category-adder h4 {
3137         margin: 10px 0;
3138 }
3139
3140 #side-sortables .add-menu-item-tabs,
3141 .wp-tab-bar {
3142         margin-bottom: 3px;
3143 }
3144
3145 #normal-sortables .postbox #replyrow .submit {
3146         float: none;
3147         margin: 0;
3148         padding: 0 7px 5px;
3149 }
3150
3151 #side-sortables .submitbox .submit input,
3152 #side-sortables .submitbox .submit .preview,
3153 #side-sortables .submitbox .submit a.preview:hover {
3154         border: 0 none;
3155 }
3156
3157 #side-sortables .inside-submitbox .insidebox,
3158 .stuffbox .insidebox {
3159         margin: 11px 0;
3160 }
3161
3162 ul.category-tabs,
3163 ul.add-menu-item-tabs,
3164 ul.wp-tab-bar {
3165         margin-top: 12px;
3166 }
3167
3168 ul.category-tabs li {
3169         border-style: solid;
3170         border-width: 1px;
3171         position: relative;
3172 }
3173
3174 ul.add-menu-item-tabs li.tabs,
3175 .wp-tab-active {
3176         border-style: solid solid none;
3177         border-width: 1px 1px 0;
3178 }
3179
3180 #post-body .add-menu-item-tabs li.tabs {
3181         border-style: solid none solid solid;
3182         border-width: 1px 0 1px 1px;
3183         margin-right: -1px;
3184 }
3185
3186 ul.category-tabs li,
3187 ul.add-menu-item-tabs li,
3188 ul.wp-tab-bar li {
3189         padding: 3px 5px 5px;
3190         -webkit-border-top-left-radius: 3px;
3191         -webkit-border-top-right-radius: 3px;
3192         border-top-left-radius: 3px;
3193         border-top-right-radius: 3px;
3194 }
3195
3196 /* positioning etc. */
3197 form#tags-filter {
3198         position: relative;
3199 }
3200
3201 /* Edit posts */
3202 td.post-title strong,
3203 td.plugin-title strong {
3204         display: block;
3205         margin-bottom: .2em;
3206 }
3207
3208 td.post-title p,
3209 td.plugin-title p {
3210         margin: 6px 0;
3211 }
3212
3213 /* Global classes */
3214 .wp-hidden-children .wp-hidden-child,
3215 .ui-tabs-hide {
3216         display: none;
3217 }
3218
3219 .commentlist .avatar {
3220         vertical-align: text-top;
3221 }
3222
3223 #post-body .tagsdiv #newtag {
3224         margin-right: 5px;
3225         width: 16em;
3226 }
3227
3228 #side-sortables input#post_password {
3229         width: 94%
3230 }
3231
3232 #side-sortables .tagsdiv #newtag {
3233         width: 68%;
3234 }
3235
3236 #post-status-info {
3237         border-width: 0 1px 1px;
3238         border-style: none solid solid;
3239         width: 100%;
3240         -webkit-border-bottom-left-radius: 3px;
3241         -webkit-border-bottom-right-radius: 3px;
3242         border-bottom-left-radius: 3px;
3243         border-bottom-right-radius: 3px;
3244 }
3245
3246 #post-status-info td {
3247         font-size: 12px;
3248 }
3249
3250 .autosave-info {
3251         padding: 2px 15px;
3252         text-align: right;
3253 }
3254
3255 #editorcontent #post-status-info {
3256         border: none;
3257 }
3258
3259 #post-body .wp_themeSkin .mceStatusbar a.mceResize {
3260         display: block;
3261         background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
3262         width: 12px;
3263         cursor: se-resize;
3264         margin: 0 1px;
3265         position: relative;
3266         top: -2px;
3267 }
3268
3269 #post-body .postarea .wp_themeSkin .mceStatusbar a.mceResize {
3270         top: 20px;
3271 }
3272
3273 #content-resize-handle {
3274         background: transparent url('../images/resize.gif') no-repeat scroll right bottom;
3275         width: 12px;
3276         cursor: se-resize;
3277         position: absolute;
3278         right: 2px;
3279         height: 19px;
3280 }
3281
3282 .press-this #content-resize-handle {
3283         bottom: 2px;
3284 }
3285
3286 .tmce-active #content-resize-handle {
3287         display: none;
3288 }
3289
3290 #wp-word-count {
3291         display: block;
3292         padding: 2px 10px;
3293 }
3294
3295 #timestampdiv select {
3296         height: 20px;
3297         line-height: 14px;
3298         padding: 0;
3299         vertical-align: top;
3300 }
3301
3302 #aa, #jj, #hh, #mn {
3303         padding: 1px;
3304         font-size: 12px;
3305 }
3306
3307 #jj, #hh, #mn {
3308         width: 2em;
3309 }
3310
3311 #aa {
3312         width: 3.4em;
3313 }
3314
3315 .curtime #timestamp {
3316         background-repeat: no-repeat;
3317         background-position: left center;
3318         padding: 2px 0 1px 20px;
3319 }
3320
3321 #timestampdiv {
3322         padding-top: 5px;
3323         line-height: 23px;
3324 }
3325
3326 #timestampdiv p {
3327         margin: 8px 0 6px;
3328 }
3329
3330 #timestampdiv input {
3331         border-width: 1px;
3332         border-style: solid;
3333 }
3334
3335
3336 /*------------------------------------------------------------------------------
3337   11.1 - Custom Fields
3338 ------------------------------------------------------------------------------*/
3339
3340 #postcustomstuff thead th {
3341         padding: 5px 8px 8px;
3342 }
3343
3344 #postcustom #postcustomstuff .submit {
3345         border: 0 none;
3346         float: none;
3347         padding: 0 8px 8px;
3348 }
3349
3350 #side-sortables #postcustom #postcustomstuff .submit {
3351         margin: 0;
3352         padding: 0;
3353 }
3354
3355 #side-sortables #postcustom #postcustomstuff #the-list textarea {
3356         height: 85px;
3357 }
3358
3359 #side-sortables #postcustom #postcustomstuff td.left input,
3360 #side-sortables #postcustom #postcustomstuff td.left select,
3361 #side-sortables #postcustomstuff #newmetaleft a {
3362         margin: 3px 3px 0;
3363 }
3364
3365 #postcustomstuff table {
3366         margin: 0;
3367         width: 100%;
3368         border-width: 1px;
3369         border-style: solid;
3370         border-spacing: 0;
3371 }
3372
3373 #postcustomstuff tr {
3374         vertical-align: top;
3375 }
3376
3377 #postcustomstuff table input,
3378 #postcustomstuff table select,
3379 #postcustomstuff table textarea {
3380         width: 96%;
3381         margin: 8px;
3382 }
3383
3384 #side-sortables #postcustomstuff table input,
3385 #side-sortables #postcustomstuff table select,
3386 #side-sortables #postcustomstuff table textarea {
3387         margin: 3px;
3388 }
3389
3390 #postcustomstuff th.left,
3391 #postcustomstuff td.left {
3392         width: 38%;
3393 }
3394
3395 #postcustomstuff .submit input {
3396         margin: 0;
3397         width: auto;
3398 }
3399
3400 #postcustomstuff #newmetaleft a {
3401         display: inline-block;
3402         margin: 0 8px 8px;
3403         text-decoration: none;
3404 }
3405
3406 .no-js #postcustomstuff #enternew {
3407         display: none;
3408 }
3409
3410 #post-body-content .compat-attachment-fields {
3411         margin-bottom: 20px;
3412 }
3413
3414 .compat-attachment-fields th {
3415         padding-top: 5px;
3416         padding-right: 10px;
3417 }
3418
3419 /*------------------------------------------------------------------------------
3420   11.2 - Post Revisions
3421 ------------------------------------------------------------------------------*/
3422
3423 table.diff {
3424         width: 100%;
3425 }
3426
3427 table.diff col.content {
3428         width: 50%;
3429 }
3430
3431 table.diff tr {
3432         background-color: transparent;
3433 }
3434
3435 table.diff td, table.diff th {
3436         padding: .5em;
3437         font-family: Consolas, Monaco, monospace;
3438         border: none;
3439 }
3440
3441 table.diff .diff-deletedline del, table.diff .diff-addedline ins {
3442         text-decoration: none;
3443 }
3444
3445 /*------------------------------------------------------------------------------
3446   11.3 - Featured Images
3447 ------------------------------------------------------------------------------*/
3448
3449 #select-featured-image {
3450         padding: 4px 0;
3451         overflow: hidden;
3452 }
3453
3454 #select-featured-image img {
3455         max-width: 100%;
3456         height: auto;
3457         margin-bottom: 10px;
3458 }
3459
3460 #select-featured-image a {
3461         float: left;
3462         clear: both;
3463 }
3464
3465 #select-featured-image .remove {
3466         display: none;
3467         margin-top: 10px;
3468 }
3469
3470 .js #select-featured-image.has-featured-image .remove {
3471         display: inline-block;
3472 }
3473
3474 .no-js #select-featured-image .choose {
3475         display: none;
3476 }
3477
3478 /*------------------------------------------------------------------------------
3479   12.0 - Categories
3480 ------------------------------------------------------------------------------*/
3481
3482 .category-adder {
3483         margin-left: 120px;
3484         padding: 4px 0;
3485 }
3486
3487 .category-adder h4 {
3488         margin: 0 0 8px;
3489 }
3490
3491 #side-sortables .category-adder {
3492         margin: 0;
3493 }
3494
3495 #post-body ul.add-menu-item-tabs {
3496         float: left;
3497         width: 120px;
3498         text-align: right;
3499         /* Negative margin for the sake of those without JS: all tabs display */
3500         margin: 0 -120px 0 5px;
3501         padding: 0;
3502 }
3503
3504 #post-body ul.add-menu-item-tabs li {
3505         padding: 8px;
3506 }
3507
3508 #post-body ul.add-menu-item-tabs li.tabs {
3509         -webkit-border-top-left-radius: 3px;
3510         -webkit-border-bottom-left-radius: 3px;
3511         border-top-left-radius: 3px;
3512         border-bottom-left-radius: 3px;
3513 }
3514
3515 .wp-tab-panel,
3516 .categorydiv div.tabs-panel,
3517 .customlinkdiv div.tabs-panel,
3518 .posttypediv div.tabs-panel,
3519 .taxonomydiv div.tabs-panel {
3520         min-height: 42px;
3521         max-height: 200px;
3522         overflow: auto;
3523         padding: 0 0.9em;
3524         border-style: solid;
3525         border-width: 1px;
3526 }
3527
3528 div.tabs-panel-active {
3529         display:block;
3530 }
3531
3532 div.tabs-panel-inactive {
3533         display:none;
3534 }
3535
3536 #front-page-warning,
3537 #front-static-pages ul,
3538 ul.export-filters,
3539 .inline-editor ul.cat-checklist ul,
3540 .categorydiv ul.categorychecklist ul,
3541 .customlinkdiv ul.categorychecklist ul,
3542 .posttypediv ul.categorychecklist ul,
3543 .taxonomydiv ul.categorychecklist ul {
3544         margin-left: 18px;
3545 }
3546
3547 ul.categorychecklist li {
3548         margin: 0;
3549         padding: 0;
3550         line-height: 19px;
3551         word-wrap: break-word;
3552 }
3553
3554 .categorydiv .tabs-panel,
3555 .customlinkdiv .tabs-panel,
3556 .posttypediv .tabs-panel,
3557 .taxonomydiv .tabs-panel {
3558         border-width: 3px;
3559         border-style: solid;
3560 }
3561
3562 .form-wrap p,
3563 .form-wrap label {
3564         font-size: 11px;
3565 }
3566
3567 .form-wrap label {
3568         display: block;
3569         padding: 2px;
3570         font-size: 12px;
3571 }
3572
3573 .form-field input,
3574 .form-field textarea {
3575         border-style: solid;
3576         border-width: 1px;
3577         width: 95%;
3578 }
3579
3580 p.description,
3581 .form-wrap p {
3582         margin: 2px 0 5px;
3583 }
3584
3585 p.help,
3586 p.description,
3587 span.description,
3588 .form-wrap p {
3589         font-size: 12px;
3590         font-style: italic;
3591         font-family: sans-serif;
3592 }
3593
3594 .form-wrap .form-field {
3595         margin: 0 0 10px;
3596         padding: 8px 0;
3597 }
3598
3599 .col-wrap h3 {
3600         margin: 12px 0;
3601         font-size: 1.1em;
3602 }
3603
3604 .col-wrap p.submit {
3605         margin-top: -10px;
3606 }
3607
3608
3609 /*------------------------------------------------------------------------------
3610   13.0 - Tags
3611 ------------------------------------------------------------------------------*/
3612
3613 #poststuff .taghint {
3614         color: #aaa;
3615         margin: 15px 0 -24px 12px;
3616 }
3617
3618 #poststuff .tagsdiv .howto {
3619         margin: 0 0 6px 8px;
3620 }
3621
3622 .ajaxtag .newtag {
3623         position: relative;
3624 }
3625
3626 .tagsdiv .newtag {
3627         width: 180px;
3628 }
3629
3630 .tagsdiv .the-tags {
3631         display: block;
3632         height: 60px;
3633         margin: 0 auto;
3634         overflow: auto;
3635         width: 260px;
3636 }
3637
3638 #post-body-content .tagsdiv .the-tags {
3639         margin: 0 5px;
3640 }
3641
3642 p.popular-tags {
3643         -webkit-border-radius: 8px;
3644         border-radius: 8px;
3645         border-width: 1px;
3646         border-style: solid;
3647         line-height: 2em;
3648         max-width: 1000px;
3649         padding: 8px 12px 12px;
3650         text-align: justify;
3651 }
3652
3653 p.popular-tags a {
3654         padding: 0 3px;
3655 }
3656
3657 .tagcloud {
3658         width: 97%;
3659         margin: 0 0 40px;
3660         text-align: justify;
3661 }
3662
3663 .tagcloud h3 {
3664         margin: 2px 0 12px;
3665 }
3666
3667 .ac_results {
3668         padding: 0;
3669         margin: 0;
3670         list-style: none;
3671         position: absolute;
3672         z-index: 10000;
3673         display: none;
3674         border-width: 1px;
3675         border-style: solid;
3676 }
3677
3678 .ac_results li {
3679         padding: 2px 5px;
3680         white-space: nowrap;
3681         text-align: left;
3682 }
3683
3684 .ac_over {
3685         cursor: pointer;
3686 }
3687
3688 .ac_match {
3689         text-decoration: underline;
3690 }
3691
3692 /* links tables */
3693 table.links-table {
3694         width: 100%;
3695 }
3696
3697 .links-table th {
3698         font-weight: normal;
3699         text-align: left;
3700         vertical-align: top;
3701         min-width: 80px;
3702         width: 20%;
3703         word-wrap: break-word;
3704 }
3705
3706 .links-table th,
3707 .links-table td {
3708         padding: 5px 0;
3709 }
3710
3711 .links-table td label {
3712         margin-right: 8px;
3713 }
3714
3715 .links-table td input[type="text"],
3716 .links-table td textarea {
3717         width: 100%;
3718 }
3719
3720 .links-table #link_rel {
3721         max-width: 280px;
3722 }
3723
3724 /*------------------------------------------------------------------------------
3725   14.0 - Media Screen
3726 ------------------------------------------------------------------------------*/
3727
3728 .media-item .describe {
3729         border-collapse: collapse;
3730         width: 100%;
3731         border-top-style: solid;
3732         border-top-width: 1px;
3733         clear: both;
3734         cursor: default;
3735 }
3736
3737 .media-item.media-blank .describe {
3738         border: 0;
3739 }
3740
3741 .media-item .describe th {
3742         vertical-align: top;
3743         text-align: left;
3744         padding: 5px 10px 10px;
3745         width: 140px;
3746 }
3747
3748 .media-item .describe .align th {
3749         padding-top: 0;
3750 }
3751
3752 .media-item .media-item-info tr {
3753         background-color: transparent;
3754 }
3755
3756 .media-item .describe td {
3757         padding: 0 8px 8px 0;
3758         vertical-align: top;
3759 }
3760
3761 .media-item thead.media-item-info td {
3762         padding: 4px 10px 0;
3763 }
3764
3765 .media-item .media-item-info .A1B1 {
3766         padding: 0 0 0 10px;
3767 }
3768
3769 .media-item td.savesend {
3770         padding-bottom: 15px;
3771 }
3772
3773 .media-item .thumbnail {
3774         max-height: 128px;
3775         max-width: 128px;
3776 }
3777
3778 #wpbody-content #async-upload-wrap a {
3779         display: none;
3780 }
3781
3782 .media-upload-form {
3783         margin-top: 20px;
3784 }
3785
3786 .media-upload-form td label {
3787         margin-right: 6px;
3788         margin-left: 2px;
3789 }
3790
3791 .media-upload-form .align .field label {
3792         display: inline;
3793         padding: 0 0 0 23px;
3794         margin: 0 1em 0 3px;
3795         font-weight: bold;
3796 }
3797
3798 .media-upload-form tr.image-size label {
3799         margin: 0 0 0 5px;
3800         font-weight: bold;
3801 }
3802
3803 .media-upload-form th.label label {
3804         font-weight: bold;
3805         margin: 0.5em;
3806         font-size: 13px;
3807 }
3808
3809 .media-upload-form th.label label span {
3810         padding: 0 5px;
3811 }
3812
3813 abbr.required {
3814         border: medium none;
3815         text-decoration: none;
3816 }
3817
3818 .media-item .describe input[type="text"],
3819 .media-item .describe textarea {
3820         width: 460px;
3821 }
3822
3823 .media-item .describe p.help {
3824         margin: 0;
3825         padding: 0 0 0 5px;
3826 }
3827
3828 .media-item .edit-attachment,
3829 .describe-toggle-on,
3830 .describe-toggle-off {
3831         display: block;
3832         line-height: 36px;
3833         float: right;
3834         margin-right: 15px;
3835 }
3836
3837 .media-item .describe-toggle-off,
3838 .media-item.open .describe-toggle-on {
3839         display: none;
3840 }
3841
3842 .media-item.open .describe-toggle-off {
3843         display: block;
3844 }
3845
3846 #media-items .media-item {
3847         border-style: solid;
3848         border-width: 1px;
3849         min-height: 36px;
3850         position: relative;
3851         margin-top: -1px;
3852         width: 100%;
3853 }
3854
3855 #media-items {
3856         width: 623px;
3857 }
3858
3859 .media-new-php #media-items {
3860         margin: 1em 0;
3861 }
3862
3863 #media-items:empty {
3864         border: 0 none;
3865 }
3866
3867 .media-item .filename {
3868         line-height: 36px;
3869         overflow: hidden;
3870         padding: 0 10px;
3871 }
3872
3873 .media-item .error-div {
3874         padding-left: 10px;
3875 }
3876
3877 .media-item .pinkynail {
3878         float: left;
3879         margin: 2px 2px 0;
3880         max-width: 40px;
3881         max-height: 32px;
3882 }
3883
3884 .media-item .startopen,
3885 .media-item .startclosed {
3886         display: none;
3887 }
3888
3889 .media-item .original {
3890         position: relative;
3891         height: 34px;
3892 }
3893
3894 .media-item .progress {
3895         float: right;
3896         height: 22px;
3897         margin: 6px 10px 0 0;
3898         width: 200px;
3899         line-height: 2em;
3900         padding: 0;
3901         overflow: hidden;
3902         margin-bottom: 2px;
3903         border: 1px solid #d1d1d1;
3904         background: #f7f7f7;
3905         background-image: -webkit-gradient(linear, left bottom, left top, from(#fff), to(#f7f7f7));
3906         background-image: -webkit-linear-gradient(bottom, #fff, #f7f7f7);
3907         background-image:    -moz-linear-gradient(bottom, #fff, #f7f7f7);
3908         background-image:      -o-linear-gradient(bottom, #fff, #f7f7f7);
3909         background-image: linear-gradient(to top, #fff, #f7f7f7);
3910         -webkit-border-radius: 3px;
3911         border-radius: 3px;
3912         -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
3913         box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
3914 }
3915
3916 .media-item .bar {
3917         z-index: 9;
3918         width: 0;
3919         height: 100%;
3920         margin-top: -24px;
3921         background-color: #8cc1e9;
3922         background-image: -webkit-gradient(linear, left bottom, left top, from(#72a7cf), to(#8cc1e9));
3923         background-image: -webkit-linear-gradient(bottom, #72a7cf, #8cc1e9);
3924         background-image:    -moz-linear-gradient(bottom, #72a7cf, #8cc1e9);
3925         background-image:      -o-linear-gradient(bottom, #72a7cf, #8cc1e9);
3926         background-image: linear-gradient(to top, #72a7cf, #8cc1e9);
3927         -webkit-border-radius: 3px;
3928         border-radius: 3px;
3929         -webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
3930         box-shadow: 0 0 3px rgba(0,0,0,0.3);
3931 }
3932
3933 .media-item .progress .percent {
3934         z-index: 10;
3935         position: relative;
3936         width: 200px;
3937         padding: 0 8px;
3938         text-shadow: 0 1px 0 rgba(255,255,255,0.4);
3939         color: rgba(0,0,0,0.6);
3940 }
3941
3942 .upload-php .fixed .column-parent {
3943         width: 15%;
3944 }
3945
3946 .js .html-uploader #plupload-upload-ui {
3947         display: none;
3948 }
3949
3950 .js .html-uploader #html-upload-ui {
3951         display: block;
3952 }
3953
3954 .media-upload-form .media-item.error {
3955         margin: 0;
3956         padding: 0;
3957 }
3958
3959 .media-upload-form .media-item.error p,
3960 .media-item .error-div {
3961         line-height: 16px;
3962         margin: 5px 10px;
3963         padding: 0;
3964 }
3965
3966 .media-item .error-div a.dismiss {
3967         display: block;
3968         float: right;
3969         margin: 5px 4px 0 15px;
3970 }
3971
3972 /*------------------------------------------------------------------------------
3973   14.1 - Media Library
3974 ------------------------------------------------------------------------------*/
3975
3976 .find-box {
3977         width: 600px;
3978         height: 300px;
3979         overflow: hidden;
3980         padding: 33px 0 51px;
3981         position: absolute;
3982         z-index: 1000;
3983 }
3984
3985 .find-box-head {
3986         cursor: move;
3987         font-weight: bold;
3988         height: 2em;
3989         line-height: 2em;
3990         padding: 1px 12px;
3991         position: absolute;
3992         top: 5px;
3993         width: 100%;
3994 }
3995
3996 .find-box-inside {
3997         overflow: auto;
3998         padding: 6px;
3999         height: 100%;
4000 }
4001
4002 .find-box-search {
4003         overflow: hidden;
4004         padding: 9px;
4005         position: relative;
4006 }
4007
4008 .find-box-search .spinner {
4009         float: none;
4010         left: 125px;
4011         position: absolute;
4012         top: 9px;
4013 }
4014
4015 #find-posts-input {
4016         float: left;
4017         width: 140px;
4018         height: 24px;
4019 }
4020
4021 #find-posts-search {
4022         float: left;
4023         margin: 1px 4px 0 3px;
4024 }
4025
4026 #find-posts-response {
4027         margin: 8px 0;
4028         padding: 0 1px 6px;
4029 }
4030
4031 #find-posts-response table {
4032         width: 100%;
4033 }
4034
4035 #find-posts-response .found-radio {
4036         padding: 3px 0 0 8px;
4037         width: 15px;
4038 }
4039
4040 .find-box-buttons {
4041         padding: 8px;
4042         overflow: hidden;
4043 }
4044
4045 .find-box #resize-se {
4046         position: absolute;
4047         right: 1px;
4048         bottom: 1px;
4049 }
4050
4051 .ui-find-overlay {
4052         position: absolute;
4053         top: 0;
4054         left: 0;
4055         background-color: #000;
4056         opacity: 0.6;
4057         filter: alpha(opacity=60);
4058 }
4059
4060 ul#dismissed-updates {
4061         display: none;
4062 }
4063
4064 form.upgrade {
4065         margin-top: 8px;
4066 }
4067
4068 form.upgrade .hint {
4069         font-style: italic;
4070         font-size: 85%;
4071         margin: -0.5em 0 2em 0;
4072 }
4073
4074 #poststuff .inside .the-tagcloud {
4075         margin: 5px 0 10px;
4076         padding: 8px;
4077         border-width: 1px;
4078         border-style: solid;
4079         line-height: 1.8em;
4080         word-spacing: 3px;
4081         -webkit-border-radius: 6px;
4082         border-radius: 6px;
4083 }
4084
4085 .drag-drop #drag-drop-area {
4086         border: 4px dashed #DDDDDD;
4087         height: 200px;
4088 }
4089
4090 .drag-drop .drag-drop-inside {
4091         margin: 70px auto 0;
4092         width: 250px;
4093 }
4094
4095 .drag-drop-inside p {
4096         color: #aaa;
4097         font-size: 14px;
4098         margin: 5px 0;
4099         display: none;
4100 }
4101
4102 .drag-drop .drag-drop-inside p {
4103         text-align: center;
4104 }
4105
4106 .drag-drop-inside p.drag-drop-info {
4107         font-size: 20px;
4108 }
4109
4110 .drag-drop .drag-drop-inside p,
4111 .drag-drop-inside p.drag-drop-buttons {
4112         display: block;
4113 }
4114
4115 /*
4116 #drag-drop-area:-moz-drag-over {
4117         border-color: #83b4d8;
4118 }
4119 borger color while dragging a file over the uploader drop area */
4120 .drag-drop.drag-over #drag-drop-area {
4121         border-color: #83b4d8;
4122 }
4123
4124 #plupload-upload-ui {
4125         position: relative;
4126 }
4127
4128
4129 /*------------------------------------------------------------------------------
4130   14.2 - Image Editor
4131 ------------------------------------------------------------------------------*/
4132
4133 .describe .image-editor {
4134         vertical-align: top;
4135 }
4136
4137 .imgedit-wrap {
4138         position: relative;
4139 }
4140
4141 .imgedit-settings p {
4142         margin: 8px 0;
4143 }
4144
4145 .post-php .imgedit-wrap table {
4146         width: 100%;
4147 }
4148
4149 .describe .imgedit-wrap table td,
4150 .wp_attachment_holder .imgedit-wrap table td {
4151         vertical-align: top;
4152         padding-top: 0;
4153 }
4154
4155 .describe .imgedit-wrap table td.imgedit-settings {
4156         padding: 0 5px;
4157 }
4158
4159 .wp_attachment_holder .imgedit-wrap table td.imgedit-settings {
4160         width: 250px;
4161 }
4162
4163 td.imgedit-settings input {
4164         margin-top: 0;
4165         vertical-align: middle;
4166 }
4167
4168 .imgedit-wait {
4169         position: absolute;
4170         top: 0;
4171         background: #fff url(../images/wpspin_light.gif) no-repeat scroll 22px 10px;
4172         background-size: 16px 16px;
4173         opacity: 0.7;
4174         filter: alpha(opacity=70);
4175         width: 100%;
4176         height: 500px;
4177         display: none;
4178 }
4179
4180 .spinner {
4181         background: url(../images/wpspin_light.gif) no-repeat;
4182         background-size: 16px 16px;
4183         display: none;
4184         float: right;
4185         opacity: 0.7;
4186         filter: alpha(opacity=70);
4187         width: 16px;
4188         height: 16px;
4189         margin: 5px 5px 0;
4190 }
4191
4192 .no-float {
4193         float: none;
4194 }
4195
4196 .media-disabled,
4197 .imgedit-settings .disabled  {
4198         color: grey;
4199 }
4200
4201 .wp_attachment_image,
4202 .A1B1 {
4203         overflow: hidden;
4204 }
4205
4206 .wp_attachment_image .button,
4207 .A1B1 .button {
4208         float: left;
4209 }
4210
4211 .no-js .wp_attachment_image .button {
4212         display: none;
4213 }
4214
4215 .wp_attachment_image .spinner,
4216 .A1B1 .spinner {
4217         float: left;
4218         padding: 0 4px 4px;
4219         vertical-align: bottom;
4220 }
4221
4222 .imgedit-menu {
4223         margin: 0 0 12px;
4224         min-width: 300px;
4225 }
4226
4227 .imgedit-menu div {
4228         float: left;
4229         width: 32px;
4230         height: 32px;
4231 }
4232
4233 .imgedit-crop-wrap {
4234         position: relative;
4235 }
4236
4237 .imgedit-crop {
4238         background: transparent url('../images/imgedit-icons.png') no-repeat scroll -9px -31px;
4239         margin: 0 8px 0 0;
4240 }
4241
4242 .imgedit-crop.disabled:hover {
4243         background-position: -9px -31px;
4244 }
4245
4246 .imgedit-crop:hover {
4247         background-position: -9px -1px;
4248 }
4249
4250 .imgedit-rleft {
4251         background: transparent url('../images/imgedit-icons.png') no-repeat scroll -46px -31px;
4252         margin: 0 3px;
4253 }
4254
4255 .imgedit-rleft.disabled:hover {
4256         background-position: -46px -31px;
4257 }
4258
4259 .imgedit-rleft:hover {
4260         background-position: -46px -1px;
4261 }
4262
4263 .imgedit-rright {
4264         background: transparent url('../images/imgedit-icons.png') no-repeat scroll -77px -31px;
4265         margin: 0 8px 0 3px;
4266 }
4267
4268 .imgedit-rright.disabled:hover {
4269         background-position: -77px -31px;
4270 }
4271
4272 .imgedit-rright:hover {
4273         background-position: -77px -1px;
4274 }
4275
4276 .imgedit-flipv {
4277         background: transparent url('../images/imgedit-icons.png') no-repeat scroll -115px -31px;
4278         margin: 0 3px;
4279 }
4280
4281 .imgedit-flipv.disabled:hover {
4282         background-position: -115px -31px;
4283 }
4284
4285 .imgedit-flipv:hover {
4286         background-position: -115px -1px;
4287 }
4288
4289 .imgedit-fliph {
4290         background: transparent url('../images/imgedit-icons.png') no-repeat scroll -147px -31px;
4291         margin: 0 8px 0 3px;
4292 }
4293
4294 .imgedit-fliph.disabled:hover {
4295         background-position: -147px -31px;
4296 }
4297
4298 .imgedit-fliph:hover {
4299         background-position: -147px -1px;
4300 }
4301
4302 .imgedit-undo {
4303         background: transparent url('../images/imgedit-icons.png') no-repeat scroll -184px -31px;
4304         margin: 0 3px;
4305 }
4306
4307 .imgedit-undo.disabled:hover {
4308         background-position: -184px -31px;
4309 }
4310
4311 .imgedit-undo:hover {
4312         background-position: -184px -1px;
4313 }
4314
4315 .imgedit-redo {
4316         background: transparent url('../images/imgedit-icons.png') no-repeat scroll -215px -31px;
4317         margin: 0 8px 0 3px;
4318 }
4319
4320 .imgedit-redo.disabled:hover {
4321         background-position: -215px -31px;
4322 }
4323
4324 .imgedit-redo:hover {
4325         background-position: -215px -1px;
4326 }
4327
4328 .imgedit-applyto img {
4329         margin: 0 8px 0 0;
4330 }
4331
4332 .imgedit-group-top {
4333         margin: 5px 0;
4334 }
4335
4336 .imgedit-applyto .imgedit-label {
4337         padding: 2px 0 0;
4338         display: block;
4339 }
4340
4341 .imgedit-help {
4342         display: none;
4343         font-style: italic;
4344         margin-bottom: 8px;
4345 }
4346
4347 a.imgedit-help-toggle {
4348         text-decoration: none;
4349 }
4350
4351 .form-table td.imgedit-response {
4352         padding: 0;
4353 }
4354
4355 .imgedit-submit {
4356         margin: 8px 0;
4357 }
4358
4359 .imgedit-submit-btn {
4360         margin-left: 20px;
4361 }
4362
4363 .imgedit-wrap .nowrap {
4364         white-space: nowrap;
4365 }
4366
4367 span.imgedit-scale-warn {
4368         color: red;
4369         font-size: 20px;
4370         font-style: normal;
4371         visibility: hidden;
4372         vertical-align: middle;
4373 }
4374
4375 .imgedit-group {
4376         border-width: 1px;
4377         border-style: solid;
4378         -webkit-border-radius: 3px;
4379         border-radius: 3px;
4380         margin-bottom: 8px;
4381         padding: 2px 10px;
4382 }
4383
4384 .wp_attachment_details {
4385         margin-bottom: 20px;
4386 }
4387
4388 /*------------------------------------------------------------------------------
4389   15.0 - Comments Screen
4390 ------------------------------------------------------------------------------*/
4391
4392 .form-table {
4393         border-collapse: collapse;
4394         margin-top: 0.5em;
4395         width: 100%;
4396         margin-bottom: -8px;
4397         clear: both;
4398 }
4399
4400 .form-table td {
4401         margin-bottom: 9px;
4402         padding: 8px 10px;
4403         line-height: 20px;
4404         font-size: 12px;
4405 }
4406
4407 .form-table th,
4408 .form-wrap label {
4409         font-weight: normal;
4410         text-shadow: #fff 0 1px 0;
4411 }
4412
4413 .form-table th {
4414         vertical-align: top;
4415         text-align: left;
4416         padding: 10px;
4417         width: 200px;
4418 }
4419
4420 .form-table th.th-full {
4421         width: auto;
4422 }
4423
4424 .form-table div.color-option {
4425         display: block;
4426         clear: both;
4427         margin-top: 12px;
4428 }
4429
4430 .form-table input.tog {
4431         margin-top: 2px;
4432         margin-right: 2px;
4433         float: left;
4434 }
4435
4436 .form-table td p {
4437         margin-top: 4px;
4438 }
4439
4440 .form-table table.color-palette {
4441         vertical-align: bottom;
4442         float: left;
4443         margin: -12px 3px 11px;
4444 }
4445
4446 .form-table .color-palette td {
4447         border-width: 1px 1px 0;
4448         border-style: solid solid none;
4449         height: 10px;
4450         line-height: 20px;
4451         width: 10px;
4452 }
4453
4454 .commentlist li {
4455         padding: 1em 1em .2em;
4456         margin: 0;
4457         border-bottom-width: 1px;
4458         border-bottom-style: solid;
4459 }
4460
4461 .commentlist li li {
4462         border-bottom: 0;
4463         padding: 0;
4464 }
4465
4466 .commentlist p {
4467         padding: 0;
4468         margin: 0 0 .8em;
4469 }
4470
4471 /* reply to comments */
4472 #replyrow input {
4473         border-width: 1px;
4474         border-style: solid;
4475 }
4476
4477 #replyrow td {
4478         padding: 2px;
4479 }
4480
4481 #replysubmit {
4482         margin: 0;
4483         padding: 0 5px 3px;
4484         text-align: center;
4485 }
4486
4487 #replysubmit .spinner {
4488         padding: 2px 0 0;
4489         vertical-align: top;
4490         float: right;
4491 }
4492
4493 #replysubmit .button {
4494         margin-right: 5px;
4495 }
4496
4497 #replysubmit .error {
4498         color: red;
4499         line-height: 21px;
4500         text-align: center;
4501 }
4502
4503 #replyrow h5 {
4504         margin: .2em 0 0;
4505         padding: 0 5px;
4506         line-height: 1.4em;
4507         font-size: 1em;
4508 }
4509
4510 #edithead .inside {
4511         float: left;
4512         padding: 3px 0 2px 5px;
4513         margin: 0;
4514         text-align: center;
4515 }
4516
4517 #edithead .inside input {
4518         width: 180px;
4519 }
4520
4521 #edithead label {
4522         padding: 2px 0;
4523 }
4524
4525 #replycontainer {
4526         padding: 5px;
4527 }
4528
4529 #replycontent {
4530         height: 120px;
4531         -webkit-box-shadow: none;
4532         box-shadow: none;
4533 }
4534
4535 .comment-php .wp-editor-area {
4536         height: 200px;
4537 }
4538
4539 .comment-ays {
4540         margin-bottom: 0;
4541         border-style: solid;
4542         border-width: 1px;
4543 }
4544
4545 .comment-ays th {
4546         border-right-style: solid;
4547         border-right-width: 1px;
4548 }
4549
4550 .trash-undo-inside,
4551 .spam-undo-inside {
4552         margin: 1px 8px 1px 0;
4553         line-height: 16px;
4554 }
4555
4556 .spam-undo-inside .avatar,
4557 .trash-undo-inside .avatar {
4558         height: 20px;
4559         width: 20px;
4560         margin-right: 8px;
4561         vertical-align: middle;
4562 }
4563
4564 .stuffbox .editcomment {
4565         clear: none;
4566 }
4567
4568 #comment-status-radio p {
4569         margin: 3px 0 5px;
4570 }
4571
4572 #comment-status-radio input {
4573         margin: 2px 3px 5px 0;
4574         vertical-align: middle;
4575 }
4576
4577 #comment-status-radio label {
4578         padding: 5px 0;
4579 }
4580
4581 .commentlist .avatar {
4582         vertical-align: text-top;
4583 }
4584
4585
4586 /*------------------------------------------------------------------------------
4587   16.0 - Themes
4588 ------------------------------------------------------------------------------*/
4589
4590 .theme-install-php .tablenav {
4591         height: auto;
4592 }
4593
4594 .theme-install-php .spinner {
4595         margin-top: 9px;
4596 }
4597
4598 h3.available-themes {
4599         margin: 0 0 1em;
4600         float: left;
4601 }
4602
4603 .available-theme {
4604         display: inline-block;
4605         margin-right: 10px;
4606         overflow: hidden;
4607         padding: 20px 20px 20px 0;
4608         vertical-align: top;
4609         width: 300px;
4610 }
4611
4612 .available-theme .screenshot {
4613         width: 300px;
4614         height: 225px;
4615         display: block;
4616         border-width: 1px;
4617         border-style: solid;
4618         margin-bottom: 10px;
4619         overflow: hidden;
4620 }
4621
4622 .available-theme img {
4623         width: 300px;
4624 }
4625
4626 .available-theme h3 {
4627         margin: 15px 0 0;
4628 }
4629
4630 .available-theme .theme-author {
4631         line-height: 18px;
4632 }
4633
4634 .available-theme .action-links {
4635         margin-top: 10px;
4636         overflow: hidden;
4637 }
4638
4639 .available-theme a.screenshot:focus {
4640         border-color: #777;
4641 }
4642
4643 #current-theme .theme-info li,
4644 .theme-options li,
4645 .available-theme .action-links li {
4646         float: left;
4647         padding-right: 10px;
4648         margin-right: 10px;
4649         border-right: 1px solid #dfdfdf;
4650 }
4651
4652 .available-theme .action-links li {
4653         padding-right: 8px;
4654         margin-right: 8px;
4655 }
4656
4657 .ie8 .available-theme .action-links li {
4658         padding-right: 7px;
4659         margin-right: 7px;
4660