|
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 } |