PluginProbe
Captcha Code / trunk
Captcha Code vtrunk
trunk 2.7 2.8 2.9 3.0 3.1 3.2 3.3 3.31 3.32
captcha-code-authentication / css / wp-captcha-code.css

wp-captcha-code.css in Captcha Code trunk, at css/wp-captcha-code.css

300 lines 4.9 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 #wp_captcha_code_settings {
2 width: 540px;
3 position: relative;
4 padding: 0px;
5 zoom: 1;
6 margin: 20px auto;
7 border: 0px !important;
8 float: left;
9 margin-right: 20px;
10 }
11
12 #wp_captcha_code_sidebar {
13 max-width: calc(35% - 40px);
14 float: left;
15 position: sticky;
16 padding-top: 40px;
17 }
18
19 @media screen and (max-width: 1280px) {
20 #wp_captcha_code_sidebar {
21 display: none !important;
22 }
23 }
24
25 .textcenter {
26 text-align: center;
27 }
28
29 .sidebar-box {
30 box-shadow: 0 1px 1px rgb(0 0 0 / 4%);
31 background: white;
32 padding: 15px;
33 font-size: 14px;
34 max-width: 450px;
35 }
36
37 .sidebar-box.pro-ad-box {
38 border: 2px solid #4285f4;
39 }
40
41 .sidebar-box.pro-ad-box.box-301 {
42 border: 2px solid #ff6246;
43 margin-top: 25px;
44 }
45
46 a.button.button-buy {
47 padding: 11px 40px;
48 color: white;
49 background: #4285f4;
50 font-weight: 600;
51 border: none;
52 line-height: 1.5;
53 height: auto;
54 margin-bottom: 10px;
55 }
56
57 .box-301 a.button.button-buy {
58 background: #ff6246;
59 }
60
61 .box-301 h3 b {
62 font-weight: 500;
63 }
64
65 a.button.button-buy:hover,
66 a.button.button-buy:active,
67 a.button.button-buy:focus {
68 box-shadow: 0px 0px 10px 0px rgb(50 138 210 / 52%);
69 background: #4285f4;
70 color: white;
71 border: none;
72 }
73
74 .box-301 a.button.button-buy:hover,
75 .box-301 a.button.button-buy:active,
76 .box-301 a.button.button-buy:focus {
77 box-shadow: 0px 0px 10px 0px rgb(65 73 80 / 52%);
78 background: #ff6246;
79 }
80
81 .text-center {
82 text-align: center;
83 }
84
85 .ui-widget-overlay {
86 opacity: 0.85;
87 }
88
89 .plain-list {
90 margin-top: 5px;
91 list-style-type: circle;
92 list-style-position: inside;
93 }
94
95 .plain-list li {
96 text-indent: -18px;
97 padding-left: 23px;
98 line-height: 23px;
99 margin: 0;
100 }
101
102 .pro-ad-box p b {
103 border-bottom: 3px solid #4285f4;
104 }
105
106 .pro-ad-box img {
107 max-height: 50px;
108 padding: 0 0 10px 0;
109 }
110
111 .pro-ad-box.box-301 img {
112 max-height: 100%;
113 max-width: 90%;
114 padding: 10px 0;
115 }
116
117 .pro-label {
118 display: inline-block;
119 line-height: 1;
120 color: white;
121 background: #364a5e;
122 padding: 3px 6px;
123 font-size: 12px;
124 vertical-align: text-top;
125 margin-left: 10px;
126 font-weight: 500;
127 letter-spacing: 1px;
128 text-decoration: none;
129 transition: transform 0.2s;
130 }
131 .pro-label:hover {
132 color: white;
133 transform: scale(1.2);
134 }
135 .pro-label:active,
136 .pro-label:focus {
137 color: white;
138 }
139
140 .button-disabled {
141 background-color: #ccc;
142 }
143
144 /* pro dialog */
145 .ui-dialog-titlebar {
146 display: none;
147 }
148
149 .wp-captcha-code-pro-dialog .logo img {
150 max-height: 55px;
151 }
152
153 .wp-captcha-code-pro-dialog .logo {
154 text-align: center;
155 background: #f8f8f8;
156 margin: -16px -16px 0 -16px;
157 padding: 15px;
158 }
159
160 .wp-captcha-code-pro-dialog .footer {
161 text-align: center;
162 background: #f8f8f8;
163 margin: 0 -16px -16px -16px;
164 padding: 15px;
165 }
166
167 .wp-captcha-code-pro-dialog .upsell-footer-2 {
168 padding: 10px;
169 text-align: center;
170 background-color: #4285f4;
171 color: white;
172 margin: 0 -16px 0 -16px;
173 }
174
175 .wp-captcha-code-pro-dialog .upsell-footer-2 a {
176 color: white;
177 }
178
179 .wp-captcha-code-pro-dialog .logo span {
180 display: block;
181 font-size: 18px;
182 margin: 10px;
183 }
184
185 .wp-captcha-code-pro-dialog .logo span b {
186 border-bottom: 3px solid #4285f4;
187 }
188
189 #wp-captcha-code-pro-table {
190 width: 100%;
191 margin: 0 auto 0 auto;
192 border-collapse: collapse;
193 }
194
195 #wp-captcha-code-pro-table td {
196 padding: 4px 10px 4px 34px;
197 border: none;
198 font-size: 14px;
199 }
200
201 #wp-captcha-code-pro-table tr:last-child td {
202 text-align: center;
203 }
204
205 #wp-captcha-code-pro-table td:nth-child(2) {
206 background-color: rgb(23 117 167 / 8%);
207 }
208
209 #wp-captcha-code-pro-table .dashicons-yes {
210 color: #4285f4;
211 }
212
213 #wp-captcha-code-pro-table .dashicons {
214 padding-right: 8px;
215 margin-left: -27px;
216 }
217
218 .center {
219 text-align: center;
220 }
221
222 .prices del {
223 color: #00000099;
224 }
225
226 .prices span del {
227 color: #00000070;
228 }
229
230 .prices span {
231 font-weight: 700;
232 font-size: 40px;
233 color: #4285f4;
234 line-height: 1;
235 display: inline-block;
236 padding-bottom: 15px;
237 }
238
239 #wp-captcha-code-pro-table tr:first-child td {
240 color: #000;
241 font-size: 18px;
242 font-weight: 800 !important;
243 padding: 10px 0;
244 text-align: center;
245 }
246
247 .pro-ad-box p b {
248 border-bottom: 3px solid #4285f4;
249 }
250
251 .pro-ad-box.box-301 p b {
252 border-bottom: 3px solid #ff6246;
253 }
254
255 #wp-captcha-code-pro-table tr:last-child td {
256 padding: 10px 0 10px 0;
257 vertical-align: top;
258 }
259
260 #wp-captcha-code-pro-table tr:last-child td span {
261 display: block;
262 padding: 0 0 5px 0;
263 }
264
265 #wp-captcha-code-features {
266 width: 100%;
267 padding: 20px 0 0 0;
268 }
269
270 #wp-captcha-code-features td {
271 padding: 10px 20px;
272 }
273
274 .wp-dialog.ui-widget-content {
275 background: #fff !important;
276 }
277
278 #wp-captcha-code-pro-dialog {
279 overflow: hidden;
280 }
281
282 .settings_page_captcha-code-authentication #wpfooter {
283 background: #fff;
284 padding: 24px 20px;
285 line-height: 20px;
286 font-weight: 400;
287 }
288
289 .settings_page_captcha-code-authentication #wpfooter .wp-captcha-code-footer a {
290 text-decoration: none;
291 }
292
293 .settings_page_captcha-code-authentication #wpfooter .wp-captcha-code-footer span {
294 color: #ffb900;
295 }
296
297 option.pro-option {
298 color: #e14d43;
299 }
300