PluginProbe
WebberZone Top 10 — Popular Posts / 4.5.1
WebberZone Top 10 — Popular Posts v4.5.1
4.5.1 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 All 117 releases
top-10 / includes / admin / css / admin-styles-rtl.css

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

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