14084390b7cf9204e672cc814c420780bd8093bd
[autoinstalls/wordpress.git] / wp-admin / css / press-this-rtl.css
1 /*
2 Press This styles :)
3 */
4
5
6 /**
7 * Normalize
8 *
9 * normalize.css v3.0.0 | MIT License | git.io/normalize
10 */
11 html {
12         font-family: sans-serif;
13         -ms-text-size-adjust: 100%;
14         -webkit-text-size-adjust: 100%;
15 }
16
17 body {
18         margin: 0;
19 }
20
21 *,
22 *:before,
23 *:after {
24         -webkit-box-sizing: border-box;
25         -moz-box-sizing: border-box;
26         box-sizing: border-box;
27 }
28 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-resolution: 144dpi) {
29         *,
30         *:before,
31         *:after {
32                 -webkit-font-smoothing: antialiased;
33         }
34 }
35
36 article,
37 aside,
38 details,
39 figcaption,
40 figure,
41 footer,
42 header,
43 hgroup,
44 main,
45 nav,
46 section,
47 summary {
48         display: block;
49 }
50
51 audio,
52 canvas,
53 progress,
54 video {
55         display: inline-block;
56         vertical-align: baseline;
57 }
58
59 audio:not([controls]) {
60         display: none;
61         height: 0;
62 }
63
64 [hidden],
65 template {
66         display: none;
67 }
68
69 a {
70         background: transparent;
71 }
72
73 a:active,
74 a:hover {
75         outline: 0;
76 }
77
78 abbr[title] {
79         border-bottom: 1px dotted;
80 }
81
82 b,
83 strong {
84         font-weight: bold;
85 }
86
87 dfn {
88         font-style: italic;
89 }
90
91 h1 {
92         font-size: 2em;
93         margin: 0.67em 0;
94 }
95
96 mark {
97         background: #ff0;
98         color: #000;
99 }
100
101 small {
102         font-size: 80%;
103 }
104
105 sub,
106 sup {
107         font-size: 75%;
108         line-height: 0;
109         position: relative;
110         vertical-align: baseline;
111 }
112
113 sup {
114         top: -0.5em;
115 }
116
117 sub {
118         bottom: -0.25em;
119 }
120
121 img {
122         border: 0;
123 }
124
125 svg:not(:root) {
126         overflow: hidden;
127 }
128
129 figure {
130         margin: 1em 40px;
131 }
132
133 hr {
134         -webkit-box-sizing: content-box;
135         -moz-box-sizing: content-box;
136         box-sizing: content-box;
137         height: 0;
138 }
139
140 pre {
141         overflow: auto;
142 }
143
144 code,
145 kbd,
146 pre,
147 samp {
148         font-family: monospace, monospace;
149         font-size: 1em;
150 }
151
152 button,
153 input,
154 optgroup,
155 select,
156 textarea {
157         color: inherit;
158         font: inherit;
159         margin: 0;
160 }
161
162 button {
163         overflow: visible;
164 }
165
166 button,
167 select {
168         text-transform: none;
169 }
170
171 button,
172 html input[type="button"],
173 input[type="reset"],
174 input[type="submit"] {
175         -webkit-appearance: button;
176         cursor: pointer;
177 }
178
179 button[disabled],
180 html input[disabled] {
181         cursor: default;
182 }
183
184 button::-moz-focus-inner,
185 input::-moz-focus-inner {
186         border: 0;
187         padding: 0;
188 }
189
190 input {
191         line-height: normal;
192 }
193
194 input[type="checkbox"],
195 input[type="radio"] {
196         -webkit-box-sizing: border-box;
197         -moz-box-sizing: border-box;
198         box-sizing: border-box;
199         padding: 0;
200 }
201
202 input[type="number"]::-webkit-inner-spin-button,
203 input[type="number"]::-webkit-outer-spin-button {
204         height: auto;
205 }
206
207 input[type="search"] {
208         -webkit-appearance: textfield;
209         -webkit-box-sizing: content-box;
210         -moz-box-sizing: content-box;
211         box-sizing: content-box;
212 }
213
214 input[type="search"]::-webkit-search-cancel-button,
215 input[type="search"]::-webkit-search-decoration {
216         -webkit-appearance: none;
217 }
218
219 fieldset {
220         border: 0;
221         margin: 0;
222         padding: 0;
223 }
224
225 legend {
226         border: 0;
227         padding: 0;
228 }
229
230 textarea {
231         overflow: auto;
232 }
233
234 optgroup {
235         font-weight: bold;
236 }
237
238 table {
239         border-collapse: collapse;
240         border-spacing: 0;
241 }
242
243 td,
244 th {
245         padding: 0;
246 }
247
248 .clearfix:before,
249 .clearfix:after {
250         content: "";
251         display: table;
252 }
253 .clearfix:after {
254         clear: both;
255 }
256
257 .hide-if-js {
258         display: none;
259 }
260
261 .screen-reader-text {
262         position: absolute;
263         margin: -1px;
264         padding: 0;
265         height: 1px;
266         width: 1px;
267         overflow: hidden;
268         clip: rect(0 0 0 0);
269         border: 0;
270 }
271
272
273 /**
274 * Typography
275 *
276 * Base element typographic styles.
277 */
278 body,
279 button,
280 input,
281 select,
282 textarea {
283         color: #404040;
284         font-family: "Open Sans", Helvetica, Arial, sans-serif;
285         font-size: 20px;
286         font-weight: 400;
287         line-height: 1.6;
288 }
289
290 h1,
291 h2,
292 h3,
293 h4,
294 h5,
295 h6 {
296         clear: both;
297 }
298
299 p {
300         margin-bottom: 1.5em;
301 }
302
303 b,
304 strong {
305         font-weight: 700;
306 }
307
308
309 /**
310 * Buttons
311 *
312 * Pushing buttons is what I do.
313 */
314
315 .button-subtle,
316 .scan-submit {
317         display: inline-block;
318         margin: 0;
319         padding: 0 10px 1px;
320         border-width: 1px;
321         border-style: solid;
322         -webkit-border-radius: 3px;
323         border-radius: 3px;
324         font-size: 13px;
325         line-height: 2;
326         text-decoration: none;
327         white-space: nowrap;
328         cursor: pointer;
329         -webkit-appearance: none;
330 }
331
332 .button-subtle {
333         background: none;
334         border: 0;
335         color: #0073aa;
336 }
337
338 .button-subtle:visited {
339         color: #0073aa;
340 }
341
342 .button-subtle:focus,
343 .button-subtle:hover,
344 .button-subtle:active,
345 .edit-post-link:focus,
346 .edit-post-link:hover,
347 .edit-post-link:active {
348         color: #00a0d2;
349 }
350
351 .button-subtle:focus,
352 .button-subtle:active,
353 .edit-post-link:focus,
354 .edit-post-link:active {
355         outline: 0;
356         text-decoration: underline;
357 }
358
359 .preview-button {
360         margin-left: 5px;
361 }
362
363 .button-reset {
364         margin: 0;
365         padding: 0;
366         border: 0;
367         background: none;
368         cursor: pointer;
369         -webkit-appearance: none;
370 }
371
372 .button-reset:focus {
373         outline: 0;
374 }
375
376 .button-link {
377         margin: 0;
378         padding: 0;
379         border: 0;
380         background: none;
381         color: #0073aa;
382         cursor: pointer;
383         -webkit-appearance: none;
384 }
385
386 .button-link:hover,
387 .button-link:active,
388 .button-link:focus {
389         color: #00a0d2;
390         text-decoration: underline;
391 }
392
393
394 /**
395 * Forms
396 *
397 * So many input types.
398 */
399 button,
400 input,
401 select,
402 textarea {
403         font-size: 100%;
404         margin: 0;
405         vertical-align: baseline;
406         *vertical-align: middle;
407 }
408
409 [type="checkbox"],
410 [type="radio"] {
411         padding: 0;
412 }
413
414 [type="search"] {
415         -webkit-appearance: textfield;
416         -webkit-box-sizing: content-box;
417         -moz-box-sizing: content-box;
418         box-sizing: content-box;
419 }
420
421 [type="search"]::-webkit-search-decoration {
422         -webkit-appearance: none;
423 }
424
425 button::-moz-focus-inner,
426 input::-moz-focus-inner {
427         border: 0;
428         padding: 0;
429 }
430
431 [type="text"],
432 [type="email"],
433 [type="url"],
434 [type="password"],
435 [type="search"],
436 textarea {
437         padding: 0.4em 0.75em;
438         color: #32373c;
439         border: 1px solid #ccc;
440 }
441
442 [type="text"]:focus,
443 [type="email"]:focus,
444 [type="url"]:focus,
445 [type="password"]:focus,
446 [type="search"]:focus,
447 textarea:focus {
448         color: #32373c;
449         outline: 0;
450 }
451
452 textarea {
453         overflow: auto;
454         padding-right: 3px;
455         vertical-align: top;
456 }
457
458
459 /**
460 * Links
461 */
462 a {
463         color: #0073aa;
464 }
465
466 a:visited {
467         color: #0073aa;
468 }
469
470 a:hover,
471 a:focus,
472 a:active {
473         color: #00a0d2;
474 }
475
476
477 /**
478 * Lists
479 */
480 ul,
481 ol {
482         margin: 0 3em 1.5em 0;
483 }
484
485 ul {
486         list-style: disc;
487 }
488
489 ol {
490         list-style: decimal;
491 }
492
493 li > ul,
494 li > ol {
495         margin-bottom: 0;
496         margin-right: 1.5em;
497 }
498
499 dt {
500         font-weight: 700;
501 }
502
503 dd {
504         margin: 0 1.5em 1.5em;
505 }
506
507
508 /**
509 * Post formats
510 *
511 * Complete styles for post formats UI
512 */
513 /* TODO if we remove the <br> during merge, this can go. */
514 #post-formats-select br {
515         display: none;
516 }
517
518 .post-format {
519         width: 1px;
520         height: 1px;
521         position: absolute;
522         top: -9999px;
523 }
524
525 .lt-ie9 .post-format {
526         margin: 17px 13px 0 12px;
527         width: auto;
528         height: auto;
529         position: static;
530         top: auto;
531         float: right;
532         width: 16px;
533         height: 16px;
534 }
535
536 .post-format-icon {
537         position: relative;
538         display: block;
539         padding: 13px 13px 14px 2px;
540         cursor: pointer;
541 }
542
543 .post-format-icon:before,
544 .post-format-icon:after {
545         content: "";
546         display: inline-block;
547         width: 20px;
548         height: 20px;
549         margin-left: 10px;
550         font-size: 20px;
551         line-height: 1;
552         font-family: dashicons;
553         text-decoration: inherit;
554         color: #9ea7af;
555         font-weight: 400;
556         font-style: normal;
557         vertical-align: top;
558         text-align: center;
559         -webkit-transition: color .1s ease-in 0;
560         transition: color .1s ease-in 0;
561         -webkit-font-smoothing: antialiased;
562         -moz-osx-font-smoothing: grayscale;
563 }
564
565 .post-format-icon:before {
566         content: "\f109";
567 }
568
569 .post-format-icon:after {
570         display: none;
571         content: "\f147";
572         float: left;
573 }
574
575 .post-format:checked + .post-format-icon {
576         -webkit-box-shadow: inset -6px 0 0 #00a0d2;
577         box-shadow: inset -6px 0 0 #00a0d2;
578         background: rgba(46, 162, 204, 0.1);
579 }
580
581 .post-format:checked + .post-format-icon:before,
582 .post-format:checked + .post-format-icon:after {
583         color: #32373c;
584 }
585
586 .post-format:focus + .post-format-icon {
587         background: #00a0d2;
588         color: #fff;
589 }
590
591 .post-format:focus + .post-format-icon:before,
592 .post-format:focus + .post-format-icon:after {
593         color: #fff;
594 }
595
596 .post-format:checked + .post-format-icon:after {
597         display: block;
598 }
599
600 .lt-ie9 .post-format-icon {
601         margin-right: 16px;
602 }
603
604 .post-format-aside:before {
605         content: "\f123";
606 }
607
608 .post-format-image:before {
609         content: "\f128";
610 }
611
612 .post-format-video:before {
613         content: "\f126";
614 }
615
616 .post-format-audio:before {
617         content: "\f127";
618 }
619
620 .post-format-quote:before {
621         content: "\f122";
622 }
623
624 .post-format-link:before {
625         content: "\f103";
626 }
627
628 .post-format-gallery:before {
629         content: "\f161";
630 }
631
632
633 /**
634 * Tags
635 *
636 * Complete styles for tags UI
637 */
638 .tagsdiv p {
639         margin: 0;
640 }
641
642 .tagsdiv .ajaxtag {
643         position: relative;
644 }
645
646 .tagsdiv .newtag {
647         display: block;
648         position: relative;
649         padding: 11px 16px 11px 58px;
650         width: 100%;
651         border: 0;
652         border-bottom: 1px solid #e5e5e5;
653         font-size: 16px;
654 }
655
656 .tagsdiv .tagadd {
657         position: absolute;
658         top: 0;
659         left: 0;
660         bottom: 1px;
661         border: 0;
662         -webkit-border-radius: 0;
663         border-radius: 0;
664         margin: 0;
665         padding: 0 16px;
666         background: #f7f7f7;
667         border-right: 1px solid #f1f1f1;
668         -webkit-box-shadow: none;
669         box-shadow: none;
670 }
671
672 .tagsdiv .tagadd:hover,
673 .tagsdiv .tagadd:active,
674 .tagsdiv .tagadd:focus {
675         outline: 0;
676         background: #2991b7;
677         border-color: #20708e;
678         color: #fff;
679         -webkit-box-shadow: none;
680         box-shadow: none;
681 }
682
683 .tagsdiv .howto {
684         color: #727272;
685         font-style: italic;
686         margin: 10px 16px 6px 0;
687 }
688
689
690 /* Tag hint TODO needed? */
691 /* Tag suggestions */
692 .ac_results {
693         padding: 0;
694         margin: -1px -1px 0 0;
695         list-style: none;
696         position: absolute;
697         z-index: 10000;
698         display: none;
699         border: 1px solid #d8d8d8;
700         background-color: #fff;
701         font-size: 14px;
702 }
703
704 .ac_results li {
705         padding: 6px 16px;
706         white-space: nowrap;
707         color: #101010;
708         text-align: right;
709 }
710
711 .ac_results .ac_over {
712         background-color: #e5e5e5;
713         background-color: #00a0d2;
714         color: #fff;
715         cursor: pointer;
716 }
717
718 .ac_match {
719         text-decoration: underline;
720 }
721
722 /* Tags */
723 .tagchecklist {
724         padding: 16px 28px 5px;
725 }
726
727 .tagchecklist:before,
728 .tagchecklist:after {
729         content: "";
730         display: table;
731 }
732
733 .tagchecklist:after {
734         clear: both;
735 }
736
737 .tagchecklist span {
738         display: block;
739         margin-left: 25px;
740         float: right;
741         font-size: 13px;
742         line-height: 1.8;
743         white-space: nowrap;
744         cursor: default;
745 }
746
747 @media (max-width: 600px) {
748         .tagchecklist span {
749                 margin-bottom: 15px;
750                 font-size: 16px;
751                 line-height: 1.3;
752         }
753 }
754
755 .tagchecklist .ntdelbutton {
756         margin: 1px -17px 0 0;
757         cursor: pointer;
758         width: 20px;
759         height: 20px;
760         display: block;
761         float: right;
762         text-indent: 0;
763         overflow: hidden;
764         position: absolute;
765         outline: 0;
766 }
767
768 .tagchecklist .ntdelbutton:before {
769         content: '\f153';
770         display: block;
771         margin: 2px 0;
772         height: 20px;
773         width: 20px;
774         background: 100% 0;
775         color: #9ea7af;
776         font: 400 16px/1 dashicons;
777         text-align: center;
778         speak: none;
779         -webkit-font-smoothing: antialiased;
780 }
781
782 .tagchecklist .ntdelbutton:focus:before {
783         color: #00a0d2;
784 }
785
786
787 /* THE TAG CLOUD. */
788 .tagsdiv + p {
789         margin: 0;
790 }
791
792 .tagcloud-link {
793         display: block;
794         padding: 0 16px;
795         text-decoration: none;
796         outline: 0;
797 }
798
799 .tagcloud-link:focus {
800         text-decoration: underline;
801 }
802
803 .popular-tags {
804         border: none;
805         line-height: 2em;
806         padding: 8px 12px 12px;
807         text-align: justify;
808 }
809
810 .popular-tags a {
811         padding: 0 3px;
812 }
813
814 .the-tagcloud {
815         margin: 0;
816         padding: 16px;
817 }
818
819 .the-tagcloud a {
820         text-decoration: none;
821         outline: 0;
822 }
823
824 .the-tagcloud a:focus {
825         text-decoration: underline;
826 }
827
828 .tagcloud h3 {
829         margin: 2px 0 12px;
830 }
831
832
833 /**
834 * Categories
835 *
836 * Complete styles for post categories UI
837 */
838 input[type="search"].categories-search,
839 .add-category-name {
840         display: block;
841         width: 100%;
842         padding: 0.85714em 1.07143em;
843         border: 0;
844         -webkit-border-radius: 0;
845         border-radius: 0;
846         border-bottom: 1px solid #e5e5e5;
847         font-size: 14px;
848         -webkit-appearance: none;
849         appearance: none;
850 }
851
852 @media (max-width: 600px) {
853         input[type="search"].categories-search,
854         .add-category-name {
855                 /* Needs to be 16px to prevent zooming on iOS. Guh. */
856                 font-size: 16px;
857         }
858 }
859
860 .add-cat-toggle {
861         float: left;
862         margin-top: -45px;
863         line-height: 20px;
864         padding: 12px 10px 8px;
865 }
866
867 .add-cat-toggle:focus {
868         text-decoration: none;
869         color: #00a0d2;
870 }
871
872 .add-cat-toggle.is-toggled {
873         padding: 10px;
874 }
875
876 .add-cat-toggle.is-toggled .dashicons:before {
877         content: "\f179";
878 }
879
880 .add-category {
881         position: relative;
882         border-bottom: 1px solid #e5e5e5;
883 }
884
885 .add-category.is-hidden {
886         display: none;
887 }
888
889 .add-category .add-cat-submit {
890         position: absolute;
891         top: 0;
892         left: 0;
893         border: 0;
894         -webkit-border-radius: 0;
895         border-radius: 0;
896         padding: 12px 16px;
897         background: #f7f7f7;
898         border-right: 1px solid #f1f1f1;
899 }
900
901 .add-category .add-cat-submit:hover,
902 .add-category .add-cat-submit:active,
903 .add-category .add-cat-submit:focus {
904         outline: 0;
905         background: #2991b7;
906         border-color: #20708e;
907         color: #fff;
908 }
909
910 /* Parent category select */
911 .postform-wrapper {
912         padding: 12px;
913 }
914
915 .postform {
916         display: block;
917         margin: 0;
918         width: 100%;
919         height: 34px;
920         border: 0;
921         -webkit-border-radius: 0;
922         border-radius: 0;
923         border: 1px solid #e5e5e5;
924         background: #fff;
925         -webkit-background-size: 20px 20px;
926         background-size: 20px 20px;
927         overflow: hidden;
928         line-height: 21px;
929         text-overflow: ellipsis;
930         text-decoration: none;
931         vertical-align: top;
932         white-space: nowrap;
933         cursor: pointer;
934         outline: 0;
935 }
936
937 .postform:focus {
938         border-color: #0073aa;
939         -webkit-box-shadow: 0 0 0 3px #00a0d2;
940         box-shadow: 0 0 0 3px #00a0d2;
941         outline: 0;
942         -moz-outline: none;
943         -moz-user-focus: ignore;
944 }
945
946 .postform::-ms-expand {
947         display: none;
948 }
949
950 .postform::-ms-value {
951         background: none;
952         color: #727272;
953 }
954
955 .postform:-moz-focusring {
956         color: transparent;
957         text-shadow: 0 0 0 #727272;
958 }
959
960 /* Category list */
961 .categories-select {
962         margin: 0;
963         padding: 0;
964         list-style: none;
965 }
966
967 .categories-select ul {
968         margin: 0;
969         padding: 0;
970         list-style: none;
971 }
972
973 .category {
974         position: relative;
975         display: block;
976         padding: 13px 16px 14px 16px;
977         cursor: pointer;
978         background: #fff;
979 }
980
981 .category:focus,
982 .category.selected:focus {
983         outline: 0;
984         background: #00a0d2;
985         color: #fff;
986 }
987
988 .category.selected {
989         -webkit-box-shadow: inset -6px 0 0 #00a0d2;
990         box-shadow: inset -6px 0 0 #00a0d2;
991         background: #E9F5F9;
992 }
993
994 .category.selected:after {
995         display: inline-block;
996         content: "\f147";
997         position: absolute;
998         top: 13px;
999         left: 0;
1000         width: 20px;
1001         height: 20px;
1002         margin-left: 10px;
1003         font-size: 20px;
1004         line-height: 1;
1005         font-family: dashicons;
1006         text-decoration: inherit;
1007         color: #23282d;
1008         font-weight: 400;
1009         font-style: normal;
1010         vertical-align: top;
1011         text-align: center;
1012         -webkit-transition: color .1s ease-in 0;
1013         transition: color .1s ease-in 0;
1014         -webkit-font-smoothing: antialiased;
1015         -moz-osx-font-smoothing: grayscale;
1016 }
1017
1018 .category.selected:focus:after {
1019         color: #fff;
1020 }
1021
1022 .categories-select ul .category {
1023         padding-right: 24px;
1024 }
1025
1026 .categories-select ul ul .category {
1027         padding-right: 32px;
1028 }
1029
1030 .categories-select ul ul ul .category {
1031         padding-right: 40px;
1032 }
1033
1034 .categories-select ul ul ul ul .category {
1035         padding-right: 48px;
1036 }
1037
1038 .categories-select ul ul ul ul ul .category {
1039         padding-right: 56px;
1040 }
1041
1042 .categories-select ul ul ul ul ul ul .category {
1043         padding-right: 64px;
1044 }
1045
1046 .categories-select .is-hidden {
1047         display: none;
1048 }
1049
1050 .categories-select .is-hidden.searched-parent {
1051         display: block;
1052 }
1053
1054 /* Category search */
1055 .categories-search-wrapper {
1056         position: relative;
1057 }
1058
1059 .categories-search-wrapper.is-hidden {
1060         display: none;
1061 }
1062
1063 .categories-search-wrapper label {
1064         position: absolute;
1065         top: 50%;
1066         left: 10px;
1067         margin-top: -10px;
1068         color: #9ea7af;
1069 }
1070
1071
1072 /**
1073 * Main
1074 */
1075 html {
1076         overflow: auto;
1077 }
1078
1079 body {
1080         overflow-x: hidden;
1081         height: 100%;
1082 }
1083
1084 html {
1085         background: #fff;
1086         -webkit-box-shadow: 10px 0 0 rgba(0, 0, 0, 0.3);
1087         box-shadow: 10px 0 0 rgba(0, 0, 0, 0.3);
1088 }
1089
1090 @media (max-width: 900px) {
1091         body {
1092                 font-size: 16px;
1093         }
1094 }
1095
1096 @media (max-width: 320px) {
1097         body {
1098                 font-size: 14px;
1099         }
1100 }
1101
1102 .lt-ie9 {
1103         overflow: visible;
1104 }
1105
1106 .adminbar {
1107         position: relative;
1108         width: 100%;
1109         padding: 0 0.8em;
1110         min-height: 3.2em;
1111         background: #23282d;
1112         color: #fff;
1113         z-index: 9999;
1114 }
1115
1116 .adminbar:before,
1117 .adminbar:after {
1118         content: "";
1119         display: table;
1120 }
1121
1122 .adminbar:after {
1123         clear: both;
1124 }
1125
1126 .adminbar .dashicons {
1127         color: #999;
1128 }
1129
1130 .adminbar button {
1131         position: absolute;
1132         top: 50%;
1133         left: 6px;
1134         margin-top: -13px;
1135 }
1136
1137 @media (max-width: 320px) {
1138         .adminbar {
1139                 min-height: 45px;
1140         }
1141 }
1142
1143 .current-site {
1144         margin-top: 0.5625em;
1145         font-size: 16px;
1146         line-height: 44px;
1147         font-weight: 400;
1148         overflow: hidden;
1149         white-space: nowrap;
1150         text-overflow: ellipsis;
1151 }
1152
1153 @media (max-width: 600px) {
1154         .current-site {
1155                 margin: 3px 0 0;
1156         }
1157 }
1158
1159 @media (max-width: 320px) {
1160         .current-site {
1161                 margin: 0;
1162                 font-size: 14px;
1163         }
1164 }
1165
1166 .current-site-link {
1167         text-decoration: none;
1168 }
1169
1170 .current-site-link:focus {
1171         outline: 0;
1172 }
1173
1174 .current-site-link:focus .current-site-name{
1175         text-decoration: underline;
1176 }
1177
1178 .current-site-name {
1179         color: #ededed;
1180 }
1181
1182 @media (max-width: 320px) {
1183         .current-site-name {
1184                 font-weight: 600;
1185         }
1186 }
1187
1188 .current-site .dashicons-wordpress {
1189         position: relative;
1190         top: -1px;
1191         margin-left: 10px;
1192         vertical-align: middle;
1193 }
1194
1195 .options,
1196 .options.open .on-closed,
1197 .options.closed .on-open {
1198         display: none;
1199 }
1200
1201 @media (max-width: 900px) {
1202         .options {
1203                 display: block;
1204         }
1205 }
1206
1207 .options-panel-back.is-hidden {
1208         display: none;
1209 }
1210
1211 .options:focus .dashicons {
1212         color: #fff;
1213         text-decoration: none;
1214 }
1215
1216 .options .dashicons {
1217         margin-top: 3px;
1218 }
1219
1220 .options {
1221         color: #00a0d2;
1222 }
1223
1224 .alert {
1225         position: relative;
1226         margin: 0;
1227         padding: 16px 50px;
1228         border-bottom: 1px solid #e5e5e5;
1229         font-size: 14px;
1230 }
1231
1232 .alert:before {
1233         content: '';
1234         position: absolute;
1235         top: 50%;
1236         right: 30px;
1237         width: 8px;
1238         height: 8px;
1239         margin-top: -4px;
1240         -webkit-border-radius: 50%;
1241         border-radius: 50%;
1242         background: #00a0d2;
1243 }
1244
1245 @media (max-width: 600px) {
1246         .alert {
1247                 padding: 16px 35px;
1248         }
1249         .alert:before {
1250                 right: 15px;
1251         }
1252 }
1253
1254 .alert.is-error:before {
1255         background: red;
1256 }
1257
1258 .scan {
1259         position: relative;
1260         border-bottom: 1px solid #e5e5e5;
1261 }
1262
1263 @media (max-width: 900px) {
1264         .scan form {
1265                 -webkit-transition: opacity .3s ease-in-out;
1266                 transition: opacity .3s ease-in-out;
1267         }
1268         .scan.is-hidden form {
1269                 opacity: .2;
1270                 pointer-events: none;
1271         }
1272 }
1273
1274 .scan-url {
1275         display: block;
1276         border: 0;
1277         padding: 0.85714em 1.07143em;
1278         font-size: 14px;
1279         width: 100%;
1280 }
1281
1282 @media (max-width: 600px) {
1283         .scan-url {
1284                 font-size: 16px;
1285         }
1286 }
1287
1288 .scan-submit {
1289         position: absolute;
1290         top: 0;
1291         left: 0;
1292         bottom: 0;
1293         padding: 0 1.07143em;
1294         background: #f7f7f7;
1295         border-color: #dedede;
1296         border: 0;
1297         border-right: 1px solid #f1f1f1;
1298         -webkit-border-radius: 0;
1299         border-radius: 0;
1300         color: #555;
1301         font-size: 14px;
1302         line-height: 1.6;
1303 }
1304
1305 .scan-submit:hover,
1306 .scan-submit:focus {
1307         background: #2991b7;
1308         border-color: #20708e;
1309         color: #fff;
1310         outline: 0;
1311 }
1312
1313 .scan-submit:active {
1314         background: #2581a2;
1315         border-color: #20708e;
1316         color: #fff;
1317 }
1318
1319 .scan-submit:visited {
1320         color: #555;
1321 }
1322
1323 .wrapper {
1324         position: relative;
1325         margin-bottom: 60px;
1326         margin-left: 320px;
1327 }
1328
1329 .wrapper:before,
1330 .wrapper:after {
1331         content: "";
1332         display: table;
1333 }
1334
1335 .wrapper:after {
1336         clear: both;
1337 }
1338
1339 @media (max-width: 900px) {
1340         .wrapper {
1341                 margin: 0;
1342                 width: 100%;
1343         }
1344 }
1345
1346 .editor-wrapper {
1347         overflow: auto;
1348         float: right;
1349         width: 100%;
1350 }
1351
1352 .editor-wrapper:before,
1353 .editor-wrapper:after {
1354         content: "";
1355         display: table;
1356 }
1357
1358 .editor-wrapper:after {
1359         clear: both;
1360 }
1361
1362 .editor {
1363         padding: 0 1.5em 4.75em;
1364         max-width: 700px;
1365         margin: 0 auto;
1366 }
1367
1368 .spinner {
1369         height: 20px;
1370         width: 20px;
1371         display: inline-block;
1372         visibility: hidden;
1373         background: url(../images/spinner.gif) no-repeat center;
1374         -webkit-background-size: 20px 20px;
1375         background-size: 20px 20px;
1376         opacity: 0.7;
1377         filter: alpha(opacity=70);
1378         line-height: 1;
1379         vertical-align: middle;
1380 }
1381
1382 @media print,
1383         (-webkit-min-device-pixel-ratio: 1.25),
1384         (min-resolution: 120dpi) {
1385
1386         .spinner {
1387                 background-image: url(../images/spinner-2x.gif);
1388         }
1389 }
1390
1391 .spinner.is-active {
1392         visibility: visible;
1393 }
1394
1395 /* Make the text inside the editor textarea white. Prevents a "flash" on loading the page */
1396 #pressthis {
1397         color: #fff;
1398 }
1399
1400 @media (min-width: 901px) {
1401         .editor {
1402                 max-width: 760px;
1403         }
1404 }
1405
1406 @media (max-width: 320px) {
1407         .editor {
1408                 padding: 0;
1409         }
1410 }
1411
1412 .post-title,
1413 .post-title-placeholder {
1414         margin: 0;
1415         padding: .83em 0;
1416         width: 100%;
1417         border-bottom: 1px solid #e5e5e5;
1418         font-size: 32px;
1419         line-height: 1.4;
1420         font-weight: 700;
1421 }
1422
1423 .post-title:active,
1424 .post-title:focus,
1425 .post-title-placeholder:active,
1426 .post-title-placeholder:focus {
1427         outline: 0;
1428         -webkit-box-shadow: inset 0px -3px 0 #00a0d2;
1429         box-shadow: inset 0px -3px 0 #00a0d2;
1430         border-color: #00a0d2;
1431 }
1432
1433 @media (max-width: 900px) {
1434         .post-title,
1435         .post-title-placeholder {
1436                 font-size: 24px;
1437         }
1438 }
1439
1440 @media (max-height: 400px) {
1441         .post-title,
1442         .post-title-placeholder {
1443                 padding: 15px 0;
1444                 font-size: 16px;
1445         }
1446 }
1447
1448 @media (max-width: 320px) {
1449         .post-title,
1450         .post-title-placeholder {
1451                 font-size: 16px;
1452                 font-weight: 600;
1453                 padding: 1.14286em 1.42857em;
1454         }
1455 }
1456
1457 .post-title {
1458         /* IE8 fallback */
1459         background: url(data:image/gif;base64,R0lGODlhAQABAJEAAAAAAP///////wAAACH5BAEHAAIALAAAAAABAAEAAAICVAEAOw==);
1460         background: none, none;
1461 }
1462
1463 .post-title:before {
1464         /* Keeps empty container from collapsing */
1465         content: '\a0';
1466         display: inline-block;
1467         width: 0;
1468         speak: none;
1469 }
1470
1471 .post-title-placeholder {
1472         position: absolute;
1473         border: 0;
1474         color: #9ea7af;
1475         z-index: -1;
1476 }
1477
1478 .post-title-placeholder.is-hidden {
1479         display: none;
1480 }
1481
1482 /* Suggested images */
1483 .media-list-container {
1484         position: relative;
1485         padding: 2px 0;
1486         border-bottom: 1px solid #e5e5e5;
1487         display: none;
1488 }
1489
1490 .media-list-inner-container {
1491         overflow: auto;
1492         max-height: 150px;
1493         max-height: 40vw;
1494 }
1495
1496 .media-list-container.has-media {
1497         display: block;
1498 }
1499
1500 .media-list-inner-container:before,
1501 .media-list-inner-container:after {
1502         content: "";
1503         display: table;
1504 }
1505
1506 .media-list-inner-container:after {
1507         clear: both;
1508 }
1509
1510 .media-list {
1511         margin: 0;
1512         padding: 0;
1513 }
1514
1515 @media (min-width: 321px) {
1516         .media-list-inner-container {
1517                 max-height: 250px;
1518                 max-height: 40vw;
1519         }
1520 }
1521
1522 @media (min-width: 601px) {
1523         .media-list-inner-container {
1524                 max-height: 200px;
1525                 max-height: 18.75vw;
1526         }
1527 }
1528
1529 .wppt-all-media-list {
1530         list-style: none;
1531         margin: 0;
1532         padding: 0;
1533 }
1534
1535 .suggested-media-thumbnail:focus,
1536 .is-embed:focus {
1537         outline: 0;
1538         -webkit-box-shadow: inset 0 0 0 3px #00a0d2;
1539         box-shadow: inset 0 0 0 3px #00a0d2;
1540 }
1541
1542 .suggested-media-thumbnail {
1543         position: relative;
1544         display: block;
1545         float: right;
1546         width: 16.66%;
1547         padding: 16.66% 16.66% 0 0;
1548         background-position: center;
1549         background-repeat: no-repeat;
1550         -webkit-background-size: cover;
1551         background-size: cover;
1552         background-color: #d8d8d8;
1553         color: #fff;
1554         color: rgba(255, 255, 255, 0.6);
1555         cursor: pointer;
1556 }
1557
1558 .suggested-media-thumbnail:hover,
1559 .suggested-media-thumbnail:active,
1560 .suggested-media-thumbnail:focus {
1561         color: #fff;
1562 }
1563
1564 .suggested-media-thumbnail:before,
1565 .suggested-media-thumbnail:after {
1566         display: inline-block;
1567         position: absolute;
1568         font-size: 20px;
1569         line-height: 1;
1570         font-family: dashicons;
1571         text-decoration: inherit;
1572         font-weight: 400;
1573         font-style: normal;
1574         -webkit-transition: color .1s ease-in 0;
1575         transition: color .1s ease-in 0;
1576         -webkit-font-smoothing: antialiased;
1577         -moz-osx-font-smoothing: grayscale;
1578 }
1579
1580 .suggested-media-thumbnail:before {
1581         right: 50%;
1582         top: 50%;
1583         margin: -20px -20px 0 0;
1584         font-size: 40px;
1585 }
1586
1587 .suggested-media-thumbnail:after {
1588         content: "\f132";
1589         left: 3%;
1590         bottom: 2%;
1591 }
1592
1593 @media (min-width: 601px) {
1594         .suggested-media-thumbnail {
1595                 width: 12.5%;
1596                 padding: 12.5% 12.5% 0 0;
1597         }
1598 }
1599
1600 .is-embed:before {
1601         content: "\f104";
1602         color: #fff;
1603         color: rgba(255, 255, 255, 0.9);
1604 }
1605
1606 .is-embed.is-audio:hover:before,
1607 .is-embed.is-audio:active:before,
1608 .is-embed.is-audio:focus:before,
1609 .is-embed.is-tweet:hover:before,
1610 .is-embed.is-tweet:active:before,
1611 .is-embed.is-tweet:focus:before {
1612         color: #fff;
1613 }
1614
1615 .is-embed.is-video {
1616         background-color: #23282d;
1617 }
1618
1619 .is-embed.is-video:hover:before,
1620 .is-embed.is-video:active:before,
1621 .is-embed.is-video:focus:before {
1622         color: rgba(255, 255, 255, 0.2);
1623 }
1624
1625 .is-embed.is-video:before {
1626         content: "\f236";
1627 }
1628
1629 .is-embed.is-audio {
1630         background-color: #ff7d44;
1631 }
1632
1633 .is-embed.is-audio:before {
1634         content: "\f127";
1635 }
1636
1637 .is-embed.is-tweet {
1638         background-color: #55acee;
1639 }
1640
1641 .is-embed.is-tweet:before {
1642         content: "\f301";
1643 }
1644
1645 .no-media {
1646         margin: 0;
1647         padding: 0;
1648         border: 0;
1649 }
1650
1651 /* Actions bar */
1652 .press-this-actions {
1653         position: fixed;
1654         bottom: 0;
1655         right: 0;
1656         width: 100%;
1657         background: #f1f1f1;
1658         background: rgba(241, 241, 241, 0.9);
1659         border-top: 1px solid #e5e5e5;
1660 }
1661
1662 @media (max-width: 900px) {
1663         .press-this-actions {
1664                 -webkit-transform: translateY(0);
1665                 -ms-transform: translateY(0);
1666                 transform: translateY(0);
1667                 -webkit-transition: -webkit-transform .3s ease-in-out;
1668                 transition: transform .3s ease-in-out;
1669         }
1670         .press-this-actions.is-hidden {
1671                 -webkit-transform: translateY(100%);
1672                 -ms-transform: translateY(100%);
1673                 transform: translateY(100%);
1674         }
1675 }
1676
1677 .add-media {
1678         float: right;
1679         margin: 14px 30px 14px 0;
1680         font-size: 0;
1681 }
1682
1683 @media (max-width: 320px) {
1684         .add-media {
1685                 margin: 10px 10px 10px 0;
1686         }
1687 }
1688
1689 .insert-media {
1690         color: #9ea7af;
1691         float: right;
1692         margin: 0;
1693         padding: 0;
1694         border: 0;
1695         border-left: 1px solid #e5e5e5;
1696         -webkit-border-radius: 0;
1697         border-radius: 0;
1698         background: none;
1699         -webkit-box-shadow: none;
1700         box-shadow: none;
1701         overflow: hidden;
1702 }
1703
1704 .insert-media:hover,
1705 .insert-media:focus,
1706 .insert-media:active {
1707         margin: 0;
1708         background: none;
1709         border-color: #e5e5e5;
1710         color: #23282d;
1711 }
1712
1713 .insert-media:focus,
1714 .insert-media:active {
1715         outline: 0;
1716         color: #00a0d2;
1717         text-decoration: none;
1718 }
1719
1720 .insert-media .dashicons {
1721         padding: 11px;
1722         width: 63px;
1723         height: 58px;
1724         font-size: 40px;
1725 }
1726
1727 @media (max-width: 320px) {
1728         .insert-media .dashicons {
1729                 width: 55px;
1730                 height: 49px;
1731                 padding: 14px;
1732                 font-size: 20px;
1733         }
1734 }
1735
1736 .post-actions {
1737         float: left;
1738         margin: 14px 0 14px 30px;
1739         font-size: 13px;
1740 }
1741
1742 @media (max-width: 320px) {
1743         .post-actions {
1744                 margin: 10px 0 10px 10px;
1745         }
1746 }
1747
1748 .edit-post-link {
1749         font-size: 13px;
1750         display: inline-block;
1751         text-decoration: none;
1752         padding: 0 10px;
1753 }
1754
1755 .draft-button.is-hidden,
1756 .draft-button .saving-draft,
1757 .draft-button.is-saving .save-draft {
1758         display: none;
1759 }
1760
1761 .draft-button.is-saving .saving-draft {
1762         display: inline;
1763 }
1764
1765 /* TinyMCE styles */
1766 .editor .wp-media-buttons {
1767         float: none;
1768 }
1769
1770 .editor div.mce-toolbar-grp {
1771         padding: 0.71429em 0;
1772         background: none;
1773         border: 0;
1774 }
1775
1776 @media (max-height: 400px), (max-width: 320px) {
1777         .editor div.mce-toolbar-grp {
1778                 padding: 0;
1779         }
1780 }
1781
1782 .mce-stack-layout:before,
1783 .mce-stack-layout:after {
1784         content: "";
1785         display: table;
1786 }
1787
1788 .mce-stack-layout:after {
1789         clear: both;
1790 }
1791
1792 .mce-container.mce-toolbar {
1793         float: right;
1794 }
1795
1796 .mce-container.mce-toolbar:nth-child(2) {
1797         float: left;
1798 }
1799
1800 @media (max-width: 600px) {
1801         .mce-first .mce-btn:nth-child(3),
1802         .mce-first .mce-btn:nth-child(4) {
1803                 position: absolute;
1804                 margin: -1px;
1805                 padding: 0;
1806                 height: 1px;
1807                 width: 1px;
1808                 overflow: hidden;
1809                 clip: rect(0 0 0 0);
1810                 border: 0;
1811         }
1812
1813         .mce-first .mce-btn:nth-child(3):focus,
1814         .mce-first .mce-btn:nth-child(4):focus {
1815                 position: static;
1816                 margin: 1px;
1817                 padding: inherit;
1818                 height: auto;
1819                 width: auto;
1820                 overflow: visible;
1821                 clip: auto;
1822                 border: 1px solid #999;
1823         }
1824 }
1825
1826 #wp-link-wrap {
1827         font-size: 13px;
1828 }
1829
1830 #wp-link-wrap input[type="text"] {
1831         padding: 3px 5px;
1832         margin: 1px;
1833 }
1834
1835 @media screen and (max-width: 782px) {
1836         #wp-link-wrap {
1837                 font-size: 14px;
1838         }
1839
1840         #wp-link-wrap input[type="text"] {
1841                 padding: 6px 10px;
1842         }
1843 }
1844
1845 #wp-link-wrap .howto {
1846         color: #666;
1847         font-style: italic;
1848 }
1849
1850 /* Options panel (sidebar) */
1851 .options-panel {
1852         position: relative;
1853         float: left;
1854         margin-left: -320px;
1855         width: 320px;
1856         border-right: 1px solid #e5e5e5;
1857         font-size: 14px;
1858         /* Keeps background the full height of the screen, but only visually. Clicks go through. */
1859         -webkit-box-shadow: -5001px 5000px 0 5000px #fff, -5000px 5000px 0 5000px #e5e5e5;
1860         box-shadow: -5001px 5000px 0 5000px #fff, -5000px 5000px 0 5000px #e5e5e5;
1861         outline: 0;
1862 }
1863
1864 .options-panel-back {
1865         position: absolute;
1866         top: 0;
1867         left: 0;
1868         bottom: 0;
1869         width: 320px;
1870         outline: 0;
1871 }
1872
1873 @media (max-width: 900px) {
1874         .options-panel {
1875                 background: #fff;
1876                 -webkit-transform: translateX(100%);
1877                 -ms-transform: translateX(100%);
1878                 transform: translateX(100%);
1879                 -webkit-transition: -webkit-transform .3s ease-in-out;
1880                 transition: transform .3s ease-in-out;
1881         }
1882
1883         .options-panel.is-hidden {
1884                 visibility: hidden;
1885         }
1886
1887         .options-panel.is-off-screen {
1888                 -webkit-transform: translateX(0);
1889                 -ms-transform: translateX(0);
1890                 transform: translateX(0);
1891         }
1892 }
1893
1894 @media (max-width: 320px) {
1895         .options-panel {
1896                 margin-left: -100%;
1897                 width: 100%;
1898                 border: 0;
1899                 -webkit-box-shadow: -5001px 5000px 0 5000px #fff;
1900                 box-shadow: -5001px 5000px 0 5000px #fff;
1901         }
1902
1903         .options-panel-back {
1904                 width: 100%;
1905         }
1906 }
1907
1908 .post-options {
1909         background: #fff;
1910         position: absolute;
1911         left: 0;
1912         width: 100%;
1913         overflow-x: hidden;
1914 }
1915
1916 .post-options .post-option-contents {
1917         margin-right: 3px;
1918         color: #32373c;
1919 }
1920
1921 .post-option-forward:before {
1922         position: absolute;
1923         top: 50%;
1924         left: 8px;
1925         margin-top: -10px;
1926         content: "\f341"
1927 }
1928
1929 .post-option-back:before {
1930         content: "\f345";
1931 }
1932
1933 .lt-ie9 .options-panel,
1934 .lt-ie9 .post-options {
1935         border-right: 1px solid #e5e5e5;
1936 }
1937
1938 .lt-ie9 .post-options.is-off-screen {
1939         border: 0;
1940 }
1941
1942 .post-option {
1943         position: relative;
1944 }
1945
1946 .post-options .post-option {
1947         display: block;
1948         width: 100%;
1949         padding: 13px 14px 13px 37px;
1950         border-bottom: 1px solid #e5e5e5;
1951         text-decoration: none;
1952         text-align: right;
1953         color: #9ea7af;
1954         text-overflow: ellipsis;
1955         white-space: nowrap;
1956         overflow: hidden;
1957         -webkit-transition: -webkit-transform .3s ease-in-out;
1958         transition: transform .3s ease-in-out;
1959 }
1960
1961 .post-options .post-option:focus {
1962         outline: 0;
1963         -webkit-box-shadow: inset -5px 0 0 #00a0d2;
1964         box-shadow: inset -5px 0 0 #00a0d2;
1965 }
1966
1967 .is-off-screen > .post-option {
1968         left: 100%;
1969 }
1970
1971 .is-hidden > .post-option {
1972         visibility: hidden;
1973 }
1974
1975 @media (min-width: 1px) {
1976         .is-off-screen > .post-option {
1977                 left: auto;
1978                 -webkit-transform: translateX(100%);
1979                 -ms-transform: translateX(100%);
1980                 transform: translateX(100%);
1981         }
1982 }
1983
1984 .post-option-title {
1985         display: inline-block;
1986         margin: 0 8px 0 0;
1987         font-size: 14px;
1988         font-weight: normal;
1989 }
1990
1991 .setting-modal {
1992         position: relative;
1993         top: 0;
1994         right: 0;
1995         width: 100%;
1996         overflow: hidden;
1997         -webkit-transition: -webkit-transform .3s ease-in-out;
1998         transition: transform .3s ease-in-out;
1999 }
2000
2001 .setting-modal.is-hidden {
2002         visibility: hidden;
2003         height: 0;
2004 }
2005
2006 .setting-modal.is-off-screen {
2007         right: 100%;
2008 }
2009
2010 @media (min-width: 1px) {
2011         .setting-modal.is-off-screen {
2012                 right: 0;
2013                 -webkit-transform: translateX(-100%);
2014                 -ms-transform: translateX(-100%);
2015                 transform: translateX(-100%);
2016         }
2017 }
2018
2019 .modal-close {
2020         display: block;
2021         width: 100%;
2022         padding: 13px 14px;
2023         border-bottom: 1px solid #e5e5e5;
2024         color: #00a0d2;
2025         text-decoration: none;
2026         text-align: right;
2027 }
2028
2029 .modal-close:focus {
2030         outline: 0;
2031         -webkit-box-shadow: inset -5px 0 0 #00a0d2;
2032         box-shadow: inset -5px 0 0 #00a0d2;
2033 }
2034
2035 .setting-title {
2036         position: relative;
2037         top: -1px;
2038         margin-right: 11px;
2039 }