PluginProbe
WebberZone Top 10 — Popular Posts / trunk
WebberZone Top 10 — Popular Posts vtrunk
4.5.0 4.4.3 4.4.2 4.4.1 4.4.0 4.3.4 4.3.3 4.3.2 4.3.1 4.3.0 trunk 1.0 1.0.1 1.1 1.2 1.3 1.4 1.4.1 1.5 1.5.1 1.5.2 1.5.3 1.6 1.6.1 1.6.2 All 116 releases
top-10 / includes / admin / css / admin-styles.css

admin-styles.css in WebberZone Top 10 — Popular Posts trunk, at includes/admin/css/admin-styles.css

1,351 lines 23.6 KB
No matching file
Up and down to move Enter to open Esc to close
Raw Download Zip
1 /*! jQuery UI - v1.12.1 - 2019-02-05
2 * http://jqueryui.com
3 * Includes: core.css, datepicker.css, theme.css
4 * To view and modify this theme, visit http://jqueryui.com/themeroller/?scope=&folderName=smoothness&cornerRadiusShadow=8px&offsetLeftShadow=-8px&offsetTopShadow=-8px&thicknessShadow=8px&opacityShadow=30&bgImgOpacityShadow=0&bgTextureShadow=flat&bgColorShadow=aaaaaa&opacityOverlay=30&bgImgOpacityOverlay=0&bgTextureOverlay=flat&bgColorOverlay=aaaaaa&iconColorError=cd0a0a&fcError=cd0a0a&borderColorError=cd0a0a&bgImgOpacityError=95&bgTextureError=glass&bgColorError=fef1ec&iconColorHighlight=2e83ff&fcHighlight=363636&borderColorHighlight=fcefa1&bgImgOpacityHighlight=55&bgTextureHighlight=glass&bgColorHighlight=fbf9ee&iconColorActive=454545&fcActive=212121&borderColorActive=aaaaaa&bgImgOpacityActive=65&bgTextureActive=glass&bgColorActive=ffffff&iconColorHover=454545&fcHover=212121&borderColorHover=999999&bgImgOpacityHover=75&bgTextureHover=glass&bgColorHover=dadada&iconColorDefault=888888&fcDefault=555555&borderColorDefault=d3d3d3&bgImgOpacityDefault=75&bgTextureDefault=glass&bgColorDefault=e6e6e6&iconColorContent=222222&fcContent=222222&borderColorContent=aaaaaa&bgImgOpacityContent=75&bgTextureContent=flat&bgColorContent=ffffff&iconColorHeader=222222&fcHeader=222222&borderColorHeader=aaaaaa&bgImgOpacityHeader=75&bgTextureHeader=highlight_soft&bgColorHeader=cccccc&cornerRadius=4px&fsDefault=1.1em&fwDefault=normal&ffDefault=Verdana%2CArial%2Csans-serif
5 * Copyright jQuery Foundation and other contributors; Licensed MIT */
6
7 /* Layout helpers
8 ----------------------------------*/
9 .ui-helper-hidden {
10 display: none;
11 }
12
13 .ui-helper-hidden-accessible {
14 border: 0;
15 clip: rect(0 0 0 0);
16 height: 1px;
17 margin: -1px;
18 overflow: hidden;
19 padding: 0;
20 position: absolute;
21 width: 1px;
22 }
23
24 .ui-helper-reset {
25 margin: 0;
26 padding: 0;
27 border: 0;
28 outline: 0;
29 line-height: 1.3;
30 text-decoration: none;
31 font-size: 100%;
32 list-style: none;
33 }
34
35 .ui-helper-clearfix:before,
36 .ui-helper-clearfix:after {
37 content: "";
38 display: table;
39 border-collapse: collapse;
40 }
41
42 .ui-helper-clearfix:after {
43 clear: both;
44 }
45
46 .ui-helper-zfix {
47 width: 100%;
48 height: 100%;
49 top: 0;
50 left: 0;
51 position: absolute;
52 opacity: 0;
53 filter: Alpha(Opacity=0);
54 /* support: IE8 */
55 }
56
57 .ui-front {
58 z-index: 100;
59 }
60
61
62 /* Interaction Cues
63 ----------------------------------*/
64 .ui-state-disabled {
65 cursor: default !important;
66 pointer-events: none;
67 }
68
69
70 /* Icons
71 ----------------------------------*/
72 .ui-icon {
73 display: inline-block;
74 vertical-align: middle;
75 margin-top: -.25em;
76 position: relative;
77 text-indent: -99999px;
78 overflow: hidden;
79 background-repeat: no-repeat;
80 }
81
82 .ui-widget-icon-block {
83 left: 50%;
84 margin-left: -8px;
85 display: block;
86 }
87
88 /* Misc visuals
89 ----------------------------------*/
90
91 /* Overlays */
92 .ui-widget-overlay {
93 position: fixed;
94 top: 0;
95 left: 0;
96 width: 100%;
97 height: 100%;
98 }
99
100 .ui-datepicker {
101 width: 17em;
102 padding: .2em .2em 0;
103 display: none;
104 }
105
106 .ui-datepicker .ui-datepicker-header {
107 position: relative;
108 padding: .2em 0;
109 }
110
111 .ui-datepicker .ui-datepicker-prev,
112 .ui-datepicker .ui-datepicker-next {
113 position: absolute;
114 top: 2px;
115 width: 1.8em;
116 height: 1.8em;
117 }
118
119 .ui-datepicker .ui-datepicker-prev-hover,
120 .ui-datepicker .ui-datepicker-next-hover {
121 top: 1px;
122 }
123
124 .ui-datepicker .ui-datepicker-prev {
125 left: 2px;
126 }
127
128 .ui-datepicker .ui-datepicker-next {
129 right: 2px;
130 }
131
132 .ui-datepicker .ui-datepicker-prev-hover {
133 left: 1px;
134 }
135
136 .ui-datepicker .ui-datepicker-next-hover {
137 right: 1px;
138 }
139
140 .ui-datepicker .ui-datepicker-prev span,
141 .ui-datepicker .ui-datepicker-next span {
142 display: block;
143 position: absolute;
144 left: 50%;
145 margin-left: -8px;
146 top: 50%;
147 margin-top: -8px;
148 }
149
150 .ui-datepicker .ui-datepicker-title {
151 margin: 0 2.3em;
152 line-height: 1.8em;
153 text-align: center;
154 }
155
156 .ui-datepicker .ui-datepicker-title select {
157 font-size: 1em;
158 margin: 1px 0;
159 }
160
161 .ui-datepicker select.ui-datepicker-month,
162 .ui-datepicker select.ui-datepicker-year {
163 width: 45%;
164 }
165
166 .ui-datepicker table {
167 width: 100%;
168 font-size: .9em;
169 border-collapse: collapse;
170 margin: 0 0 .4em;
171 }
172
173 .ui-datepicker th {
174 padding: .7em .3em;
175 text-align: center;
176 font-weight: bold;
177 border: 0;
178 }
179
180 .ui-datepicker td {
181 border: 0;
182 padding: 1px;
183 }
184
185 .ui-datepicker td span,
186 .ui-datepicker td a {
187 display: block;
188 padding: .2em;
189 text-align: right;
190 text-decoration: none;
191 }
192
193 .ui-datepicker .ui-datepicker-buttonpane {
194 background-image: none;
195 margin: .7em 0 0 0;
196 padding: 0 .2em;
197 border-left: 0;
198 border-right: 0;
199 border-bottom: 0;
200 }
201
202 .ui-datepicker .ui-datepicker-buttonpane button {
203 float: right;
204 margin: .5em .2em .4em;
205 cursor: pointer;
206 padding: .2em .6em .3em .6em;
207 width: auto;
208 overflow: visible;
209 }
210
211 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current {
212 float: left;
213 }
214
215 /* with multiple calendars */
216 .ui-datepicker.ui-datepicker-multi {
217 width: auto;
218 }
219
220 .ui-datepicker-multi .ui-datepicker-group {
221 float: left;
222 }
223
224 .ui-datepicker-multi .ui-datepicker-group table {
225 width: 95%;
226 margin: 0 auto .4em;
227 }
228
229 .ui-datepicker-multi-2 .ui-datepicker-group {
230 width: 50%;
231 }
232
233 .ui-datepicker-multi-3 .ui-datepicker-group {
234 width: 33.3%;
235 }
236
237 .ui-datepicker-multi-4 .ui-datepicker-group {
238 width: 25%;
239 }
240
241 .ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,
242 .ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header {
243 border-left-width: 0;
244 }
245
246 .ui-datepicker-multi .ui-datepicker-buttonpane {
247 clear: left;
248 }
249
250 .ui-datepicker-row-break {
251 clear: both;
252 width: 100%;
253 font-size: 0;
254 }
255
256 /* RTL support */
257 .ui-datepicker-rtl {
258 direction: rtl;
259 }
260
261 .ui-datepicker-rtl .ui-datepicker-prev {
262 right: 2px;
263 left: auto;
264 }
265
266 .ui-datepicker-rtl .ui-datepicker-next {
267 left: 2px;
268 right: auto;
269 }
270
271 .ui-datepicker-rtl .ui-datepicker-prev:hover {
272 right: 1px;
273 left: auto;
274 }
275
276 .ui-datepicker-rtl .ui-datepicker-next:hover {
277 left: 1px;
278 right: auto;
279 }
280
281 .ui-datepicker-rtl .ui-datepicker-buttonpane {
282 clear: right;
283 }
284
285 .ui-datepicker-rtl .ui-datepicker-buttonpane button {
286 float: left;
287 }
288
289 .ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,
290 .ui-datepicker-rtl .ui-datepicker-group {
291 float: right;
292 }
293
294 .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,
295 .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header {
296 border-right-width: 0;
297 border-left-width: 1px;
298 }
299
300 /* Icons */
301 .ui-datepicker .ui-icon {
302 display: block;
303 text-indent: -99999px;
304 overflow: hidden;
305 background-repeat: no-repeat;
306 left: .5em;
307 top: .3em;
308 }
309
310 .ui-datepicker {
311 border: 1px solid #aaaaaa;
312 background: #ffffff;
313 color: #222222;
314 }
315
316 .ui-datepicker a {
317 color: #222222;
318 }
319
320 /* Interaction states
321 ----------------------------------*/
322 .ui-state-default,
323 .ui-widget-content .ui-state-default,
324 .ui-widget-header .ui-state-default,
325 .ui-button,
326
327 /* We use html here because we need a greater specificity to make sure disabled
328 works properly when clicked or hovered */
329 html .ui-button.ui-state-disabled:hover,
330 html .ui-button.ui-state-disabled:active {
331 border: 1px solid #d3d3d3;
332 background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
333 font-weight: normal;
334 color: #555555;
335 }
336
337 .ui-state-default a,
338 .ui-state-default a:link,
339 .ui-state-default a:visited,
340 a.ui-button,
341 a:link.ui-button,
342 a:visited.ui-button,
343 .ui-button {
344 color: #555555;
345 text-decoration: none;
346 }
347
348 .ui-state-hover,
349 .ui-widget-content .ui-state-hover,
350 .ui-widget-header .ui-state-hover,
351 .ui-state-focus,
352 .ui-widget-content .ui-state-focus,
353 .ui-widget-header .ui-state-focus,
354 .ui-button:hover,
355 .ui-button:focus {
356 border: 1px solid #999999;
357 background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
358 font-weight: normal;
359 color: #212121;
360 }
361
362 .ui-state-hover a,
363 .ui-state-hover a:hover,
364 .ui-state-hover a:link,
365 .ui-state-hover a:visited,
366 .ui-state-focus a,
367 .ui-state-focus a:hover,
368 .ui-state-focus a:link,
369 .ui-state-focus a:visited,
370 a.ui-button:hover,
371 a.ui-button:focus {
372 color: #212121;
373 text-decoration: none;
374 }
375
376 .ui-visual-focus {
377 box-shadow: 0 0 3px 1px rgb(94, 158, 214);
378 }
379
380 .ui-state-active,
381 .ui-widget-content .ui-state-active,
382 .ui-widget-header .ui-state-active,
383 a.ui-button:active,
384 .ui-button:active,
385 .ui-button.ui-state-active:hover {
386 border: 1px solid #aaaaaa;
387 background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
388 font-weight: normal;
389 color: #212121;
390 }
391
392 .ui-icon-background,
393 .ui-state-active .ui-icon-background {
394 border: #aaaaaa;
395 background-color: #212121;
396 }
397
398 .ui-state-active a,
399 .ui-state-active a:link,
400 .ui-state-active a:visited {
401 color: #212121;
402 text-decoration: none;
403 }
404
405 /* Interaction Cues
406 ----------------------------------*/
407 .ui-state-highlight,
408 .ui-widget-content .ui-state-highlight,
409 .ui-widget-header .ui-state-highlight {
410 border: 1px solid #fcefa1;
411 background: #fbf9ee url("images/ui-bg_glass_55_fbf9ee_1x400.png") 50% 50% repeat-x;
412 color: #363636;
413 }
414
415 .ui-state-checked {
416 border: 1px solid #fcefa1;
417 background: #fbf9ee;
418 }
419
420 .ui-state-highlight a,
421 .ui-widget-content .ui-state-highlight a,
422 .ui-widget-header .ui-state-highlight a {
423 color: #363636;
424 }
425
426 .ui-state-error,
427 .ui-widget-content .ui-state-error,
428 .ui-widget-header .ui-state-error {
429 border: 1px solid #cd0a0a;
430 background: #fef1ec url("images/ui-bg_glass_95_fef1ec_1x400.png") 50% 50% repeat-x;
431 color: #cd0a0a;
432 }
433
434 .ui-state-error a,
435 .ui-widget-content .ui-state-error a,
436 .ui-widget-header .ui-state-error a {
437 color: #cd0a0a;
438 }
439
440 .ui-state-error-text,
441 .ui-widget-content .ui-state-error-text,
442 .ui-widget-header .ui-state-error-text {
443 color: #cd0a0a;
444 }
445
446 .ui-priority-primary,
447 .ui-widget-content .ui-priority-primary,
448 .ui-widget-header .ui-priority-primary {
449 font-weight: bold;
450 }
451
452 .ui-priority-secondary,
453 .ui-widget-content .ui-priority-secondary,
454 .ui-widget-header .ui-priority-secondary {
455 opacity: .7;
456 filter: Alpha(Opacity=70);
457 /* support: IE8 */
458 font-weight: normal;
459 }
460
461 .ui-state-disabled,
462 .ui-widget-content .ui-state-disabled,
463 .ui-widget-header .ui-state-disabled {
464 opacity: .35;
465 filter: Alpha(Opacity=35);
466 /* support: IE8 */
467 background-image: none;
468 }
469
470 .ui-state-disabled .ui-icon {
471 filter: Alpha(Opacity=35);
472 /* support: IE8 - See #6059 */
473 }
474
475 /* Icons
476 ----------------------------------*/
477
478 /* states and images */
479 .ui-icon {
480 width: 16px;
481 height: 16px;
482 }
483
484 .ui-icon,
485 .ui-widget-content .ui-icon {
486 background-image: url("images/ui-icons_222222_256x240.png");
487 }
488
489 .ui-widget-header .ui-icon {
490 background-image: url("images/ui-icons_222222_256x240.png");
491 }
492
493 .ui-state-hover .ui-icon,
494 .ui-state-focus .ui-icon,
495 .ui-button:hover .ui-icon,
496 .ui-button:focus .ui-icon {
497 background-image: url("images/ui-icons_454545_256x240.png");
498 }
499
500 .ui-state-active .ui-icon,
501 .ui-button:active .ui-icon {
502 background-image: url("images/ui-icons_454545_256x240.png");
503 }
504
505 .ui-state-highlight .ui-icon,
506 .ui-button .ui-state-highlight.ui-icon {
507 background-image: url("images/ui-icons_2e83ff_256x240.png");
508 }
509
510 .ui-state-error .ui-icon,
511 .ui-state-error-text .ui-icon {
512 background-image: url("images/ui-icons_cd0a0a_256x240.png");
513 }
514
515 .ui-button .ui-icon {
516 background-image: url("images/ui-icons_888888_256x240.png");
517 }
518
519 /* positioning */
520 .ui-icon-blank {
521 background-position: 16px 16px;
522 }
523
524 .ui-icon-caret-1-n {
525 background-position: 0 0;
526 }
527
528 .ui-icon-caret-1-ne {
529 background-position: -16px 0;
530 }
531
532 .ui-icon-caret-1-e {
533 background-position: -32px 0;
534 }
535
536 .ui-icon-caret-1-se {
537 background-position: -48px 0;
538 }
539
540 .ui-icon-caret-1-s {
541 background-position: -65px 0;
542 }
543
544 .ui-icon-caret-1-sw {
545 background-position: -80px 0;
546 }
547
548 .ui-icon-caret-1-w {
549 background-position: -96px 0;
550 }
551
552 .ui-icon-caret-1-nw {
553 background-position: -112px 0;
554 }
555
556 .ui-icon-caret-2-n-s {
557 background-position: -128px 0;
558 }
559
560 .ui-icon-caret-2-e-w {
561 background-position: -144px 0;
562 }
563
564 .ui-icon-triangle-1-n {
565 background-position: 0 -16px;
566 }
567
568 .ui-icon-triangle-1-ne {
569 background-position: -16px -16px;
570 }
571
572 .ui-icon-triangle-1-e {
573 background-position: -32px -16px;
574 }
575
576 .ui-icon-triangle-1-se {
577 background-position: -48px -16px;
578 }
579
580 .ui-icon-triangle-1-s {
581 background-position: -65px -16px;
582 }
583
584 .ui-icon-triangle-1-sw {
585 background-position: -80px -16px;
586 }
587
588 .ui-icon-triangle-1-w {
589 background-position: -96px -16px;
590 }
591
592 .ui-icon-triangle-1-nw {
593 background-position: -112px -16px;
594 }
595
596 .ui-icon-triangle-2-n-s {
597 background-position: -128px -16px;
598 }
599
600 .ui-icon-triangle-2-e-w {
601 background-position: -144px -16px;
602 }
603
604 .ui-icon-arrow-1-n {
605 background-position: 0 -32px;
606 }
607
608 .ui-icon-arrow-1-ne {
609 background-position: -16px -32px;
610 }
611
612 .ui-icon-arrow-1-e {
613 background-position: -32px -32px;
614 }
615
616 .ui-icon-arrow-1-se {
617 background-position: -48px -32px;
618 }
619
620 .ui-icon-arrow-1-s {
621 background-position: -65px -32px;
622 }
623
624 .ui-icon-arrow-1-sw {
625 background-position: -80px -32px;
626 }
627
628 .ui-icon-arrow-1-w {
629 background-position: -96px -32px;
630 }
631
632 .ui-icon-arrow-1-nw {
633 background-position: -112px -32px;
634 }
635
636 .ui-icon-arrow-2-n-s {
637 background-position: -128px -32px;
638 }
639
640 .ui-icon-arrow-2-ne-sw {
641 background-position: -144px -32px;
642 }
643
644 .ui-icon-arrow-2-e-w {
645 background-position: -160px -32px;
646 }
647
648 .ui-icon-arrow-2-se-nw {
649 background-position: -176px -32px;
650 }
651
652 .ui-icon-arrowstop-1-n {
653 background-position: -192px -32px;
654 }
655
656 .ui-icon-arrowstop-1-e {
657 background-position: -208px -32px;
658 }
659
660 .ui-icon-arrowstop-1-s {
661 background-position: -224px -32px;
662 }
663
664 .ui-icon-arrowstop-1-w {
665 background-position: -240px -32px;
666 }
667
668 .ui-icon-arrowthick-1-n {
669 background-position: 1px -48px;
670 }
671
672 .ui-icon-arrowthick-1-ne {
673 background-position: -16px -48px;
674 }
675
676 .ui-icon-arrowthick-1-e {
677 background-position: -32px -48px;
678 }
679
680 .ui-icon-arrowthick-1-se {
681 background-position: -48px -48px;
682 }
683
684 .ui-icon-arrowthick-1-s {
685 background-position: -64px -48px;
686 }
687
688 .ui-icon-arrowthick-1-sw {
689 background-position: -80px -48px;
690 }
691
692 .ui-icon-arrowthick-1-w {
693 background-position: -96px -48px;
694 }
695
696 .ui-icon-arrowthick-1-nw {
697 background-position: -112px -48px;
698 }
699
700 .ui-icon-arrowthick-2-n-s {
701 background-position: -128px -48px;
702 }
703
704 .ui-icon-arrowthick-2-ne-sw {
705 background-position: -144px -48px;
706 }
707
708 .ui-icon-arrowthick-2-e-w {
709 background-position: -160px -48px;
710 }
711
712 .ui-icon-arrowthick-2-se-nw {
713 background-position: -176px -48px;
714 }
715
716 .ui-icon-arrowthickstop-1-n {
717 background-position: -192px -48px;
718 }
719
720 .ui-icon-arrowthickstop-1-e {
721 background-position: -208px -48px;
722 }
723
724 .ui-icon-arrowthickstop-1-s {
725 background-position: -224px -48px;
726 }
727
728 .ui-icon-arrowthickstop-1-w {
729 background-position: -240px -48px;
730 }
731
732 .ui-icon-arrowreturnthick-1-w {
733 background-position: 0 -64px;
734 }
735
736 .ui-icon-arrowreturnthick-1-n {
737 background-position: -16px -64px;
738 }
739
740 .ui-icon-arrowreturnthick-1-e {
741 background-position: -32px -64px;
742 }
743
744 .ui-icon-arrowreturnthick-1-s {
745 background-position: -48px -64px;
746 }
747
748 .ui-icon-arrowreturn-1-w {
749 background-position: -64px -64px;
750 }
751
752 .ui-icon-arrowreturn-1-n {
753 background-position: -80px -64px;
754 }
755
756 .ui-icon-arrowreturn-1-e {
757 background-position: -96px -64px;
758 }
759
760 .ui-icon-arrowreturn-1-s {
761 background-position: -112px -64px;
762 }
763
764 .ui-icon-arrowrefresh-1-w {
765 background-position: -128px -64px;
766 }
767
768 .ui-icon-arrowrefresh-1-n {
769 background-position: -144px -64px;
770 }
771
772 .ui-icon-arrowrefresh-1-e {
773 background-position: -160px -64px;
774 }
775
776 .ui-icon-arrowrefresh-1-s {
777 background-position: -176px -64px;
778 }
779
780 .ui-icon-arrow-4 {
781 background-position: 0 -80px;
782 }
783
784 .ui-icon-arrow-4-diag {
785 background-position: -16px -80px;
786 }
787
788 .ui-icon-extlink {
789 background-position: -32px -80px;
790 }
791
792 .ui-icon-newwin {
793 background-position: -48px -80px;
794 }
795
796 .ui-icon-refresh {
797 background-position: -64px -80px;
798 }
799
800 .ui-icon-shuffle {
801 background-position: -80px -80px;
802 }
803
804 .ui-icon-transfer-e-w {
805 background-position: -96px -80px;
806 }
807
808 .ui-icon-transferthick-e-w {
809 background-position: -112px -80px;
810 }
811
812 .ui-icon-folder-collapsed {
813 background-position: 0 -96px;
814 }
815
816 .ui-icon-folder-open {
817 background-position: -16px -96px;
818 }
819
820 .ui-icon-document {
821 background-position: -32px -96px;
822 }
823
824 .ui-icon-document-b {
825 background-position: -48px -96px;
826 }
827
828 .ui-icon-note {
829 background-position: -64px -96px;
830 }
831
832 .ui-icon-mail-closed {
833 background-position: -80px -96px;
834 }
835
836 .ui-icon-mail-open {
837 background-position: -96px -96px;
838 }
839
840 .ui-icon-suitcase {
841 background-position: -112px -96px;
842 }
843
844 .ui-icon-comment {
845 background-position: -128px -96px;
846 }
847
848 .ui-icon-person {
849 background-position: -144px -96px;
850 }
851
852 .ui-icon-print {
853 background-position: -160px -96px;
854 }
855
856 .ui-icon-trash {
857 background-position: -176px -96px;
858 }
859
860 .ui-icon-locked {
861 background-position: -192px -96px;
862 }
863
864 .ui-icon-unlocked {
865 background-position: -208px -96px;
866 }
867
868 .ui-icon-bookmark {
869 background-position: -224px -96px;
870 }
871
872 .ui-icon-tag {
873 background-position: -240px -96px;
874 }
875
876 .ui-icon-home {
877 background-position: 0 -112px;
878 }
879
880 .ui-icon-flag {
881 background-position: -16px -112px;
882 }
883
884 .ui-icon-calendar {
885 background-position: -32px -112px;
886 }
887
888 .ui-icon-cart {
889 background-position: -48px -112px;
890 }
891
892 .ui-icon-pencil {
893 background-position: -64px -112px;
894 }
895
896 .ui-icon-clock {
897 background-position: -80px -112px;
898 }
899
900 .ui-icon-disk {
901 background-position: -96px -112px;
902 }
903
904 .ui-icon-calculator {
905 background-position: -112px -112px;
906 }
907
908 .ui-icon-zoomin {
909 background-position: -128px -112px;
910 }
911
912 .ui-icon-zoomout {
913 background-position: -144px -112px;
914 }
915
916 .ui-icon-search {
917 background-position: -160px -112px;
918 }
919
920 .ui-icon-wrench {
921 background-position: -176px -112px;
922 }
923
924 .ui-icon-gear {
925 background-position: -192px -112px;
926 }
927
928 .ui-icon-heart {
929 background-position: -208px -112px;
930 }
931
932 .ui-icon-star {
933 background-position: -224px -112px;
934 }
935
936 .ui-icon-link {
937 background-position: -240px -112px;
938 }
939
940 .ui-icon-cancel {
941 background-position: 0 -128px;
942 }
943
944 .ui-icon-plus {
945 background-position: -16px -128px;
946 }
947
948 .ui-icon-plusthick {
949 background-position: -32px -128px;
950 }
951
952 .ui-icon-minus {
953 background-position: -48px -128px;
954 }
955
956 .ui-icon-minusthick {
957 background-position: -64px -128px;
958 }
959
960 .ui-icon-close {
961 background-position: -80px -128px;
962 }
963
964 .ui-icon-closethick {
965 background-position: -96px -128px;
966 }
967
968 .ui-icon-key {
969 background-position: -112px -128px;
970 }
971
972 .ui-icon-lightbulb {
973 background-position: -128px -128px;
974 }
975
976 .ui-icon-scissors {
977 background-position: -144px -128px;
978 }
979
980 .ui-icon-clipboard {
981 background-position: -160px -128px;
982 }
983
984 .ui-icon-copy {
985 background-position: -176px -128px;
986 }
987
988 .ui-icon-contact {
989 background-position: -192px -128px;
990 }
991
992 .ui-icon-image {
993 background-position: -208px -128px;
994 }
995
996 .ui-icon-video {
997 background-position: -224px -128px;
998 }
999
1000 .ui-icon-script {
1001 background-position: -240px -128px;
1002 }
1003
1004 .ui-icon-alert {
1005 background-position: 0 -144px;
1006 }
1007
1008 .ui-icon-info {
1009 background-position: -16px -144px;
1010 }
1011
1012 .ui-icon-notice {
1013 background-position: -32px -144px;
1014 }
1015
1016 .ui-icon-help {
1017 background-position: -48px -144px;
1018 }
1019
1020 .ui-icon-check {
1021 background-position: -64px -144px;
1022 }
1023
1024 .ui-icon-bullet {
1025 background-position: -80px -144px;
1026 }
1027
1028 .ui-icon-radio-on {
1029 background-position: -96px -144px;
1030 }
1031
1032 .ui-icon-radio-off {
1033 background-position: -112px -144px;
1034 }
1035
1036 .ui-icon-pin-w {
1037 background-position: -128px -144px;
1038 }
1039
1040 .ui-icon-pin-s {
1041 background-position: -144px -144px;
1042 }
1043
1044 .ui-icon-play {
1045 background-position: 0 -160px;
1046 }
1047
1048 .ui-icon-pause {
1049 background-position: -16px -160px;
1050 }
1051
1052 .ui-icon-seek-next {
1053 background-position: -32px -160px;
1054 }
1055
1056 .ui-icon-seek-prev {
1057 background-position: -48px -160px;
1058 }
1059
1060 .ui-icon-seek-end {
1061 background-position: -64px -160px;
1062 }
1063
1064 .ui-icon-seek-start {
1065 background-position: -80px -160px;
1066 }
1067
1068 /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */
1069 .ui-icon-seek-first {
1070 background-position: -80px -160px;
1071 }
1072
1073 .ui-icon-stop {
1074 background-position: -96px -160px;
1075 }
1076
1077 .ui-icon-eject {
1078 background-position: -112px -160px;
1079 }
1080
1081 .ui-icon-volume-off {
1082 background-position: -128px -160px;
1083 }
1084
1085 .ui-icon-volume-on {
1086 background-position: -144px -160px;
1087 }
1088
1089 .ui-icon-power {
1090 background-position: 0 -176px;
1091 }
1092
1093 .ui-icon-signal-diag {
1094 background-position: -16px -176px;
1095 }
1096
1097 .ui-icon-signal {
1098 background-position: -32px -176px;
1099 }
1100
1101 .ui-icon-battery-0 {
1102 background-position: -48px -176px;
1103 }
1104
1105 .ui-icon-battery-1 {
1106 background-position: -64px -176px;
1107 }
1108
1109 .ui-icon-battery-2 {
1110 background-position: -80px -176px;
1111 }
1112
1113 .ui-icon-battery-3 {
1114 background-position: -96px -176px;
1115 }
1116
1117 .ui-icon-circle-plus {
1118 background-position: 0 -192px;
1119 }
1120
1121 .ui-icon-circle-minus {
1122 background-position: -16px -192px;
1123 }
1124
1125 .ui-icon-circle-close {
1126 background-position: -32px -192px;
1127 }
1128
1129 .ui-icon-circle-triangle-e {
1130 background-position: -48px -192px;
1131 }
1132
1133 .ui-icon-circle-triangle-s {
1134 background-position: -64px -192px;
1135 }
1136
1137 .ui-icon-circle-triangle-w {
1138 background-position: -80px -192px;
1139 }
1140
1141 .ui-icon-circle-triangle-n {
1142 background-position: -96px -192px;
1143 }
1144
1145 .ui-icon-circle-arrow-e {
1146 background-position: -112px -192px;
1147 }
1148
1149 .ui-icon-circle-arrow-s {
1150 background-position: -128px -192px;
1151 }
1152
1153 .ui-icon-circle-arrow-w {
1154 background-position: -144px -192px;
1155 }
1156
1157 .ui-icon-circle-arrow-n {
1158 background-position: -160px -192px;
1159 }
1160
1161 .ui-icon-circle-zoomin {
1162 background-position: -176px -192px;
1163 }
1164
1165 .ui-icon-circle-zoomout {
1166 background-position: -192px -192px;
1167 }
1168
1169 .ui-icon-circle-check {
1170 background-position: -208px -192px;
1171 }
1172
1173 .ui-icon-circlesmall-plus {
1174 background-position: 0 -208px;
1175 }
1176
1177 .ui-icon-circlesmall-minus {
1178 background-position: -16px -208px;
1179 }
1180
1181 .ui-icon-circlesmall-close {
1182 background-position: -32px -208px;
1183 }
1184
1185 .ui-icon-squaresmall-plus {
1186 background-position: -48px -208px;
1187 }
1188
1189 .ui-icon-squaresmall-minus {
1190 background-position: -64px -208px;
1191 }
1192
1193 .ui-icon-squaresmall-close {
1194 background-position: -80px -208px;
1195 }
1196
1197 .ui-icon-grip-dotted-vertical {
1198 background-position: 0 -224px;
1199 }
1200
1201 .ui-icon-grip-dotted-horizontal {
1202 background-position: -16px -224px;
1203 }
1204
1205 .ui-icon-grip-solid-vertical {
1206 background-position: -32px -224px;
1207 }
1208
1209 .ui-icon-grip-solid-horizontal {
1210 background-position: -48px -224px;
1211 }
1212
1213 .ui-icon-gripsmall-diagonal-se {
1214 background-position: -64px -224px;
1215 }
1216
1217 .ui-icon-grip-diagonal-se {
1218 background-position: -80px -224px;
1219 }
1220
1221
1222 /* Misc visuals
1223 ----------------------------------*/
1224
1225 /* Corner radius */
1226 .ui-corner-all,
1227 .ui-corner-top,
1228 .ui-corner-left,
1229 .ui-corner-tl {
1230 border-top-left-radius: 4px;
1231 }
1232
1233 .ui-corner-all,
1234 .ui-corner-top,
1235 .ui-corner-right,
1236 .ui-corner-tr {
1237 border-top-right-radius: 4px;
1238 }
1239
1240 .ui-corner-all,
1241 .ui-corner-bottom,
1242 .ui-corner-left,
1243 .ui-corner-bl {
1244 border-bottom-left-radius: 4px;
1245 }
1246
1247 .ui-corner-all,
1248 .ui-corner-bottom,
1249 .ui-corner-right,
1250 .ui-corner-br {
1251 border-bottom-right-radius: 4px;
1252 }
1253
1254 /* Overlays */
1255 .ui-widget-overlay {
1256 background: #aaaaaa;
1257 opacity: .3;
1258 filter: Alpha(Opacity=30);
1259 /* support: IE8 */
1260 }
1261
1262 .ui-widget-shadow {
1263 -webkit-box-shadow: -8px -8px 8px #aaaaaa;
1264 box-shadow: -8px -8px 8px #aaaaaa;
1265 }
1266
1267 /* Live editing styles
1268 ----------------------------------*/
1269 .live_edit {
1270 padding: 0 2px;
1271 }
1272
1273 .live_edit_mode {
1274 border: 1px solid black;
1275 }
1276
1277 .live_edit_mode_success {
1278 background-color: lightgreen;
1279 -webkit-transition: background-color 0.5s ease;
1280 -moz-transition: background-color 0.5s ease;
1281 -o-transition: background-color 0.5s ease;
1282 transition: background-color 0.5s ease;
1283 }
1284
1285 .live_edit_mode_error {
1286 background-color: lightpink;
1287 -webkit-transition: background-color 0.5s ease;
1288 -moz-transition: background-color 0.5s ease;
1289 -o-transition: background-color 0.5s ease;
1290 transition: background-color 0.5s ease;
1291 }
1292
1293 /* Buttons
1294 ----------------------------------*/
1295 a.tptn_button {
1296 padding: 10px;
1297 text-decoration: none;
1298 text-shadow: none;
1299 border-radius: 3px;
1300 transition: all 0.3s ease 0s;
1301 margin-right: 10px;
1302 display: inline-block;
1303 }
1304
1305 a.tptn_button:hover {
1306 box-shadow: 3px 3px 10px #666;
1307 }
1308
1309 a.tptn_button.tptn_button_green {
1310 color: #fff;
1311 background: #008000;
1312 border: 1px solid #003400;
1313 }
1314
1315 a.tptn_button.tptn_button_green:hover {
1316 color: #fff;
1317 background: #006400;
1318 }
1319
1320 a.tptn_button.tptn_button_red {
1321 color: #fff;
1322 background: #d63638;
1323 border: 1px solid #b92c2e;
1324 }
1325
1326 a.tptn_button.tptn_button_red:hover {
1327 color: #fff;
1328 background: #b92c2e;
1329 }
1330
1331 a.tptn_button.tptn_button_blue {
1332 color: #fff;
1333 background: #032075;
1334 border: 1px solid #001f5b;
1335 }
1336
1337 a.tptn_button.tptn_button_blue:hover {
1338 color: #fff;
1339 background: #001f5b;
1340 }
1341
1342 a.tptn_button.tptn_button_gold {
1343 color: #000;
1344 background: #FFBD59;
1345 border: 1px solid #FFA500;
1346 }
1347
1348 a.tptn_button.tptn_button_gold:hover {
1349 color: #000;
1350 background: #FFA500;
1351 }