28 width: 380px; |
28 width: 380px; |
29 margin: 0 0 0 -190px; |
29 margin: 0 0 0 -190px; |
30 padding: 30px 0 0; |
30 padding: 30px 0 0; |
31 background-color: #f1f1f1; |
31 background-color: #f1f1f1; |
32 z-index: 1000011; /* needs to appear above #wp-auth-check-bg */ |
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 ); |
33 box-shadow: 0 3px 6px rgba( 0, 0, 0, 0.3 ); |
35 } |
34 } |
36 |
35 |
37 @media screen and ( max-width: 380px ) { |
36 @media screen and ( max-width: 380px ) { |
38 #wp-auth-check-wrap #wp-auth-check { |
37 #wp-auth-check-wrap #wp-auth-check { |
46 max-height: 180px; |
45 max-height: 180px; |
47 overflow: auto; |
46 overflow: auto; |
48 } |
47 } |
49 |
48 |
50 #wp-auth-check-wrap #wp-auth-check-form { |
49 #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%; |
50 height: 100%; |
|
51 position: relative; |
55 overflow: auto; |
52 overflow: auto; |
56 -webkit-overflow-scrolling: touch; |
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 -webkit-transform: translateZ(0); |
|
68 transform: translateZ(0); |
|
69 } |
|
70 |
|
71 @media print, |
|
72 (-webkit-min-device-pixel-ratio: 1.25), |
|
73 (min-resolution: 120dpi) { |
|
74 |
|
75 #wp-auth-check-form.loading:before { |
|
76 background-image: url(../images/spinner-2x.gif); |
|
77 } |
|
78 |
57 } |
79 } |
58 |
80 |
59 #wp-auth-check-wrap #wp-auth-check-form iframe { |
81 #wp-auth-check-wrap #wp-auth-check-form iframe { |
60 height: 98%; /* Scrollbar fix */ |
82 height: 98%; /* Scrollbar fix */ |
61 width: 100%; |
83 width: 100%; |
62 } |
84 } |
63 |
85 |
64 #wp-auth-check-wrap .wp-auth-check-close { |
86 #wp-auth-check-wrap .wp-auth-check-close { |
65 position: absolute; |
87 position: absolute; |
66 top: 8px; |
88 top: 5px; |
67 right: 8px; |
89 right: 5px; |
68 height: 22px; |
90 height: 22px; |
69 width: 22px; |
91 width: 22px; |
70 cursor: pointer; |
92 color: #72777c; |
|
93 text-decoration: none; |
|
94 text-align: center; |
71 } |
95 } |
72 |
96 |
73 #wp-auth-check-wrap .wp-auth-check-close:before { |
97 #wp-auth-check-wrap .wp-auth-check-close:before { |
74 content: '\f158'; |
98 content: "\f158"; |
75 display: block !important; |
99 font: normal 20px/22px dashicons; |
76 font: normal 20px/1 'dashicons'; |
|
77 speak: none; |
100 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; |
101 -webkit-font-smoothing: antialiased !important; |
84 -moz-osx-font-smoothing: grayscale; |
102 -moz-osx-font-smoothing: grayscale; |
85 } |
103 } |
86 |
104 |
87 #wp-auth-check-wrap .wp-auth-check-close:hover:before { |
105 #wp-auth-check-wrap .wp-auth-check-close:hover, |
|
106 #wp-auth-check-wrap .wp-auth-check-close:focus { |
88 color: #0073aa; |
107 color: #0073aa; |
89 } |
|
90 |
|
91 #wp-auth-check-wrap .wp-auth-check-close:focus { |
|
92 outline: 1px dotted #82878c; |
|
93 } |
108 } |
94 |
109 |
95 #wp-auth-check-wrap .wp-auth-fallback-expired { |
110 #wp-auth-check-wrap .wp-auth-fallback-expired { |
96 outline: 0; |
111 outline: 0; |
97 } |
112 } |