Another attempt to fix the http blog redirects.
[WebKit-https.git] / Websites / webkit.org / blog / wp-includes / css / wp-auth-check-rtl.css
1 /*------------------------------------------------------------------------------
2  Interim login dialog
3 ------------------------------------------------------------------------------*/
4
5 #wp-auth-check-wrap.hidden {
6         display: none;
7 }
8
9 #wp-auth-check-wrap #wp-auth-check-bg {
10         position: fixed;
11         top: 0;
12         bottom: 0;
13         right: 0;
14         left: 0;
15         background: #000;
16         opacity: 0.7;
17         filter: alpha(opacity=70);
18         z-index: 1000010; /* needs to appear above .notification-dialog */
19 }
20
21 #wp-auth-check-wrap #wp-auth-check {
22         position: fixed;
23         right: 50%;
24         overflow: hidden;
25         top: 40px;
26         bottom: 20px;
27         max-height: 415px;
28         width: 380px;
29         margin: 0 -190px 0 0;
30         padding: 30px 0 0;
31         background-color: #f1f1f1;
32         z-index: 1000011; /* needs to appear above #wp-auth-check-bg */
33         -webkit-box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
34         box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 );
35 }
36
37 @media screen and ( max-width: 380px ) {
38         #wp-auth-check-wrap #wp-auth-check {
39                 right: 0;
40                 width: 100%;
41                 margin: 0;
42         }
43 }
44
45 #wp-auth-check-wrap.fallback #wp-auth-check {
46         max-height: 180px;
47         overflow: auto;
48 }
49
50 #wp-auth-check-wrap #wp-auth-check-form {
51         background: url(../images/spinner-2x.gif) no-repeat center center;
52         -webkit-background-size: 16px 16px;
53         background-size: 16px 16px;
54         height: 100%;
55         overflow: auto;
56         -webkit-overflow-scrolling: touch;
57 }
58
59 #wp-auth-check-wrap #wp-auth-check-form iframe {
60         height: 98%; /* Scrollbar fix */
61         width: 100%;
62 }
63
64 #wp-auth-check-wrap .wp-auth-check-close {
65         position: absolute;
66         top: 8px;
67         left: 8px;
68         height: 22px;
69         width: 22px;
70         cursor: pointer;
71 }
72
73 #wp-auth-check-wrap .wp-auth-check-close:before {
74         content: '\f158';
75         display: block !important;
76         font: normal 20px/1 'dashicons';
77         speak: none;
78         height: 22px;
79         margin: 2px 0;
80         text-align: center;
81         width: 22px;
82         color: #777;
83         -webkit-font-smoothing: antialiased !important;
84         -moz-osx-font-smoothing: grayscale;
85 }
86
87 #wp-auth-check-wrap .wp-auth-check-close:hover:before {
88         color: #0073aa;
89 }
90
91 #wp-auth-check-wrap .wp-auth-check-close:focus {
92         outline: 1px dotted #82878c;
93 }
94
95 #wp-auth-check-wrap .wp-auth-fallback-expired {
96         outline: 0;
97 }
98
99 #wp-auth-check-wrap .wp-auth-fallback {
100         font-size: 14px;
101         line-height: 21px;
102         padding: 0 25px;
103         display: none;
104 }
105
106 #wp-auth-check-wrap.fallback .wp-auth-fallback,
107 #wp-auth-check-wrap.fallback .wp-auth-check-close {
108         display: block;
109 }