PluginProbe
Uji Countdown / 2.2
Uji Countdown v2.2
3.0 trunk 1.0 1.0.1 1.0.2 1.0.3 1.0.4 1.0.5 1.0.6 1.0.6.1 1.0.7 1.0.8 1.0.9 1.1 1.2 1.3 1.3.1 1.3.2 1.3.3 2.0.1 2.0.2 2.0.3 2.0.4 2.0.5 2.0.6 All 36 releases
uji-countdown / assets / css / admin.css

admin.css in Uji Countdown 2.2, at assets/css/admin.css

631 lines 17.0 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /* iCheck plugin Flat skin, purple
2 ----------------------------------- */
3 .icheckbox_flat-purple,
4 .iradio_flat-purple {
5 display: inline-block;
6 *display: inline;
7 vertical-align: middle;
8 margin: 0;
9 padding: 0;
10 width: 20px;
11 height: 20px;
12 background: url(purple.png) no-repeat;
13 border: none;
14 cursor: pointer;
15 }
16
17 .icheckbox_flat-purple {
18 background-position: 0 0;
19 }
20 .icheckbox_flat-purple.checked {
21 background-position: -22px 0;
22 }
23 .icheckbox_flat-purple.disabled {
24 background-position: -44px 0;
25 cursor: default;
26 }
27 .icheckbox_flat-purple.checked.disabled {
28 background-position: -66px 0;
29 }
30
31 .iradio_flat-purple {
32 background-position: -88px 0;
33 }
34 .iradio_flat-purple.checked {
35 background-position: -110px 0;
36 }
37 .iradio_flat-purple.disabled {
38 background-position: -132px 0;
39 cursor: default;
40 }
41 .iradio_flat-purple.checked.disabled {
42 background-position: -154px 0;
43 }
44
45 /* HiDPI support */
46 @media (-o-min-device-pixel-ratio: 5/4), (-webkit-min-device-pixel-ratio: 1.25), (min-resolution: 120dpi), (min-resolution: 1.25dppx) {
47 .icheckbox_flat-purple,
48 .iradio_flat-purple {
49 background-image: url(purple@2x.png);
50 -webkit-background-size: 176px 22px;
51 background-size: 176px 22px;
52 }
53 }
54
55
56
57 /*
58 ============================================================================
59 Notyf v3.0.0
60 ============================================================================
61 */
62
63
64 @-webkit-keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@keyframes notyf-fadeinup{0%{opacity:0;transform:translateY(25%)}to{opacity:1;transform:translateY(0)}}@-webkit-keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@keyframes notyf-fadeinleft{0%{opacity:0;transform:translateX(25%)}to{opacity:1;transform:translateX(0)}}@-webkit-keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@keyframes notyf-fadeoutright{0%{opacity:1;transform:translateX(0)}to{opacity:0;transform:translateX(25%)}}@-webkit-keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@keyframes notyf-fadeoutdown{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(25%)}}@-webkit-keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}@keyframes ripple{0%{transform:scale(0) translateY(-45%) translateX(13%)}to{transform:scale(1) translateY(-45%) translateX(13%)}}.notyf{position:fixed;top:0;left:0;height:100%;width:100%;color:#fff;z-index:9999;display:flex;flex-direction:column;align-items:flex-end;justify-content:flex-end;pointer-events:none;box-sizing:border-box;padding:20px}.notyf__icon--error,.notyf__icon--success{height:21px;width:21px;background:#fff;border-radius:50%;display:block;margin:0 auto;position:relative}.notyf__icon--error:after,.notyf__icon--error:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px;left:9px;height:12px;top:5px}.notyf__icon--error:after{transform:rotate(-45deg)}.notyf__icon--error:before{transform:rotate(45deg)}.notyf__icon--success:after,.notyf__icon--success:before{content:"";background:currentColor;display:block;position:absolute;width:3px;border-radius:3px}.notyf__icon--success:after{height:6px;transform:rotate(-45deg);top:9px;left:6px}.notyf__icon--success:before{height:11px;transform:rotate(45deg);top:5px;left:10px}.notyf__toast{display:block;overflow:hidden;pointer-events:auto;-webkit-animation:notyf-fadeinup .3s ease-in forwards;animation:notyf-fadeinup .3s ease-in forwards;box-shadow:0 3px 7px 0 rgba(0,0,0,.25);position:relative;padding:0 15px;border-radius:2px;max-width:300px;transform:translateY(25%);box-sizing:border-box;flex-shrink:0}.notyf__toast--disappear{transform:translateY(0);-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s}.notyf__toast--disappear .notyf__icon,.notyf__toast--disappear .notyf__message{-webkit-animation:notyf-fadeoutdown .3s forwards;animation:notyf-fadeoutdown .3s forwards;opacity:1;transform:translateY(0)}.notyf__toast--disappear .notyf__dismiss{-webkit-animation:notyf-fadeoutright .3s forwards;animation:notyf-fadeoutright .3s forwards;opacity:1;transform:translateX(0)}.notyf__toast--disappear .notyf__message{-webkit-animation-delay:.05s;animation-delay:.05s}.notyf__toast--upper{margin-bottom:20px}.notyf__toast--lower{margin-top:20px}.notyf__toast--dismissible .notyf__wrapper{padding-right:30px}.notyf__ripple{height:400px;width:400px;position:absolute;transform-origin:bottom right;right:0;top:0;border-radius:50%;transform:scale(0) translateY(-51%) translateX(13%);z-index:5;-webkit-animation:ripple .4s ease-out forwards;animation:ripple .4s ease-out forwards}.notyf__wrapper{display:flex;align-items:center;padding-top:17px;padding-bottom:17px;padding-right:15px;border-radius:3px;position:relative;z-index:10}.notyf__icon{width:22px;text-align:center;font-size:1.3em;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.3s;animation-delay:.3s;margin-right:13px}.notyf__dismiss{position:absolute;top:0;right:0;height:100%;width:26px;margin-right:-15px;-webkit-animation:notyf-fadeinleft .3s forwards;animation:notyf-fadeinleft .3s forwards;-webkit-animation-delay:.35s;animation-delay:.35s;opacity:0}.notyf__dismiss-btn{background-color:rgba(0,0,0,.25);border:none;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;opacity:.35;height:100%;width:100%}.notyf__dismiss-btn:after,.notyf__dismiss-btn:before{content:"";background:#fff;height:12px;width:2px;border-radius:3px;position:absolute;left:calc(50% - 1px);top:calc(50% - 5px)}.notyf__dismiss-btn:after{transform:rotate(-45deg)}.notyf__dismiss-btn:before{transform:rotate(45deg)}.notyf__dismiss-btn:hover{opacity:.7;background-color:rgba(0,0,0,.15)}.notyf__dismiss-btn:active{opacity:.8}.notyf__message{vertical-align:middle;position:relative;opacity:0;-webkit-animation:notyf-fadeinup .3s forwards;animation:notyf-fadeinup .3s forwards;-webkit-animation-delay:.25s;animation-delay:.25s;line-height:1.5em}@media only screen and (max-width:480px){.notyf{padding:0}.notyf__ripple{height:600px;width:600px;-webkit-animation-duration:.5s;animation-duration:.5s}.notyf__toast{max-width:none;border-radius:0;box-shadow:0 -2px 7px 0 rgba(0,0,0,.13);width:100%}.notyf__dismiss{width:56px}}
65
66
67 /*
68 ============================================================================
69 Admin NEW
70 ============================================================================
71 */
72
73 #ujic_new{
74 width: 600px;
75 margin-top: 20px;
76 display: block;
77 float: left;
78 background: 0 0 url('../images/back.jpg');
79 background-size: cover;
80 color: white;
81 -webkit-border-radius: 5px;
82 -moz-border-radius: 5px;
83 border-radius: 5px;
84 padding: 30px 40px;
85 text-align: center;
86 font-family: "Open Sans",sans-serif;
87 }
88
89 .ujic_butnew{
90 display: inline-block;
91 font-size: 14px;
92 padding: 8px 15px;
93 text-align: center;
94 border: 1px solid #ffffff;
95 -webkit-border-radius: 2px;
96 -moz-border-radius: 2px;
97 border-radius: 2px;
98 color: #ffffff;
99 text-decoration: none;
100 }
101
102 .ujic_butnew:hover{
103 background: #ffffff;
104 color: #a61ba6;
105 }
106
107 #ujic_new h1,
108 #ujic_new h2,
109 #ujic_new h3{
110 color: #ffffff;
111 }
112
113 .ujic_new_cnt{
114 border-top: 1px solid #ffffff;
115 margin-top: 30px;
116 padding-top: 30px;
117 }
118
119 .ujic_new_cnt ul{
120 margin: 0;
121 }
122
123
124 .ujic_new_cnt ul li{
125 margin: 30px 0;
126 display: block;
127 }
128 /*
129 ============================================================================
130 Admin Icons
131 ============================================================================
132 */
133 #icon-options-general{
134 background: transparent url("../images/ucount-icon.png") no-repeat 0 0;
135 }
136
137 .ujc-admin-tit{
138 background: transparent url("../images/ucount-icon.png") no-repeat 0 8px;
139 padding-left: 40px!important;
140 }
141
142
143 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
144
145 #icon-options-general{
146 background-image: url("../images/ucount-icon@x2.png");
147 background-size: 32px 187px;
148 }
149
150 .ujc-admin-tit{
151 background: transparent url("../images/ucount-icon@x2.png") no-repeat 0 8px;
152 padding-left: 40px!important;
153 background-size: 32px 187px;
154 }
155 }
156
157
158 .ujic-mico{
159 position: relative;
160 top: 4px;
161 padding-right: 4px;
162 }
163
164 /*
165 ============================================================================
166 Admin Message
167 ============================================================================
168 */
169 #message {
170 width: 943px;
171 }
172
173
174 /*
175 ============================================================================
176 Color Picker Fix
177 ============================================================================
178 */
179
180 .iris-picker .iris-slider-offset {
181
182 }
183
184 /*
185 ============================================================================
186 Admin Form
187 ============================================================================
188 */
189
190 .uji-fedit .postbox{
191 background: #FEF4FF;
192 }
193
194 .ujic-create{
195 width: 680px;
196 float: left;
197 display: inline-block;
198 margin: 10px 0 0 5px;
199 }
200
201 .ujic-create .label {
202 float: left;
203 font-weight: normal;
204 width: 200px;
205 height: 40px;
206 line-height: 40px;
207 }
208
209 .ujic-create .regular-chk{
210 margin-top: 4px;
211 }
212
213 .ujic-create .mini{
214 width: 40px;
215 }
216
217 .ujic-create .ujic-box {
218 overflow: hidden;
219 display: block;
220 margin: 15px 0;
221 border-bottom: 1px solid #e1e1e1;
222 padding-bottom: 15px;
223 }
224
225 .ujic-block-box{
226 display: block;
227 width: 100%;
228 padding: 15px 0 0 200px;
229 float: left;
230 }
231
232 .ujic-settings .ujic-box {
233 border-bottom: 0;
234 }
235
236
237 /* Input Option */
238
239 .ujic-create .regular-text{
240 margin-top: 10px;
241 }
242
243 /* SliderUI Option */
244
245 .ujic_sliderui{
246 margin-top: 15px;
247 }
248
249 /* Checkbox Option */
250
251
252
253
254 .ujic-chkbtn{
255 float: left;
256 position: relative;
257 margin: 10px 0 0 0;
258 }
259
260 .icheckbox_flat-pink, .iradio_flat-pink {
261 display: inline-block!important;
262 float: left!important;
263 margin-right: 10px!important;
264 }
265
266 .ujic-chkbtn label{
267 float: left;
268 line-height: 22px;
269 padding-right: 15px;
270 }
271
272 /* Radiobox Option */
273
274 #img-none{
275 background: url("../images/align-none.png") right 3px no-repeat;
276 padding-right: 25px;
277 }
278
279 #img-left{
280 background: url("../images/align-left.png") right 3px no-repeat;
281 padding-right: 30px;
282 }
283
284 #img-center{
285 background: url("../images/align-center.png") right 3px no-repeat;
286 padding-right: 30px;
287 }
288
289 #img-right{
290 background: url("../images/align-left.png") right 3px no-repeat;
291 padding-right: 30px;
292 }
293
294 .ujic-radbtn{
295 margin: 10px;
296 }
297
298 .ujic-radbtn label{
299 float: left;
300 line-height: 20px;
301 margin-right: 20px;
302 }
303
304 /* select Option */
305 .ujic-select{
306 padding: 4px;
307 border: 1px solid #aeaeae;
308 background: #bc59bc;
309 -webkit-border-radius: 5px;
310 -moz-border-radius: 5px;
311 border-radius: 5px;
312 float: left;
313 }
314
315 /* Style Option */
316
317 .ujic-types{
318 width: 32px;
319 height: 34px;
320 display: block;
321 float: left;
322 padding: 0 2px;
323 text-indent: -99999px;
324 margin-right: 20px;
325 border: 1px solid transparent;
326 }
327
328 .ujic-types:hover{
329 border: 1px solid #cfcfcf;
330 }
331
332 .ujic-types-sel{
333 border: 1px solid #bbbbbb!important;
334 }
335
336
337 #ujic-style-classic{
338 background: url(../images/classic.png) center 1px no-repeat;
339 }
340
341 /*
342 @media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
343 #ujic-style-classic{
344 background: url(../images/classic@2.png) no-repeat;
345 }
346 #ujic-style-modern{
347 background: url(../images/modern@2.png) no-repeat;
348 }
349 #ujic-style-custom{
350 background: url(../images/custom@2.png) no-repeat;
351 }
352 }*/
353 /* Color Option */
354
355 .ujic-color{
356 overflow: hidden;
357 clear: both;
358 float: none;
359 }
360
361 .ujic-color span{
362 display: block;
363 }
364
365 .ujic-color .ujic-color-hold{
366 float: left;
367 display: inline-block;
368 margin-right: 20px;
369 }
370
371 .ujic-color-box {
372 display: block;
373 float: left;
374 overflow: hidden;
375 }
376
377 /* Button Option */
378 .ujic-create .submit{
379 display: inline;
380 margin-right: 10px;
381 }
382
383 /*
384 ============================================================================
385 Table Admin
386 ============================================================================
387 */
388
389 #ujic_table{
390 padding: 20px 0;
391 width: 680px;
392 float: left;
393
394 }
395
396 #ujic_table{
397 line-height: 30px;
398 }
399
400 #ujic_table_new{
401 margin: 0 0 10px 0;
402 }
403
404 #message{
405 margin: 20px 0 0 0;
406 }
407
408 .ujic-submit-hold{
409 display: block;
410 overflow:hidden;
411 margin: 20px 0 0 0;
412 }
413
414 /*
415 ============================================================================
416 Tutorial Admin
417 ============================================================================
418 */
419
420 .ujic-tut{
421 float: left;
422 display: inline;
423 margin: 10px 0 0 10px;
424 }
425
426 /*
427 ============================================================================
428 Preview Style
429 ============================================================================
430 */
431
432 .ujic-preview{
433 display: block;
434 float: none;
435 clear: both;
436 width: 970px;
437 }
438
439 .ujic-preview .postbox {
440 overflow: hidden;
441 z-index: 9999;
442 }
443
444 .ujic-preview .postbox:hover {
445 cursor: move;
446 }
447
448 #ujiCountdown{
449 margin-bottom: 20px;
450 overflow: hidden;
451 padding-top: 10px;
452 }
453
454 #ujiCountdown .ujic_y,
455 #ujiCountdown .ujic_o,
456 #ujiCountdown .ujic_w
457 {
458 display: none;
459 }
460
461 .ujic-classic .countdown_section {
462 float:left;
463 display: block;
464 text-align: center;
465 margin: 0 15px 0 0;
466 }
467
468 .ujic-classic span.countdown_amount {
469 display: inline-block;
470 color: #fff;
471 padding: 5px 10px 5px 10px;
472 margin-right: 2px;
473
474 font: 35px/1.5 'Open Sans Condensed',sans-serif;
475 font-weight: normal;
476
477 box-shadow:1px 1px 1px rgba(4, 4, 4, 0.35);
478
479 -webkit-border-radius: 5px;
480 -ms-border-radius: 5px;
481 -moz-border-radius: 5px;
482 -o-border-radius: 5px;
483 border-radius: 5px;
484 text-shadow: 1px 1px 1px #000;
485
486 background: #a61ba6; /* Old browsers */
487 background: -moz-linear-gradient(top, #a61ba6 50%, #c368c3 50%); /* FF3.6+ */
488 background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#a61ba6), color-stop(50%,#c368c3)); /* Chrome,Safari4+ */
489 background: -webkit-linear-gradient(top, #a61ba6 50%,#c368c3 50%); /* Chrome10+,Safari5.1+ */
490 background: -o-linear-gradient(top, #a61ba6 50%,#c368c3 50%); /* Opera 11.10+ */
491 background: -ms-linear-gradient(top, #a61ba6 50%,#c368c3 50%); /* IE10+ */
492 background: linear-gradient(to bottom, #a61ba6 50%,#c368c3 50%); /* W3C */
493 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a61ba6', endColorstr='#c368c3',GradientType=0 ); /* IE6-9 */
494
495 }
496
497 .ujic-classic span.countdown_txt {
498 display: block;
499 text-align: center;
500 margin: 5px 0 0 0;
501 }
502
503 /*
504 ============================================================================
505 Admin Shortcode
506 ============================================================================
507 */
508
509 .ujic_date_admin {
510 background: url("../images/data-picker.png") no-repeat scroll right top;
511 display:block;
512
513 }
514
515 #ujic-scode {
516 background: #efefef;
517 padding: 15px 20px;
518 font-size: 1em;
519 font-weight: 500;
520 margin-bottom: 10px;
521 }
522
523
524 /*
525 ============================================================================
526 Newsletter
527 ============================================================================
528 */
529
530 /*.ujicf:before, .ujicf:after { content: ""; display: table; }
531 .ujicf:after { clear: both; }
532 .ujicf { *zoom: 1; }
533
534 #ujiCountdown
535 {
536 display:inline-block;
537 margin-bottom:0;
538 }
539
540 #ujiCountdown span.countdown_row
541 {
542 display:block;
543 }
544
545 #ujiCountdown span.ujic_s
546 {
547 margin-right: 0;
548 }
549
550 #ujiCountdown form
551 {
552 display:block;
553 margin: 0;
554 padding: 0;
555 overflow: hidden;
556 background: #fff center center url("uji-box-bg.png");
557 }
558
559 #ujiCountdown form span
560 {
561 display: block;
562 font-size: 15px;
563 font-weight: 600;
564 line-height: 1.2em;
565 margin: 1em 0;
566 text-align: center;
567 }
568
569 #ujiCountdown form p
570 {
571 width:100%;
572 display: inline-block;
573 margin: 0 auto;
574 text-align: center;
575 }
576
577 #ujiCountdown form input
578 {
579 display:inline;
580 margin:0;
581 height: 40px;
582 }
583
584 #ujiCountdown form div
585 {
586 text-align: center;
587 }
588
589 #ujiCountdown form input[type="text"]
590 {
591 background: none repeat scroll 0 0 #fff;
592 border: medium none;
593 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2) inset;
594 border-radius: 3px 0 0 3px;
595 font-size: 15px;
596 margin: 0;
597 padding: 10px 5%;
598 text-align: center;
599 width: 70%;
600 float:left;
601 }
602
603 #ujiCountdown form input[type="submit"]
604 {
605 border-radius: 0 3px 3px 0;
606 font-size: 13px;
607 font-weight: 600;
608 margin: 0;
609 padding: 0 3%;
610 text-transform: uppercase;
611 width: 30%;
612 border: medium none;
613 box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset;
614 color: #fff;
615 background: linear-gradient(to bottom , #c816d0, #ab02b2) repeat scroll 0 0 rgba(0, 0, 0, 0);
616 float:left;
617 }*/
618
619
620 /*
621 ============================================================================
622 Responsive
623 ============================================================================
624 */
625
626 @media only screen
627 and (max-width : 1169px) {
628 .ujic-tut{
629 display: none;
630 }
631 }