| author | ymh <ymh.work@gmail.com> |
| Mon, 14 Oct 2019 17:39:30 +0200 | |
| changeset 7 | cf61fcea0001 |
| parent 5 | 5e2f62d02dcd |
| child 9 | 177826044cd9 |
| permissions | -rw-r--r-- |
| 5 | 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 |
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 |
right: 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%; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
51 |
position: relative; |
| 5 | 52 |
overflow: auto; |
53 |
-webkit-overflow-scrolling: touch; |
|
54 |
} |
|
55 |
||
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
56 |
#wp-auth-check-form.loading:before { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
57 |
content: ""; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
58 |
display: block; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
59 |
width: 20px; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
60 |
height: 20px; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
61 |
position: absolute; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
62 |
right: 50%; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
63 |
top: 50%; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
64 |
margin: -10px -10px 0 0; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
65 |
background: url(../images/spinner.gif) no-repeat center; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
66 |
background-size: 20px 20px; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
67 |
-webkit-transform: translateZ(0); |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
68 |
transform: translateZ(0); |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
69 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
70 |
|
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
71 |
@media print, |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
72 |
(-webkit-min-device-pixel-ratio: 1.25), |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
73 |
(min-resolution: 120dpi) { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
74 |
|
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
75 |
#wp-auth-check-form.loading:before { |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
76 |
background-image: url(../images/spinner-2x.gif); |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
77 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
78 |
|
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
79 |
} |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
80 |
|
| 5 | 81 |
#wp-auth-check-wrap #wp-auth-check-form iframe { |
82 |
height: 98%; /* Scrollbar fix */ |
|
83 |
width: 100%; |
|
84 |
} |
|
85 |
||
86 |
#wp-auth-check-wrap .wp-auth-check-close { |
|
87 |
position: absolute; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
88 |
top: 5px; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
89 |
left: 5px; |
| 5 | 90 |
height: 22px; |
91 |
width: 22px; |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
92 |
color: #72777c; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
93 |
text-decoration: none; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
94 |
text-align: center; |
| 5 | 95 |
} |
96 |
||
97 |
#wp-auth-check-wrap .wp-auth-check-close:before { |
|
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
98 |
content: "\f158"; |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
99 |
font: normal 20px/22px dashicons; |
| 5 | 100 |
speak: none; |
101 |
-webkit-font-smoothing: antialiased !important; |
|
102 |
-moz-osx-font-smoothing: grayscale; |
|
103 |
} |
|
104 |
||
|
7
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
105 |
#wp-auth-check-wrap .wp-auth-check-close:hover, |
|
cf61fcea0001
resynchronize code repo with production
ymh <ymh.work@gmail.com>
parents:
5
diff
changeset
|
106 |
#wp-auth-check-wrap .wp-auth-check-close:focus { |
| 5 | 107 |
color: #0073aa; |
108 |
} |
|
109 |
||
110 |
#wp-auth-check-wrap .wp-auth-fallback-expired { |
|
111 |
outline: 0; |
|
112 |
} |
|
113 |
||
114 |
#wp-auth-check-wrap .wp-auth-fallback { |
|
115 |
font-size: 14px; |
|
116 |
line-height: 21px; |
|
117 |
padding: 0 25px; |
|
118 |
display: none; |
|
119 |
} |
|
120 |
||
121 |
#wp-auth-check-wrap.fallback .wp-auth-fallback, |
|
122 |
#wp-auth-check-wrap.fallback .wp-auth-check-close { |
|
123 |
display: block; |
|
124 |
} |