PluginProbe ʕ •ᴥ•ʔ
Simple Author Box / 1.2
Simple Author Box v1.2
trunk 1.0 1.1 1.2 1.3 1.4 1.5 1.6 1.7 1.9 2.0 2.0.1 2.0.2 2.0.4 2.0.5 2.0.6 2.0.7 2.0.8 2.0.9 2.1.0 2.1.1 2.1.2 2.1.3 2.1.4 2.1.5 2.2.0 2.2.1 2.2.2 2.3.0 2.3.1 2.3.11 2.3.12 2.3.15 2.3.16 2.3.2 2.3.20 2.3.21 2.3.22 2.4 2.41 2.42 2.45 2.46 2.47 2.48 2.49 2.50 2.51 2.52 2.54 2.55 2.56 2.57 2.59 2.60
simple-author-box / css / dev / sabox-admin-style.css
simple-author-box / css / dev Last commit date
sabox-admin-style-rtl.css 11 years ago sabox-admin-style.css 11 years ago simple-author-box-rtl.css 11 years ago simple-author-box.css 11 years ago
sabox-admin-style.css
591 lines
1 /* ADMIN PLUGIN STYLE
2 -------------------------------------------------------------- */
3 .wrap .saboxplugin .wp-core-ui .button, .wp-core-ui .button-primary, .wp-core-ui .button-secondary {
4 font-size: 16px;
5 height: 42px;
6 border-style: none;
7 line-height: 36px;
8 border-radius: 0;
9 -webkit-box-shadow:none;
10 -moz-box-shadow:none;
11 box-shadow:none;
12 }
13
14 .wrap .saboxplugin p {
15 color: #777;
16 line-height: 1.6;
17 }
18
19 .wrap .saboxplugin p.description {
20 margin: 20px 0px 5px;
21 }
22
23 .wrap .saboxplugin ::-moz-selection {
24 background: #80828F;
25 color: #fff;
26 }
27 .wrap .saboxplugin ::selection {
28 background: #80828F;
29 color: #fff;
30 }
31
32 .wrap .saboxplugin #saboxplugin-hide {
33 border-top: 1px dashed #E1E1E1;
34 margin: 1.5em 0;
35 display: none;
36 }
37
38 .wrap .saboxplugin .saboxplugin-border {
39 border-bottom: 1px dashed #E1E1E1;
40 margin: 2em 0;
41 }
42
43 .wrap .saboxplugin #poststuff h2 {
44 font-size: 26px;
45 padding: 9px 15px 20px 0;
46 font-weight: 700;
47 }
48
49 .wrap .saboxplugin h3 {
50 font-size: 24px;
51 padding: 9px 15px 20px 0;
52 font-weight: 700;
53 color: #444;
54 }
55
56 .wrap .saboxplugin #poststuff h3 {
57 font-size: 24px;
58 padding: 8px 20px;
59 }
60
61 .wrap .saboxplugin #poststuff .inside {
62 margin: 26px 0px 0px;
63 }
64
65 .wrap .saboxplugin .handlediv {
66 color: #80828F;
67 }
68
69 .wrap .saboxplugin .meta-box-sortables .postbox .handlediv:before {
70 right: 20px;
71 font: 400 30px/1.2 'dashicons';
72 padding: 8px 0;
73 }
74
75 .wrap .saboxplugin .meta-box-sortables .postbox .handlediv:before {
76 content: "\f343";
77 }
78
79 .wrap .saboxplugin .meta-box-sortables .postbox.closed .handlediv:before {
80 content: "\f347";
81 }
82
83 .wrap .saboxplugin .postbox .inside {
84 padding: 0px 40px 12px;
85 }
86
87 .wrap .saboxplugin label {
88 cursor: default;
89 }
90
91 /* UI SLIDE OVERWRITE
92 -------------------------------------------------------------- */
93 .wrap .saboxplugin .sabox-inline-slide .sabox-amount,
94 .wrap .saboxplugin .sabox-inline-slide .sabox-amount2,
95 .wrap .saboxplugin .sabox-inline-slide .sabox-amount3,
96 .wrap .saboxplugin .sabox-inline-slide .sabox-amount4,
97 .wrap .saboxplugin .sabox-inline-slide .sabox-amount5,
98 .wrap .saboxplugin .sabox-inline-slide .sabox-amount6 {
99 background-color: transparent;
100 border: medium none;
101 -webkit-box-shadow:none;
102 -moz-box-shadow:none;
103 box-shadow:none;
104 font-size: 24px;
105 color: #666666;
106 }
107
108 .wrap .saboxplugin .sabox-inline-slide .sabox-slider,
109 .wrap .saboxplugin .sabox-inline-slide .sabox-slider2,
110 .wrap .saboxplugin .sabox-inline-slide .sabox-slider3,
111 .wrap .saboxplugin .sabox-inline-slide .sabox-slider4,
112 .wrap .saboxplugin .sabox-inline-slide .sabox-slider5,
113 .wrap .saboxplugin .sabox-inline-slide .sabox-slider6 {
114 width: 40%;
115 margin: 20px 0;
116 }
117
118 .wrap .saboxplugin .sabox-inline-slide .ui-state-default,
119 .wrap .saboxplugin .sabox-inline-slide .ui-widget-content .ui-state-default,
120 .wrap .saboxplugin .sabox-inline-slide .ui-widget-header .ui-state-default {
121 border:1px solid #73C77B;
122 background-color:#8CE196;
123 font-weight:400;
124 color:#555;
125 outline:0 none;
126 cursor:pointer;
127 }
128
129 .wrap .saboxplugin .sabox-inline-slide .ui-state-default:before,
130 .wrap .saboxplugin .sabox-inline-slide .ui-widget-content .ui-state-default:before,
131 .wrap .saboxplugin .sabox-inline-slide .ui-widget-header .ui-state-default:before {
132 content:"\2630";
133 display:inline-block;
134 -webkit-font-smoothing:antialiased;
135 color:#fff;
136 font-weight:700;
137 text-shadow:0 1px #73C77B;
138 line-height: 1.8;
139 }
140
141 .wrap .saboxplugin .sabox-inline-slide .ui-state-default a,
142 .wrap .saboxplugin .sabox-inline-slide .ui-state-default a:link,
143 .wrap .saboxplugin .sabox-inline-slide .ui-state-default a:visited {
144 color:#fff;
145 text-decoration:none;
146 }
147
148 .wrap .saboxplugin .sabox-inline-slide .ui-state-focus,
149 .wrap .saboxplugin .sabox-inline-slide .ui-state-hover,
150 .wrap .saboxplugin .sabox-inline-slide .ui-widget-content .ui-state-focus,
151 .wrap .saboxplugin .sabox-inline-slide .ui-widget-content .ui-state-hover,
152 .wrap .saboxplugin .sabox-inline-slide .ui-widget-header .ui-state-focus,
153 .wrap .saboxplugin .sabox-inline-slide .ui-widget-header .ui-state-hover {
154 background:#9BEBA3;
155 }
156
157 .wrap .saboxplugin .sabox-inline-slide .ui-corner-all,
158 .wrap .saboxplugin .sabox-inline-slide .ui-corner-top,
159 .wrap .saboxplugin .sabox-inline-slide .ui-corner-left,
160 .wrap .saboxplugin .sabox-inline-slide .ui-corner-tl {
161 border-top-left-radius: 0;
162 }
163 .wrap .saboxplugin .sabox-inline-slide .ui-corner-all,
164 .wrap .saboxplugin .sabox-inline-slide .ui-corner-top,
165 .wrap .saboxplugin .sabox-inline-slide .ui-corner-right,
166 .wrap .saboxplugin .sabox-inline-slide .ui-corner-tr {
167 border-top-right-radius: 0;
168 }
169 .wrap .saboxplugin .sabox-inline-slide .ui-corner-bottom,
170 .wrap .saboxplugin .sabox-inline-slide .ui-corner-left,
171 .wrap .saboxplugin .sabox-inline-slide .ui-corner-bl {
172 border-bottom-left-radius: 0;
173 }
174 .wrap .saboxplugin .sabox-inline-slide .ui-corner-all,
175 .wrap .saboxplugin .sabox-inline-slide .ui-corner-bottom,
176 .wrap .saboxplugin .sabox-inline-slide .ui-corner-right,
177 .wrap .saboxplugin .sabox-inline-slide .ui-corner-br {
178 border-bottom-right-radius: 0;
179 }
180
181 .wrap .saboxplugin .sabox-inline-slide .ui-corner-all,
182 .wrap .saboxplugin .sabox-inline-slide .ui-corner-bottom,
183 .wrap .saboxplugin .sabox-inline-slide .ui-corner-left,
184 .wrap .saboxplugin .sabox-inline-slide .ui-corner-bl {
185 border-bottom-left-radius: 0;
186 }
187
188 .wrap .saboxplugin .sabox-inline-slide .ui-slider-horizontal {
189 height:1.3em;
190 }
191
192 .wrap .saboxplugin .sabox-inline-slide .ui-slider .ui-slider-handle {
193 width:1.8em;
194 height:1.8em;
195 cursor:pointer;
196 text-align:center;
197 }
198
199 .wrap .saboxplugin .sabox-inline-slide .ui-widget-content {
200 -webkit-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
201 -moz-box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
202 box-shadow:inset 0 1px 2px rgba(0,0,0,.1);
203 border:1px solid #B2BFCA;
204 background:#F1F2F7;
205 color:#222
206 }
207
208 /* COLOR PICKER OVERWRITE
209 -------------------------------------------------------------- */
210 .wrap .saboxplugin .wp-color-result:after, .wp-color-result {
211 border-radius: 0;
212 -webkit-box-shadow:none!important;
213 -moz-box-shadow:none!important;
214 box-shadow:none!important;
215 outline: 0;
216 }
217
218 .wrap .saboxplugin .wp-color-result:after{
219 font-size: 12px;
220 border-left: 1px solid #D3D6DB;
221 line-height: 42px;
222 padding: 0px 7.5px;
223 }
224
225 .wrap .saboxplugin .wp-color-result {
226 border: 1px solid #D3D6DB;
227 height: 42px;
228 padding-left: 40px;
229 outline: 0 none;
230 background-color: #D3D6DB;
231 }
232
233 .wrap .saboxplugin .wp-color-result:hover:after {
234 border-color: #AFAEAE;
235 border-left: 1px solid #D3D6DB;
236 }
237
238 .wrap .saboxplugin .wp-picker-container .button {
239 color: #FFF;
240 background-color: #80828F;
241 border: medium none;
242 height: 44px;
243 -webkit-box-shadow:none;
244 -moz-box-shadow:none;
245 box-shadow:none;
246 border-radius: 0;
247 padding: 0 15px 1px;
248 }
249
250 .wrap .saboxplugin .wp-picker-container input.wp-color-picker[type="text"] {
251 height: 44px;
252 }
253
254 .wrap .saboxplugin .saboxplugin-icon:before {
255 content: "\f336";
256 display: inline-block;
257 -webkit-font-smoothing: antialiased;
258 font: 50px/0.6 "dashicons";
259 vertical-align: top;
260 color: #FA5148;
261 padding-right: 5px;
262 }
263
264 .wrap .saboxplugin textarea[name=saboxplugin] {
265 resize: none;
266 border: medium none;
267 background-color: #FFF;
268 -webkit-box-shadow:none;
269 -moz-box-shadow:none;
270 box-shadow:none;
271 color: #777;
272 padding: 0px;
273 font-size: 13px;
274 line-height: 1.4;
275 overflow: hidden;
276 width: 99%;
277 }
278
279 .wrap .saboxplugin .saboxplugin-question {
280 display: inline-block;
281 vertical-align: middle;
282 padding: 10px 0;
283 font-size: 24px;
284 margin-right: 40px;
285 color: #666666;
286 width: 100%;
287 max-width: 700px;
288 min-width: 247px;
289 line-height: 1.6;
290 }
291
292 .wrap .saboxplugin .saboxplugin-switch {
293 display: inline-block;
294 vertical-align: top;
295 padding: 10px 0;
296 }
297
298 .wrap .saboxplugin .sab-toggle {
299 position: absolute;
300 margin-left: -9999px;
301 visibility: hidden;
302 }
303 .wrap .saboxplugin .sab-toggle + label {
304 display: block;
305 position: relative;
306 cursor: pointer;
307 outline: none;
308 user-select: none;
309 }
310
311 .wrap .saboxplugin input.sab-toggle-yes-no + label {
312 padding: 2px;
313 width: 120px;
314 height: 40px;
315 }
316
317 .wrap .saboxplugin input.sab-toggle-yes-no + label:before,
318 .wrap .saboxplugin input.sab-toggle-yes-no + label:after {
319 display: block;
320 position: absolute;
321 top: 0;
322 left: 0;
323 bottom: 0;
324 right: 0;
325 color: #fff;
326 font-family: "Open Sans", serif;
327 font-size: 20px;
328 text-align: center;
329 line-height: 42px;
330 }
331
332 .wrap .saboxplugin input.sab-toggle-yes-no + label:before {
333 background-color: #D3D6DB;
334 content: attr(data-off);
335 transition: transform 0.5s;
336 backface-visibility: hidden;
337 }
338
339 .wrap .saboxplugin input.sab-toggle-yes-no + label:after {
340 background-color: #8CE196;
341 content: attr(data-on);
342 transition: transform 0.5s;
343 transform: rotateY(180deg);
344 backface-visibility: hidden;
345 }
346
347 .wrap .saboxplugin input.sab-toggle-yes-no:checked + label:before {
348 transform: rotateY(180deg);
349 }
350
351 .wrap .saboxplugin input.sab-toggle-yes-no:checked + label:after {
352 transform: rotateY(0);
353 }
354
355 .wrap .saboxplugin .sab-title-div {
356 height: 50px;
357 clear: both;
358 }
359
360 .wrap .saboxplugin .sab-title-div .sab-title {
361 font-size: 18px;
362 line-height: 26px;
363 padding-top: 16px;
364 padding-right: 15px;
365 display: block;
366 float: left;
367 }
368
369 .wrap .saboxplugin .sab-box {
370 background:#fff;
371 border: 1px solid #E5E5E5;
372 box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04);
373 padding: 15px;
374 margin-top: 40px;
375 position: relative;
376 overflow: hidden;
377 }
378
379 .wrap .saboxplugin .sab-box p {
380 margin: 5px 0 5px 70px;
381 color: #777;
382 }
383
384 .wrap .saboxplugin .sab-box-legend, .wrap .saboxplugin .sab-box-version {
385 position: absolute;
386 left: 0;
387 top: 0;
388 height: 100%;
389 }
390
391 .wrap .saboxplugin .sab-box-version {
392 background: none repeat scroll 0% 0% #80828F;
393 padding: 10px 15px;
394 }
395
396 .wrap .saboxplugin .sab-icon-help, .wrap .saboxplugin .sab-icon-version {
397 color:#FFF;
398 font-size:25px;
399 }
400
401 .wrap .saboxplugin .sab-infos {
402 display: block;
403 margin: 0 auto;
404 padding-left: 70px;
405 font-weight: 700;
406 color:#777;
407 }
408
409 .wrap .saboxplugin .sab-infos span {
410 color: #777;
411 font-weight: 400;
412 }
413
414 .wrap .saboxplugin .sab-infos-title {
415 font-weight: 700;
416 color: #777;
417 }
418
419 .wrap .saboxplugin .sab-icon-version:before {
420 content: "\f348";
421 display: inline-block;
422 -webkit-font-smoothing: antialiased;
423 font: normal 30px/1.5 'dashicons';
424 vertical-align: top;
425 }
426
427 .clearfix:after,
428 .clearfix:before {
429 content: ' ';
430 display: table;
431 line-height: 0;
432 clear: both;
433 }
434
435 .ie7 .clearfix {
436 zoom: 1;
437 }
438
439 /* MEDIA QUERIES
440 -------------------------------------------------------------- */
441 @media (min-width: 900px) and (max-width: 1199px) {
442
443 .wrap .saboxplugin .saboxplugin-question {
444 max-width: 480px;
445 font-size: 20px;
446 }
447
448 .wrap .saboxplugin .sabox-inline-slide .sabox-amount,
449 .wrap .saboxplugin .sabox-inline-slide .sabox-amount2,
450 .wrap .saboxplugin .sabox-inline-slide .sabox-amount3,
451 .wrap .saboxplugin .sabox-inline-slide .sabox-amount4 {
452 font-size: 20px;
453 }
454
455 .wrap .saboxplugin .postbox .inside {
456 padding: 0px 20px 12px;
457 }
458
459 .wrap .saboxplugin .meta-box-sortables .postbox .handlediv:before {
460 right: 40px;
461 }
462
463 }
464
465 @media screen and (max-width: 899px) {
466
467 .wrap .saboxplugin .saboxplugin-question {
468 max-width: 390px;
469 font-size: 18px;
470 line-height: 2;
471 }
472
473 .wrap .saboxplugin .sabox-inline-slide .sabox-amount,
474 .wrap .saboxplugin .sabox-inline-slide .sabox-amount2,
475 .wrap .saboxplugin .sabox-inline-slide .sabox-amount3,
476 .wrap .saboxplugin .sabox-inline-slide .sabox-amount4 {
477 font-size: 18px;
478 }
479
480 .wrap .saboxplugin .saboxplugin-question {
481 max-width: 1000px;
482 text-align: left;
483 min-width: 100px;
484 }
485
486 .wrap .saboxplugin .saboxplugin-switch {
487 display: block;
488 }
489
490 .wrap .saboxplugin input.sab-toggle-yes-no + label {
491 width: auto;
492 }
493
494 .wrap .saboxplugin textarea[name="saboxplugin"] {
495 width: 100%;
496 height: 60px;
497 text-align: center;
498 }
499
500 .wrap .saboxplugin p.description {
501 text-align: center;
502 }
503
504 .wrap .saboxplugin .postbox .inside {
505 padding: 0px 20px 12px;
506 }
507
508 .wrap .saboxplugin .sabox-inline-slide .ui-widget-content {
509 width: 100%;
510 }
511
512 }
513
514 @media screen and (max-width: 783px) {
515
516 .wrap .saboxplugin #poststuff h2 {
517 font-size: 26px;
518 padding: 0 15px 0 0;
519 }
520 .wrap .saboxplugin .saboxplugin-icon:before {
521 font: 40px/0.8 "dashicons";
522 }
523
524 .wp-core-ui .button{
525 padding: 0 14px;
526 }
527
528 .wrap .saboxplugin #poststuff .inside {
529 margin: 0;
530 }
531
532 .wrap .saboxplugin .meta-box-sortables .postbox .handlediv:before {
533 right: 12px;
534 font: 400 20px/1.2 'dashicons';
535 padding: 8px 10px;
536 }
537
538 .wrap .saboxplugin #poststuff h3 {
539 font-size: 20px;
540 }
541
542 .wrap .saboxplugin .saboxplugin-question {
543 font-size: 18px;
544 }
545
546 .wrap .saboxplugin .sabox-inline-slide .sabox-amount,
547 .wrap .saboxplugin .sabox-inline-slide .sabox-amount2,
548 .wrap .saboxplugin .sabox-inline-slide .sabox-amount3,
549 .wrap .saboxplugin .sabox-inline-slide .sabox-amount4 {
550 vertical-align: baseline;
551 }
552
553 }
554
555 @media screen and (max-width: 700px) {
556
557 .wrap .saboxplugin .saboxplugin-question {
558 font-size: 16px;
559 }
560
561 .wrap .saboxplugin .sabox-inline-slide .sabox-amount,
562 .wrap .saboxplugin .sabox-inline-slide .sabox-amount2,
563 .wrap .saboxplugin .sabox-inline-slide .sabox-amount3,
564 .wrap .saboxplugin .sabox-inline-slide .sabox-amount4 {
565 font-size: 16px;
566 }
567
568 }
569
570 @media screen and (max-width: 600px) {
571
572 .wrap .saboxplugin .saboxplugin-question {
573 text-align: center;
574 line-height: 1.2;
575 }
576
577 .wrap .saboxplugin .saboxplugin-switch {
578 text-align: center;
579 }
580
581 .wrap .saboxplugin .saboxplugin-border {
582 margin: 0;
583 }
584 .wrap .saboxplugin .sabox-inline-slide .sabox-amount,
585 .wrap .saboxplugin .sabox-inline-slide .sabox-amount2,
586 .wrap .saboxplugin .sabox-inline-slide .sabox-amount3,
587 .wrap .saboxplugin .sabox-inline-slide .sabox-amount4 {
588 text-align: center;
589 }
590
591 }