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 left: 0;
14 right: 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 left: 50%;
24 overflow: hidden;
25 top: 40px;
26 bottom: 20px;
27 max-height: 415px;
28 width: 380px;
29 margin: 0 0 0 -190px;
30 padding: 30px 0 0;
31 background-color: #f0f0f1;
32 z-index: 1000011; /* needs to appear above #wp-auth-check-bg */
33 box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
34}
35
36@media screen and (max-width: 380px) {
37 #wp-auth-check-wrap #wp-auth-check {
38 left: 0;
39 width: 100%;
40 margin: 0;
41 }
42}
43
44#wp-auth-check-wrap.fallback #wp-auth-check {
45 max-height: 180px;
46 overflow: auto;
47}
48
49#wp-auth-check-wrap #wp-auth-check-form {
50 height: 100%;
51 position: relative;
52 overflow: auto;
53 -webkit-overflow-scrolling: touch;
54}
55
56#wp-auth-check-form.loading:before {
57 content: "";
58 display: block;
59 width: 20px;
60 height: 20px;
61 position: absolute;
62 left: 50%;
63 top: 50%;
64 margin: -10px 0 0 -10px;
65 background: url(../images/spinner.gif) no-repeat center;
66 background-size: 20px 20px;
67 transform: translateZ(0);
68}
69
70@media print,
71 (min-resolution: 120dpi) {
72
73 #wp-auth-check-form.loading:before {
74 background-image: url(../images/spinner-2x.gif);
75 }
76
77}
78
79#wp-auth-check-wrap #wp-auth-check-form iframe {
80 height: 98%; /* Scrollbar fix */
81 width: 100%;
82}
83
84#wp-auth-check-wrap .wp-auth-check-close {
85 position: absolute;
86 top: 5px;
87 right: 5px;
88 height: 22px;
89 width: 22px;
90 color: #787c82;
91 text-decoration: none;
92 text-align: center;
93}
94
95#wp-auth-check-wrap .wp-auth-check-close:before {
96 content: "\f158";
97 content: "\f158" / '';
98 font: normal 20px/22px dashicons;
99 -webkit-font-smoothing: antialiased !important;
100 -moz-osx-font-smoothing: grayscale;
101}
102
103#wp-auth-check-wrap .wp-auth-check-close:hover,
104#wp-auth-check-wrap .wp-auth-check-close:focus {
105 color: #2271b1;
106}
107
108#wp-auth-check-wrap .wp-auth-fallback-expired {
109 outline: 0;
110}
111
112#wp-auth-check-wrap .wp-auth-fallback {
113 font-size: 14px;
114 line-height: 1.5;
115 padding: 0 25px;
116 display: none;
117}
118
119#wp-auth-check-wrap.fallback .wp-auth-fallback,
120#wp-auth-check-wrap.fallback .wp-auth-check-close {
121 display: block;
122}
123