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