|
1 /* -------------------------------------------------- |
|
2 :: OptionTree Font |
|
3 ---------------------------------------------------*/ |
|
4 @font-face { |
|
5 font-family: "option-tree-font"; |
|
6 src:url("../fonts/option-tree-font.eot"); |
|
7 src:url("../fonts/option-tree-font.eot?#iefix") format("embedded-opentype"), |
|
8 url("../fonts/option-tree-font.woff") format("woff"), |
|
9 url("../fonts/option-tree-font.ttf") format("truetype"), |
|
10 url("../fonts/option-tree-font.svg#option-tree-font") format("svg"); |
|
11 font-weight: normal; |
|
12 font-style: normal; |
|
13 } |
|
14 |
|
15 [class^="ot-icon-"], |
|
16 [class*=" ot-icon-"] { |
|
17 font-family: "option-tree-font"; |
|
18 speak: none; |
|
19 font-style: normal; |
|
20 font-weight: normal; |
|
21 font-variant: normal; |
|
22 text-transform: none; |
|
23 line-height: 1; |
|
24 -webkit-font-smoothing: antialiased; |
|
25 -moz-osx-font-smoothing: grayscale; |
|
26 } |
|
27 |
|
28 .ui-tabs li > a [class^="ot-icon-"], |
|
29 .ui-tabs li > a [class*=" ot-icon-"] { |
|
30 padding-right: 5px; |
|
31 line-height: 18px; |
|
32 vertical-align: middle; |
|
33 } |
|
34 |
|
35 .ot-icon-option-tree:before { |
|
36 content: "\e785"; |
|
37 } |
|
38 .ot-icon-glass:before { |
|
39 content: "\f000"; |
|
40 } |
|
41 .ot-icon-music:before { |
|
42 content: "\f001"; |
|
43 } |
|
44 .ot-icon-search:before { |
|
45 content: "\f002"; |
|
46 } |
|
47 .ot-icon-envelope-o:before { |
|
48 content: "\f003"; |
|
49 } |
|
50 .ot-icon-heart:before { |
|
51 content: "\f004"; |
|
52 } |
|
53 .ot-icon-star:before { |
|
54 content: "\f005"; |
|
55 } |
|
56 .ot-icon-star-o:before { |
|
57 content: "\f006"; |
|
58 } |
|
59 .ot-icon-user:before { |
|
60 content: "\f007"; |
|
61 } |
|
62 .ot-icon-film:before { |
|
63 content: "\f008"; |
|
64 } |
|
65 .ot-icon-th-large:before { |
|
66 content: "\f009"; |
|
67 } |
|
68 .ot-icon-th:before { |
|
69 content: "\f00a"; |
|
70 } |
|
71 .ot-icon-th-list:before { |
|
72 content: "\f00b"; |
|
73 } |
|
74 .ot-icon-check:before { |
|
75 content: "\f00c"; |
|
76 } |
|
77 .ot-icon-times:before { |
|
78 content: "\f00d"; |
|
79 } |
|
80 .ot-icon-search-plus:before { |
|
81 content: "\f00e"; |
|
82 } |
|
83 .ot-icon-search-minus:before { |
|
84 content: "\f010"; |
|
85 } |
|
86 .ot-icon-power-off:before { |
|
87 content: "\f011"; |
|
88 } |
|
89 .ot-icon-signal:before { |
|
90 content: "\f012"; |
|
91 } |
|
92 .ot-icon-gear:before { |
|
93 content: "\f013"; |
|
94 } |
|
95 .ot-icon-trash-o:before { |
|
96 content: "\f014"; |
|
97 } |
|
98 .ot-icon-home:before { |
|
99 content: "\f015"; |
|
100 } |
|
101 .ot-icon-file-o:before { |
|
102 content: "\f016"; |
|
103 } |
|
104 .ot-icon-clock-o:before { |
|
105 content: "\f017"; |
|
106 } |
|
107 .ot-icon-road:before { |
|
108 content: "\f018"; |
|
109 } |
|
110 .ot-icon-download:before { |
|
111 content: "\f019"; |
|
112 } |
|
113 .ot-icon-arrow-circle-o-down:before { |
|
114 content: "\f01a"; |
|
115 } |
|
116 .ot-icon-arrow-circle-o-up:before { |
|
117 content: "\f01b"; |
|
118 } |
|
119 .ot-icon-inbox:before { |
|
120 content: "\f01c"; |
|
121 } |
|
122 .ot-icon-play-circle-o:before { |
|
123 content: "\f01d"; |
|
124 } |
|
125 .ot-icon-rotate-right:before { |
|
126 content: "\f01e"; |
|
127 } |
|
128 .ot-icon-refresh:before { |
|
129 content: "\f021"; |
|
130 } |
|
131 .ot-icon-list-alt:before { |
|
132 content: "\f022"; |
|
133 } |
|
134 .ot-icon-lock:before { |
|
135 content: "\f023"; |
|
136 } |
|
137 .ot-icon-flag:before { |
|
138 content: "\f024"; |
|
139 } |
|
140 .ot-icon-headphones:before { |
|
141 content: "\f025"; |
|
142 } |
|
143 .ot-icon-volume-off:before { |
|
144 content: "\f026"; |
|
145 } |
|
146 .ot-icon-volume-down:before { |
|
147 content: "\f027"; |
|
148 } |
|
149 .ot-icon-volume-up:before { |
|
150 content: "\f028"; |
|
151 } |
|
152 .ot-icon-qrcode:before { |
|
153 content: "\f029"; |
|
154 } |
|
155 .ot-icon-barcode:before { |
|
156 content: "\f02a"; |
|
157 } |
|
158 .ot-icon-tag:before { |
|
159 content: "\f02b"; |
|
160 } |
|
161 .ot-icon-tags:before { |
|
162 content: "\f02c"; |
|
163 } |
|
164 .ot-icon-book:before { |
|
165 content: "\f02d"; |
|
166 } |
|
167 .ot-icon-bookmark:before { |
|
168 content: "\f02e"; |
|
169 } |
|
170 .ot-icon-print:before { |
|
171 content: "\f02f"; |
|
172 } |
|
173 .ot-icon-camera:before { |
|
174 content: "\f030"; |
|
175 } |
|
176 .ot-icon-font:before { |
|
177 content: "\f031"; |
|
178 } |
|
179 .ot-icon-bold:before { |
|
180 content: "\f032"; |
|
181 } |
|
182 .ot-icon-italic:before { |
|
183 content: "\f033"; |
|
184 } |
|
185 .ot-icon-text-height:before { |
|
186 content: "\f034"; |
|
187 } |
|
188 .ot-icon-text-width:before { |
|
189 content: "\f035"; |
|
190 } |
|
191 .ot-icon-align-left:before { |
|
192 content: "\f036"; |
|
193 } |
|
194 .ot-icon-align-center:before { |
|
195 content: "\f037"; |
|
196 } |
|
197 .ot-icon-align-right:before { |
|
198 content: "\f038"; |
|
199 } |
|
200 .ot-icon-align-justify:before { |
|
201 content: "\f039"; |
|
202 } |
|
203 .ot-icon-list:before { |
|
204 content: "\f03a"; |
|
205 } |
|
206 .ot-icon-dedent:before { |
|
207 content: "\f03b"; |
|
208 } |
|
209 .ot-icon-indent:before { |
|
210 content: "\f03c"; |
|
211 } |
|
212 .ot-icon-video-camera:before { |
|
213 content: "\f03d"; |
|
214 } |
|
215 .ot-icon-picture-o:before { |
|
216 content: "\f03e"; |
|
217 } |
|
218 .ot-icon-pencil:before { |
|
219 content: "\f040"; |
|
220 } |
|
221 .ot-icon-map-marker:before { |
|
222 content: "\f041"; |
|
223 } |
|
224 .ot-icon-adjust:before { |
|
225 content: "\f042"; |
|
226 } |
|
227 .ot-icon-tint:before { |
|
228 content: "\f043"; |
|
229 } |
|
230 .ot-icon-edit:before { |
|
231 content: "\f044"; |
|
232 } |
|
233 .ot-icon-share-square-o:before { |
|
234 content: "\f045"; |
|
235 } |
|
236 .ot-icon-check-square-o:before { |
|
237 content: "\f046"; |
|
238 } |
|
239 .ot-icon-arrows:before { |
|
240 content: "\f047"; |
|
241 } |
|
242 .ot-icon-step-backward:before { |
|
243 content: "\f048"; |
|
244 } |
|
245 .ot-icon-fast-backward:before { |
|
246 content: "\f049"; |
|
247 } |
|
248 .ot-icon-backward:before { |
|
249 content: "\f04a"; |
|
250 } |
|
251 .ot-icon-play:before { |
|
252 content: "\f04b"; |
|
253 } |
|
254 .ot-icon-pause:before { |
|
255 content: "\f04c"; |
|
256 } |
|
257 .ot-icon-stop:before { |
|
258 content: "\f04d"; |
|
259 } |
|
260 .ot-icon-forward:before { |
|
261 content: "\f04e"; |
|
262 } |
|
263 .ot-icon-fast-forward:before { |
|
264 content: "\f050"; |
|
265 } |
|
266 .ot-icon-step-forward:before { |
|
267 content: "\f051"; |
|
268 } |
|
269 .ot-icon-eject:before { |
|
270 content: "\f052"; |
|
271 } |
|
272 .ot-icon-chevron-left:before { |
|
273 content: "\f053"; |
|
274 } |
|
275 .ot-icon-chevron-right:before { |
|
276 content: "\f054"; |
|
277 } |
|
278 .ot-icon-plus-circle:before { |
|
279 content: "\f055"; |
|
280 } |
|
281 .ot-icon-minus-circle:before { |
|
282 content: "\f056"; |
|
283 } |
|
284 .ot-icon-times-circle:before { |
|
285 content: "\f057"; |
|
286 } |
|
287 .ot-icon-check-circle:before { |
|
288 content: "\f058"; |
|
289 } |
|
290 .ot-icon-question-circle:before { |
|
291 content: "\f059"; |
|
292 } |
|
293 .ot-icon-info-circle:before { |
|
294 content: "\f05a"; |
|
295 } |
|
296 .ot-icon-crosshairs:before { |
|
297 content: "\f05b"; |
|
298 } |
|
299 .ot-icon-times-circle-o:before { |
|
300 content: "\f05c"; |
|
301 } |
|
302 .ot-icon-check-circle-o:before { |
|
303 content: "\f05d"; |
|
304 } |
|
305 .ot-icon-ban:before { |
|
306 content: "\f05e"; |
|
307 } |
|
308 .ot-icon-arrow-left:before { |
|
309 content: "\f060"; |
|
310 } |
|
311 .ot-icon-arrow-right:before { |
|
312 content: "\f061"; |
|
313 } |
|
314 .ot-icon-arrow-up:before { |
|
315 content: "\f062"; |
|
316 } |
|
317 .ot-icon-arrow-down:before { |
|
318 content: "\f063"; |
|
319 } |
|
320 .ot-icon-mail-forward:before { |
|
321 content: "\f064"; |
|
322 } |
|
323 .ot-icon-expand:before { |
|
324 content: "\f065"; |
|
325 } |
|
326 .ot-icon-compress:before { |
|
327 content: "\f066"; |
|
328 } |
|
329 .ot-icon-plus:before { |
|
330 content: "\f067"; |
|
331 } |
|
332 .ot-icon-minus:before { |
|
333 content: "\f068"; |
|
334 } |
|
335 .ot-icon-asterisk:before { |
|
336 content: "\f069"; |
|
337 } |
|
338 .ot-icon-exclamation-circle:before { |
|
339 content: "\f06a"; |
|
340 } |
|
341 .ot-icon-gift:before { |
|
342 content: "\f06b"; |
|
343 } |
|
344 .ot-icon-leaf:before { |
|
345 content: "\f06c"; |
|
346 } |
|
347 .ot-icon-fire:before { |
|
348 content: "\f06d"; |
|
349 } |
|
350 .ot-icon-eye:before { |
|
351 content: "\f06e"; |
|
352 } |
|
353 .ot-icon-eye-slash:before { |
|
354 content: "\f070"; |
|
355 } |
|
356 .ot-icon-warning:before { |
|
357 content: "\f071"; |
|
358 } |
|
359 .ot-icon-plane:before { |
|
360 content: "\f072"; |
|
361 } |
|
362 .ot-icon-calendar:before { |
|
363 content: "\f073"; |
|
364 } |
|
365 .ot-icon-random:before { |
|
366 content: "\f074"; |
|
367 } |
|
368 .ot-icon-comment:before { |
|
369 content: "\f075"; |
|
370 } |
|
371 .ot-icon-magnet:before { |
|
372 content: "\f076"; |
|
373 } |
|
374 .ot-icon-chevron-up:before { |
|
375 content: "\f077"; |
|
376 } |
|
377 .ot-icon-chevron-down:before { |
|
378 content: "\f078"; |
|
379 } |
|
380 .ot-icon-retweet:before { |
|
381 content: "\f079"; |
|
382 } |
|
383 .ot-icon-shopping-cart:before { |
|
384 content: "\f07a"; |
|
385 } |
|
386 .ot-icon-folder:before { |
|
387 content: "\f07b"; |
|
388 } |
|
389 .ot-icon-folder-open:before { |
|
390 content: "\f07c"; |
|
391 } |
|
392 .ot-icon-arrows-v:before { |
|
393 content: "\f07d"; |
|
394 } |
|
395 .ot-icon-arrows-h:before { |
|
396 content: "\f07e"; |
|
397 } |
|
398 .ot-icon-bar-chart-o:before { |
|
399 content: "\f080"; |
|
400 } |
|
401 .ot-icon-twitter-square:before { |
|
402 content: "\f081"; |
|
403 } |
|
404 .ot-icon-facebook-square:before { |
|
405 content: "\f082"; |
|
406 } |
|
407 .ot-icon-camera-retro:before { |
|
408 content: "\f083"; |
|
409 } |
|
410 .ot-icon-key:before { |
|
411 content: "\f084"; |
|
412 } |
|
413 .ot-icon-gears:before { |
|
414 content: "\f085"; |
|
415 } |
|
416 .ot-icon-comments:before { |
|
417 content: "\f086"; |
|
418 } |
|
419 .ot-icon-thumbs-o-up:before { |
|
420 content: "\f087"; |
|
421 } |
|
422 .ot-icon-thumbs-o-down:before { |
|
423 content: "\f088"; |
|
424 } |
|
425 .ot-icon-star-half:before { |
|
426 content: "\f089"; |
|
427 } |
|
428 .ot-icon-heart-o:before { |
|
429 content: "\f08a"; |
|
430 } |
|
431 .ot-icon-sign-out:before { |
|
432 content: "\f08b"; |
|
433 } |
|
434 .ot-icon-linkedin-square:before { |
|
435 content: "\f08c"; |
|
436 } |
|
437 .ot-icon-thumb-tack:before { |
|
438 content: "\f08d"; |
|
439 } |
|
440 .ot-icon-external-link:before { |
|
441 content: "\f08e"; |
|
442 } |
|
443 .ot-icon-sign-in:before { |
|
444 content: "\f090"; |
|
445 } |
|
446 .ot-icon-trophy:before { |
|
447 content: "\f091"; |
|
448 } |
|
449 .ot-icon-github-square:before { |
|
450 content: "\f092"; |
|
451 } |
|
452 .ot-icon-upload:before { |
|
453 content: "\f093"; |
|
454 } |
|
455 .ot-icon-lemon-o:before { |
|
456 content: "\f094"; |
|
457 } |
|
458 .ot-icon-phone:before { |
|
459 content: "\f095"; |
|
460 } |
|
461 .ot-icon-square-o:before { |
|
462 content: "\f096"; |
|
463 } |
|
464 .ot-icon-bookmark-o:before { |
|
465 content: "\f097"; |
|
466 } |
|
467 .ot-icon-phone-square:before { |
|
468 content: "\f098"; |
|
469 } |
|
470 .ot-icon-twitter:before { |
|
471 content: "\f099"; |
|
472 } |
|
473 .ot-icon-facebook:before { |
|
474 content: "\f09a"; |
|
475 } |
|
476 .ot-icon-github:before { |
|
477 content: "\f09b"; |
|
478 } |
|
479 .ot-icon-unlock:before { |
|
480 content: "\f09c"; |
|
481 } |
|
482 .ot-icon-credit-card:before { |
|
483 content: "\f09d"; |
|
484 } |
|
485 .ot-icon-rss:before { |
|
486 content: "\f09e"; |
|
487 } |
|
488 .ot-icon-hdd-o:before { |
|
489 content: "\f0a0"; |
|
490 } |
|
491 .ot-icon-bullhorn:before { |
|
492 content: "\f0a1"; |
|
493 } |
|
494 .ot-icon-bell:before { |
|
495 content: "\f0a2"; |
|
496 } |
|
497 .ot-icon-certificate:before { |
|
498 content: "\f0a3"; |
|
499 } |
|
500 .ot-icon-hand-o-right:before { |
|
501 content: "\f0a4"; |
|
502 } |
|
503 .ot-icon-hand-o-left:before { |
|
504 content: "\f0a5"; |
|
505 } |
|
506 .ot-icon-hand-o-up:before { |
|
507 content: "\f0a6"; |
|
508 } |
|
509 .ot-icon-hand-o-down:before { |
|
510 content: "\f0a7"; |
|
511 } |
|
512 .ot-icon-arrow-circle-left:before { |
|
513 content: "\f0a8"; |
|
514 } |
|
515 .ot-icon-arrow-circle-right:before { |
|
516 content: "\f0a9"; |
|
517 } |
|
518 .ot-icon-arrow-circle-up:before { |
|
519 content: "\f0aa"; |
|
520 } |
|
521 .ot-icon-arrow-circle-down:before { |
|
522 content: "\f0ab"; |
|
523 } |
|
524 .ot-icon-globe:before { |
|
525 content: "\f0ac"; |
|
526 } |
|
527 .ot-icon-wrench:before { |
|
528 content: "\f0ad"; |
|
529 } |
|
530 .ot-icon-tasks:before { |
|
531 content: "\f0ae"; |
|
532 } |
|
533 .ot-icon-filter:before { |
|
534 content: "\f0b0"; |
|
535 } |
|
536 .ot-icon-briefcase:before { |
|
537 content: "\f0b1"; |
|
538 } |
|
539 .ot-icon-arrows-alt:before { |
|
540 content: "\f0b2"; |
|
541 } |
|
542 .ot-icon-group:before { |
|
543 content: "\f0c0"; |
|
544 } |
|
545 .ot-icon-chain:before { |
|
546 content: "\f0c1"; |
|
547 } |
|
548 .ot-icon-cloud:before { |
|
549 content: "\f0c2"; |
|
550 } |
|
551 .ot-icon-flask:before { |
|
552 content: "\f0c3"; |
|
553 } |
|
554 .ot-icon-cut:before { |
|
555 content: "\f0c4"; |
|
556 } |
|
557 .ot-icon-copy:before { |
|
558 content: "\f0c5"; |
|
559 } |
|
560 .ot-icon-paperclip:before { |
|
561 content: "\f0c6"; |
|
562 } |
|
563 .ot-icon-save:before { |
|
564 content: "\f0c7"; |
|
565 } |
|
566 .ot-icon-square:before { |
|
567 content: "\f0c8"; |
|
568 } |
|
569 .ot-icon-bars:before { |
|
570 content: "\f0c9"; |
|
571 } |
|
572 .ot-icon-list-ul:before { |
|
573 content: "\f0ca"; |
|
574 } |
|
575 .ot-icon-list-ol:before { |
|
576 content: "\f0cb"; |
|
577 } |
|
578 .ot-icon-strikethrough:before { |
|
579 content: "\f0cc"; |
|
580 } |
|
581 .ot-icon-underline:before { |
|
582 content: "\f0cd"; |
|
583 } |
|
584 .ot-icon-table:before { |
|
585 content: "\f0ce"; |
|
586 } |
|
587 .ot-icon-magic:before { |
|
588 content: "\f0d0"; |
|
589 } |
|
590 .ot-icon-truck:before { |
|
591 content: "\f0d1"; |
|
592 } |
|
593 .ot-icon-pinterest:before { |
|
594 content: "\f0d2"; |
|
595 } |
|
596 .ot-icon-pinterest-square:before { |
|
597 content: "\f0d3"; |
|
598 } |
|
599 .ot-icon-google-plus-square:before { |
|
600 content: "\f0d4"; |
|
601 } |
|
602 .ot-icon-google-plus:before { |
|
603 content: "\f0d5"; |
|
604 } |
|
605 .ot-icon-money:before { |
|
606 content: "\f0d6"; |
|
607 } |
|
608 .ot-icon-caret-down:before { |
|
609 content: "\f0d7"; |
|
610 } |
|
611 .ot-icon-caret-up:before { |
|
612 content: "\f0d8"; |
|
613 } |
|
614 .ot-icon-caret-left:before { |
|
615 content: "\f0d9"; |
|
616 } |
|
617 .ot-icon-caret-right:before { |
|
618 content: "\f0da"; |
|
619 } |
|
620 .ot-icon-columns:before { |
|
621 content: "\f0db"; |
|
622 } |
|
623 .ot-icon-unsorted:before { |
|
624 content: "\f0dc"; |
|
625 } |
|
626 .ot-icon-sort-down:before { |
|
627 content: "\f0dd"; |
|
628 } |
|
629 .ot-icon-sort-up:before { |
|
630 content: "\f0de"; |
|
631 } |
|
632 .ot-icon-envelope:before { |
|
633 content: "\f0e0"; |
|
634 } |
|
635 .ot-icon-linkedin:before { |
|
636 content: "\f0e1"; |
|
637 } |
|
638 .ot-icon-rotate-left:before { |
|
639 content: "\f0e2"; |
|
640 } |
|
641 .ot-icon-legal:before { |
|
642 content: "\f0e3"; |
|
643 } |
|
644 .ot-icon-dashboard:before { |
|
645 content: "\f0e4"; |
|
646 } |
|
647 .ot-icon-comment-o:before { |
|
648 content: "\f0e5"; |
|
649 } |
|
650 .ot-icon-comments-o:before { |
|
651 content: "\f0e6"; |
|
652 } |
|
653 .ot-icon-flash:before { |
|
654 content: "\f0e7"; |
|
655 } |
|
656 .ot-icon-sitemap:before { |
|
657 content: "\f0e8"; |
|
658 } |
|
659 .ot-icon-umbrella:before { |
|
660 content: "\f0e9"; |
|
661 } |
|
662 .ot-icon-paste:before { |
|
663 content: "\f0ea"; |
|
664 } |
|
665 .ot-icon-lightbulb-o:before { |
|
666 content: "\f0eb"; |
|
667 } |
|
668 .ot-icon-exchange:before { |
|
669 content: "\f0ec"; |
|
670 } |
|
671 .ot-icon-cloud-download:before { |
|
672 content: "\f0ed"; |
|
673 } |
|
674 .ot-icon-cloud-upload:before { |
|
675 content: "\f0ee"; |
|
676 } |
|
677 .ot-icon-user-md:before { |
|
678 content: "\f0f0"; |
|
679 } |
|
680 .ot-icon-stethoscope:before { |
|
681 content: "\f0f1"; |
|
682 } |
|
683 .ot-icon-suitcase:before { |
|
684 content: "\f0f2"; |
|
685 } |
|
686 .ot-icon-bell-o:before { |
|
687 content: "\f0f3"; |
|
688 } |
|
689 .ot-icon-coffee:before { |
|
690 content: "\f0f4"; |
|
691 } |
|
692 .ot-icon-cutlery:before { |
|
693 content: "\f0f5"; |
|
694 } |
|
695 .ot-icon-file-text-o:before { |
|
696 content: "\f0f6"; |
|
697 } |
|
698 .ot-icon-building-o:before { |
|
699 content: "\f0f7"; |
|
700 } |
|
701 .ot-icon-hospital-o:before { |
|
702 content: "\f0f8"; |
|
703 } |
|
704 .ot-icon-ambulance:before { |
|
705 content: "\f0f9"; |
|
706 } |
|
707 .ot-icon-medkit:before { |
|
708 content: "\f0fa"; |
|
709 } |
|
710 .ot-icon-fighter-jet:before { |
|
711 content: "\f0fb"; |
|
712 } |
|
713 .ot-icon-beer:before { |
|
714 content: "\f0fc"; |
|
715 } |
|
716 .ot-icon-h-square:before { |
|
717 content: "\f0fd"; |
|
718 } |
|
719 .ot-icon-plus-square:before { |
|
720 content: "\f0fe"; |
|
721 } |
|
722 .ot-icon-angle-double-left:before { |
|
723 content: "\f100"; |
|
724 } |
|
725 .ot-icon-angle-double-right:before { |
|
726 content: "\f101"; |
|
727 } |
|
728 .ot-icon-angle-double-up:before { |
|
729 content: "\f102"; |
|
730 } |
|
731 .ot-icon-angle-double-down:before { |
|
732 content: "\f103"; |
|
733 } |
|
734 .ot-icon-angle-left:before { |
|
735 content: "\f104"; |
|
736 } |
|
737 .ot-icon-angle-right:before { |
|
738 content: "\f105"; |
|
739 } |
|
740 .ot-icon-angle-up:before { |
|
741 content: "\f106"; |
|
742 } |
|
743 .ot-icon-angle-down:before { |
|
744 content: "\f107"; |
|
745 } |
|
746 .ot-icon-desktop:before { |
|
747 content: "\f108"; |
|
748 } |
|
749 .ot-icon-laptop:before { |
|
750 content: "\f109"; |
|
751 } |
|
752 .ot-icon-tablet:before { |
|
753 content: "\f10a"; |
|
754 } |
|
755 .ot-icon-mobile-phone:before { |
|
756 content: "\f10b"; |
|
757 } |
|
758 .ot-icon-circle-o:before { |
|
759 content: "\f10c"; |
|
760 } |
|
761 .ot-icon-quote-left:before { |
|
762 content: "\f10d"; |
|
763 } |
|
764 .ot-icon-quote-right:before { |
|
765 content: "\f10e"; |
|
766 } |
|
767 .ot-icon-spinner:before { |
|
768 content: "\f110"; |
|
769 } |
|
770 .ot-icon-circle:before { |
|
771 content: "\f111"; |
|
772 } |
|
773 .ot-icon-mail-reply:before { |
|
774 content: "\f112"; |
|
775 } |
|
776 .ot-icon-github-alt:before { |
|
777 content: "\f113"; |
|
778 } |
|
779 .ot-icon-folder-o:before { |
|
780 content: "\f114"; |
|
781 } |
|
782 .ot-icon-folder-open-o:before { |
|
783 content: "\f115"; |
|
784 } |
|
785 .ot-icon-smile-o:before { |
|
786 content: "\f118"; |
|
787 } |
|
788 .ot-icon-frown-o:before { |
|
789 content: "\f119"; |
|
790 } |
|
791 .ot-icon-meh-o:before { |
|
792 content: "\f11a"; |
|
793 } |
|
794 .ot-icon-gamepad:before { |
|
795 content: "\f11b"; |
|
796 } |
|
797 .ot-icon-keyboard-o:before { |
|
798 content: "\f11c"; |
|
799 } |
|
800 .ot-icon-flag-o:before { |
|
801 content: "\f11d"; |
|
802 } |
|
803 .ot-icon-flag-checkered:before { |
|
804 content: "\f11e"; |
|
805 } |
|
806 .ot-icon-terminal:before { |
|
807 content: "\f120"; |
|
808 } |
|
809 .ot-icon-code:before { |
|
810 content: "\f121"; |
|
811 } |
|
812 .ot-icon-reply-all:before { |
|
813 content: "\f122"; |
|
814 } |
|
815 .ot-icon-star-half-empty:before { |
|
816 content: "\f123"; |
|
817 } |
|
818 .ot-icon-location-arrow:before { |
|
819 content: "\f124"; |
|
820 } |
|
821 .ot-icon-crop:before { |
|
822 content: "\f125"; |
|
823 } |
|
824 .ot-icon-code-fork:before { |
|
825 content: "\f126"; |
|
826 } |
|
827 .ot-icon-unlink:before { |
|
828 content: "\f127"; |
|
829 } |
|
830 .ot-icon-question:before { |
|
831 content: "\f128"; |
|
832 } |
|
833 .ot-icon-info:before { |
|
834 content: "\f129"; |
|
835 } |
|
836 .ot-icon-exclamation:before { |
|
837 content: "\f12a"; |
|
838 } |
|
839 .ot-icon-superscript:before { |
|
840 content: "\f12b"; |
|
841 } |
|
842 .ot-icon-subscript:before { |
|
843 content: "\f12c"; |
|
844 } |
|
845 .ot-icon-eraser:before { |
|
846 content: "\f12d"; |
|
847 } |
|
848 .ot-icon-puzzle-piece:before { |
|
849 content: "\f12e"; |
|
850 } |
|
851 .ot-icon-microphone:before { |
|
852 content: "\f130"; |
|
853 } |
|
854 .ot-icon-microphone-slash:before { |
|
855 content: "\f131"; |
|
856 } |
|
857 .ot-icon-shield:before { |
|
858 content: "\f132"; |
|
859 } |
|
860 .ot-icon-calendar-o:before { |
|
861 content: "\f133"; |
|
862 } |
|
863 .ot-icon-fire-extinguisher:before { |
|
864 content: "\f134"; |
|
865 } |
|
866 .ot-icon-rocket:before { |
|
867 content: "\f135"; |
|
868 } |
|
869 .ot-icon-maxcdn:before { |
|
870 content: "\f136"; |
|
871 } |
|
872 .ot-icon-chevron-circle-left:before { |
|
873 content: "\f137"; |
|
874 } |
|
875 .ot-icon-chevron-circle-right:before { |
|
876 content: "\f138"; |
|
877 } |
|
878 .ot-icon-chevron-circle-up:before { |
|
879 content: "\f139"; |
|
880 } |
|
881 .ot-icon-chevron-circle-down:before { |
|
882 content: "\f13a"; |
|
883 } |
|
884 .ot-icon-html5:before { |
|
885 content: "\f13b"; |
|
886 } |
|
887 .ot-icon-css3:before { |
|
888 content: "\f13c"; |
|
889 } |
|
890 .ot-icon-anchor:before { |
|
891 content: "\f13d"; |
|
892 } |
|
893 .ot-icon-unlock-alt:before { |
|
894 content: "\f13e"; |
|
895 } |
|
896 .ot-icon-bullseye:before { |
|
897 content: "\f140"; |
|
898 } |
|
899 .ot-icon-ellipsis-h:before { |
|
900 content: "\f141"; |
|
901 } |
|
902 .ot-icon-ellipsis-v:before { |
|
903 content: "\f142"; |
|
904 } |
|
905 .ot-icon-rss-square:before { |
|
906 content: "\f143"; |
|
907 } |
|
908 .ot-icon-play-circle:before { |
|
909 content: "\f144"; |
|
910 } |
|
911 .ot-icon-ticket:before { |
|
912 content: "\f145"; |
|
913 } |
|
914 .ot-icon-minus-square:before { |
|
915 content: "\f146"; |
|
916 } |
|
917 .ot-icon-minus-square-o:before { |
|
918 content: "\f147"; |
|
919 } |
|
920 .ot-icon-level-up:before { |
|
921 content: "\f148"; |
|
922 } |
|
923 .ot-icon-level-down:before { |
|
924 content: "\f149"; |
|
925 } |
|
926 .ot-icon-check-square:before { |
|
927 content: "\f14a"; |
|
928 } |
|
929 .ot-icon-pencil-square:before { |
|
930 content: "\f14b"; |
|
931 } |
|
932 .ot-icon-external-link-square:before { |
|
933 content: "\f14c"; |
|
934 } |
|
935 .ot-icon-share-square:before { |
|
936 content: "\f14d"; |
|
937 } |
|
938 .ot-icon-compass:before { |
|
939 content: "\f14e"; |
|
940 } |
|
941 .ot-icon-toggle-down:before { |
|
942 content: "\f150"; |
|
943 } |
|
944 .ot-icon-toggle-up:before { |
|
945 content: "\f151"; |
|
946 } |
|
947 .ot-icon-toggle-right:before { |
|
948 content: "\f152"; |
|
949 } |
|
950 .ot-icon-euro:before { |
|
951 content: "\f153"; |
|
952 } |
|
953 .ot-icon-gbp:before { |
|
954 content: "\f154"; |
|
955 } |
|
956 .ot-icon-dollar:before { |
|
957 content: "\f155"; |
|
958 } |
|
959 .ot-icon-rupee:before { |
|
960 content: "\f156"; |
|
961 } |
|
962 .ot-icon-cny:before { |
|
963 content: "\f157"; |
|
964 } |
|
965 .ot-icon-ruble:before { |
|
966 content: "\f158"; |
|
967 } |
|
968 .ot-icon-won:before { |
|
969 content: "\f159"; |
|
970 } |
|
971 .ot-icon-bitcoin:before { |
|
972 content: "\f15a"; |
|
973 } |
|
974 .ot-icon-file:before { |
|
975 content: "\f15b"; |
|
976 } |
|
977 .ot-icon-file-text:before { |
|
978 content: "\f15c"; |
|
979 } |
|
980 .ot-icon-sort-alpha-asc:before { |
|
981 content: "\f15d"; |
|
982 } |
|
983 .ot-icon-sort-alpha-desc:before { |
|
984 content: "\f15e"; |
|
985 } |
|
986 .ot-icon-sort-amount-asc:before { |
|
987 content: "\f160"; |
|
988 } |
|
989 .ot-icon-sort-amount-desc:before { |
|
990 content: "\f161"; |
|
991 } |
|
992 .ot-icon-sort-numeric-asc:before { |
|
993 content: "\f162"; |
|
994 } |
|
995 .ot-icon-sort-numeric-desc:before { |
|
996 content: "\f163"; |
|
997 } |
|
998 .ot-icon-thumbs-up:before { |
|
999 content: "\f164"; |
|
1000 } |
|
1001 .ot-icon-thumbs-down:before { |
|
1002 content: "\f165"; |
|
1003 } |
|
1004 .ot-icon-youtube-square:before { |
|
1005 content: "\f166"; |
|
1006 } |
|
1007 .ot-icon-youtube:before { |
|
1008 content: "\f167"; |
|
1009 } |
|
1010 .ot-icon-xing:before { |
|
1011 content: "\f168"; |
|
1012 } |
|
1013 .ot-icon-xing-square:before { |
|
1014 content: "\f169"; |
|
1015 } |
|
1016 .ot-icon-youtube-play:before { |
|
1017 content: "\f16a"; |
|
1018 } |
|
1019 .ot-icon-dropbox:before { |
|
1020 content: "\f16b"; |
|
1021 } |
|
1022 .ot-icon-stack-overflow:before { |
|
1023 content: "\f16c"; |
|
1024 } |
|
1025 .ot-icon-instagram:before { |
|
1026 content: "\f16d"; |
|
1027 } |
|
1028 .ot-icon-flickr:before { |
|
1029 content: "\f16e"; |
|
1030 } |
|
1031 .ot-icon-adn:before { |
|
1032 content: "\f170"; |
|
1033 } |
|
1034 .ot-icon-bitbucket:before { |
|
1035 content: "\f171"; |
|
1036 } |
|
1037 .ot-icon-bitbucket-square:before { |
|
1038 content: "\f172"; |
|
1039 } |
|
1040 .ot-icon-tumblr:before { |
|
1041 content: "\f173"; |
|
1042 } |
|
1043 .ot-icon-tumblr-square:before { |
|
1044 content: "\f174"; |
|
1045 } |
|
1046 .ot-icon-long-arrow-down:before { |
|
1047 content: "\f175"; |
|
1048 } |
|
1049 .ot-icon-long-arrow-up:before { |
|
1050 content: "\f176"; |
|
1051 } |
|
1052 .ot-icon-long-arrow-left:before { |
|
1053 content: "\f177"; |
|
1054 } |
|
1055 .ot-icon-long-arrow-right:before { |
|
1056 content: "\f178"; |
|
1057 } |
|
1058 .ot-icon-apple:before { |
|
1059 content: "\f179"; |
|
1060 } |
|
1061 .ot-icon-windows:before { |
|
1062 content: "\f17a"; |
|
1063 } |
|
1064 .ot-icon-android:before { |
|
1065 content: "\f17b"; |
|
1066 } |
|
1067 .ot-icon-linux:before { |
|
1068 content: "\f17c"; |
|
1069 } |
|
1070 .ot-icon-dribbble:before { |
|
1071 content: "\f17d"; |
|
1072 } |
|
1073 .ot-icon-skype:before { |
|
1074 content: "\f17e"; |
|
1075 } |
|
1076 .ot-icon-foursquare:before { |
|
1077 content: "\f180"; |
|
1078 } |
|
1079 .ot-icon-trello:before { |
|
1080 content: "\f181"; |
|
1081 } |
|
1082 .ot-icon-female:before { |
|
1083 content: "\f182"; |
|
1084 } |
|
1085 .ot-icon-male:before { |
|
1086 content: "\f183"; |
|
1087 } |
|
1088 .ot-icon-gittip:before { |
|
1089 content: "\f184"; |
|
1090 } |
|
1091 .ot-icon-sun-o:before { |
|
1092 content: "\f185"; |
|
1093 } |
|
1094 .ot-icon-moon-o:before { |
|
1095 content: "\f186"; |
|
1096 } |
|
1097 .ot-icon-archive:before { |
|
1098 content: "\f187"; |
|
1099 } |
|
1100 .ot-icon-bug:before { |
|
1101 content: "\f188"; |
|
1102 } |
|
1103 .ot-icon-vk:before { |
|
1104 content: "\f189"; |
|
1105 } |
|
1106 .ot-icon-weibo:before { |
|
1107 content: "\f18a"; |
|
1108 } |
|
1109 .ot-icon-renren:before { |
|
1110 content: "\f18b"; |
|
1111 } |
|
1112 .ot-icon-pagelines:before { |
|
1113 content: "\f18c"; |
|
1114 } |
|
1115 .ot-icon-stack-exchange:before { |
|
1116 content: "\f18d"; |
|
1117 } |
|
1118 .ot-icon-arrow-circle-o-right:before { |
|
1119 content: "\f18e"; |
|
1120 } |
|
1121 .ot-icon-arrow-circle-o-left:before { |
|
1122 content: "\f190"; |
|
1123 } |
|
1124 .ot-icon-toggle-left:before { |
|
1125 content: "\f191"; |
|
1126 } |
|
1127 .ot-icon-dot-circle-o:before { |
|
1128 content: "\f192"; |
|
1129 } |
|
1130 .ot-icon-wheelchair:before { |
|
1131 content: "\f193"; |
|
1132 } |
|
1133 .ot-icon-vimeo-square:before { |
|
1134 content: "\f194"; |
|
1135 } |
|
1136 .ot-icon-turkish-lira:before { |
|
1137 content: "\f195"; |
|
1138 } |
|
1139 .ot-icon-plus-square-o:before { |
|
1140 content: "\f196"; |
|
1141 } |
|
1142 |
1 /* -------------------------------------------------- |
1143 /* -------------------------------------------------- |
2 :: Screen Meta & Menu Icon |
1144 :: Screen Meta & Menu Icon |
3 ---------------------------------------------------*/ |
1145 ---------------------------------------------------*/ |
4 .appearance_page_ot-theme-options #screen-meta { |
1146 .appearance_page_ot-theme-options #screen-meta { |
5 margin-right: 20px; |
1147 margin-right: 20px; |
28 } |
1170 } |
29 #option-tree-settings-api .inside { |
1171 #option-tree-settings-api .inside { |
30 margin: 0px !important; |
1172 margin: 0px !important; |
31 padding: 0px !important; |
1173 padding: 0px !important; |
32 } |
1174 } |
33 #option-tree-settings-api .ui-tabs { |
1175 #option-tree-settings-api > .ui-tabs { |
34 background: #fff url(../images/ot-menu-bg.png) repeat-y 0 0; |
1176 background: #fff; |
35 border: 1px solid #ccc; |
1177 border: 1px solid #ccc; |
36 border-top: none; |
1178 border-top: none; |
37 margin: 0px 5px 0 2px; |
1179 margin: 0px 5px 0 2px; |
38 min-width: 533px; |
1180 min-width: 533px; |
39 padding-bottom: 5px; |
1181 padding-bottom: 5px; |
40 position: relative; |
1182 position: relative; |
41 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05); |
1183 -webkit-box-shadow: inset 146px 0 0 #f1f1f1, inset 147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05); |
42 box-shadow: 0 1px 3px rgba(0,0,0,0.05); |
1184 -moz-box-shadow: inset 146px 0 0 #f1f1f1, inset 147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05); |
43 -webkit-border-radius: 0 0 4px 4px; |
1185 box-shadow: inset 146px 0 0 #f1f1f1, inset 147px 0 0 #ccc, 0 1px 3px rgba(0,0,0,0.05); |
44 -khtml-border-radius: 0 0 4px 4px; |
1186 -webkit-border-radius: 0 0 2px 2px; |
45 -moz-border-radius: 0 0 4px 4px; |
1187 -moz-border-radius: 0 0 2px 2px; |
46 -o-border-radius: 0 0 4px 4px; |
1188 border-radius: 0 0 2px 2px; |
47 border-radius: 0 0 4px 4px; |
|
48 } |
1189 } |
49 |
1190 |
50 /* -------------------------------------------------- |
1191 /* -------------------------------------------------- |
51 :: Header |
1192 :: Header |
52 ---------------------------------------------------*/ |
1193 ---------------------------------------------------*/ |
53 #option-tree-header-wrap { |
1194 #option-tree-header-wrap { |
54 position: relative; |
1195 position: relative; |
55 } |
1196 } |
56 #option-tree-header { |
1197 #option-tree-header { |
57 background: #464646; |
1198 background: #333; |
58 color: #ccc; |
1199 color: #bbb; |
59 display: block; |
1200 display: block; |
60 margin: 11px 5px 0 2px; |
1201 margin: 11px 5px 0 2px; |
61 min-width: 535px; |
1202 min-width: 535px; |
62 overflow: hidden; |
1203 overflow: hidden; |
63 position: relative; |
1204 position: relative; |
64 background-image: -webkit-linear-gradient(bottom, #373737, #464646 5px); |
|
65 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05); |
1205 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05); |
66 box-shadow: 0 1px 3px rgba(0,0,0,0.05); |
1206 -moz-box-shadow: 0 1px 3px rgba(0,0,0,0.05); |
67 -webkit-border-radius: 4px 4px 0 0; |
1207 box-shadow: 0 1px 3px rgba(0,0,0,0.05); |
68 -khtml-border-radius: 4px 4px 0 0; |
1208 -webkit-border-radius: 2px 2px 0 0; |
69 -moz-border-radius: 4px 4px 0 0; |
1209 -moz-border-radius: 2px 2px 0 0; |
70 -o-border-radius: 4px 4px 0 0; |
1210 border-radius: 2px 2px 0 0; |
71 border-radius: 4px 4px 0 0; |
|
72 } |
1211 } |
73 #option-tree-header li { |
1212 #option-tree-header li { |
74 display: block; |
1213 display: block; |
75 float: left; |
1214 float: left; |
76 margin: 0px; |
1215 margin: 0px; |
77 padding: 0px; |
1216 padding: 0px; |
78 } |
1217 } |
79 #option-tree-header li a { |
1218 #option-tree-header li a { |
80 color: #ccc; |
1219 color: #999; |
81 text-decoration: none; |
1220 text-decoration: none; |
|
1221 -webkit-transition: none; |
|
1222 -moz-transition: none; |
|
1223 transition: none; |
82 } |
1224 } |
83 #option-tree-header li a:hover { |
1225 #option-tree-header li a:hover { |
84 color: #fafafa; |
1226 color: #0074a2; |
85 } |
1227 } |
86 #option-tree-header #option-tree-logo a { |
1228 #option-tree-header #option-tree-logo a { |
87 background: transparent url(../images/ot-logo.png) no-repeat 13px center; |
1229 border-right: 1px solid #000; |
88 border-right: 1px solid #333; |
|
89 display: block; |
|
90 float: left; |
1230 float: left; |
91 height: 24px; |
1231 height: 24px; |
92 line-height: 24px; |
|
93 padding: 3px 12px 3px 13px; |
1232 padding: 3px 12px 3px 13px; |
94 text-indent: -9999px; |
1233 width: 20px; |
95 width: 24px; |
|
96 } |
1234 } |
97 #option-tree-header li#option-tree-logo:hover { |
1235 #option-tree-header li#option-tree-logo:hover { |
98 color: #fafafa; |
1236 background-color: #222; |
99 background-color: #3a3a3a; |
1237 color: #0074a2; |
100 background-image: -ms-linear-gradient(bottom,#3a3a3a,#222); |
1238 -webkit-border-top-left-radius: 2px; |
101 background-image: -moz-linear-gradient(bottom,#3a3a3a,#222); |
1239 -moz-border-radius-topleft: 2px; |
102 background-image: -o-linear-gradient(bottom,#3a3a3a,#222); |
1240 border-top-left-radius: 2px; |
103 background-image: -webkit-gradient(linear,left bottom,left top,from(#3a3a3a),to(#222)); |
1241 } |
104 background-image: -webkit-linear-gradient(bottom,#3a3a3a,#222); |
1242 #option-tree-header li#option-tree-logo:hover a { |
105 background-image: linear-gradient(bottom,#3a3a3a,#222); |
1243 border-right-color: #000; |
106 -webkit-border-top-left-radius: 5px; |
1244 } |
107 -moz-border-radius-topleft: 5px; |
1245 #option-tree-header #option-tree-version span, |
108 border-top-left-radius: 5px; |
1246 #option-tree-header #theme-version span { |
109 } |
1247 border-left: 1px solid #444; |
110 #option-tree-header #option-tree-version { |
|
111 |
|
112 } |
|
113 #option-tree-header #option-tree-version span { |
|
114 border-left: 1px solid #555; |
|
115 display: block; |
1248 display: block; |
116 float: left; |
1249 float: left; |
117 height: 24px; |
1250 height: 24px; |
118 line-height: 24px; |
1251 line-height: 24px; |
119 padding: 3px 12px 3px 12px; |
1252 padding: 3px 12px 3px 12px; |
120 } |
1253 } |
|
1254 #option-tree-header #theme-version:before { |
|
1255 border-right: 1px solid #000; |
|
1256 content: ""; |
|
1257 display: block; |
|
1258 float: left; |
|
1259 height: 30px; |
|
1260 } |
|
1261 /* light */ |
|
1262 .admin-color-light #option-tree-header { |
|
1263 background: #888; |
|
1264 color: #fff; |
|
1265 } |
|
1266 .admin-color-light #option-tree-header li a { |
|
1267 color: #ccc; |
|
1268 } |
|
1269 .admin-color-light #option-tree-header li a:hover { |
|
1270 color: #eee; |
|
1271 } |
|
1272 .admin-color-light #option-tree-header #option-tree-logo a, |
|
1273 .admin-color-light #option-tree-header #theme-version:before { |
|
1274 border-right-color: #3c3c3c; |
|
1275 } |
|
1276 .admin-color-light #option-tree-header li#option-tree-logo:hover { |
|
1277 background-color: #777; |
|
1278 } |
|
1279 .admin-color-light #option-tree-header li#option-tree-logo:hover a { |
|
1280 border-right-color: #3c3c3c; |
|
1281 } |
|
1282 .admin-color-light #option-tree-header #option-tree-version span, |
|
1283 .admin-color-light #option-tree-header #theme-version span { |
|
1284 border-left-color: #999; |
|
1285 } |
|
1286 /* blue */ |
|
1287 .admin-color-blue #option-tree-header { |
|
1288 background: #52accc; |
|
1289 color: #fff; |
|
1290 } |
|
1291 .admin-color-blue #option-tree-header li a { |
|
1292 color: #e2f8ff; |
|
1293 } |
|
1294 .admin-color-blue #option-tree-header li a:hover { |
|
1295 color: #fff; |
|
1296 } |
|
1297 .admin-color-blue #option-tree-header #option-tree-logo a, |
|
1298 .admin-color-blue #option-tree-header #theme-version:before { |
|
1299 border-right-color: #002b39; |
|
1300 } |
|
1301 .admin-color-blue #option-tree-header li#option-tree-logo:hover { |
|
1302 background-color: #006484; |
|
1303 } |
|
1304 .admin-color-blue #option-tree-header li#option-tree-logo:hover a { |
|
1305 border-right-color: #002b39; |
|
1306 } |
|
1307 .admin-color-blue #option-tree-header #option-tree-version span, |
|
1308 .admin-color-blue #option-tree-header #theme-version span { |
|
1309 border-left-color: #5dc2e6; |
|
1310 } |
|
1311 /* coffee */ |
|
1312 .admin-color-coffee #option-tree-header { |
|
1313 background: #59524c; |
|
1314 color: #c7cbc9; |
|
1315 } |
|
1316 .admin-color-coffee #option-tree-header li a { |
|
1317 color: #f3f2f1; |
|
1318 } |
|
1319 .admin-color-coffee #option-tree-header li a:hover { |
|
1320 color: #fff; |
|
1321 } |
|
1322 .admin-color-coffee #option-tree-header #option-tree-logo a, |
|
1323 .admin-color-coffee #option-tree-header #theme-version:before { |
|
1324 border-right-color: #0f0e0d; |
|
1325 } |
|
1326 .admin-color-coffee #option-tree-header li#option-tree-logo:hover { |
|
1327 background-color: #cca588; |
|
1328 } |
|
1329 .admin-color-coffee #option-tree-header li#option-tree-logo:hover a { |
|
1330 border-right-color: #0f0e0d; |
|
1331 } |
|
1332 .admin-color-coffee #option-tree-header #option-tree-version span, |
|
1333 .admin-color-coffee #option-tree-header #theme-version span { |
|
1334 border-left-color: #675f58; |
|
1335 } |
|
1336 /* ectoplasm */ |
|
1337 .admin-color-ectoplasm #option-tree-header { |
|
1338 background: #523f6d; |
|
1339 color: #c6c6d3; |
|
1340 } |
|
1341 .admin-color-ectoplasm #option-tree-header li a { |
|
1342 color: #f3f2f1; |
|
1343 } |
|
1344 .admin-color-ectoplasm #option-tree-header li a:hover { |
|
1345 color: #fff; |
|
1346 } |
|
1347 .admin-color-ectoplasm #option-tree-header #option-tree-logo a, |
|
1348 .admin-color-ectoplasm #option-tree-header #theme-version:before { |
|
1349 border-right-color: #181220; |
|
1350 } |
|
1351 .admin-color-ectoplasm #option-tree-header li#option-tree-logo:hover { |
|
1352 background-color: #a3b542; |
|
1353 } |
|
1354 .admin-color-ectoplasm #option-tree-header li#option-tree-logo:hover a { |
|
1355 border-right-color: #181220; |
|
1356 } |
|
1357 .admin-color-ectoplasm #option-tree-header #option-tree-version span, |
|
1358 .admin-color-ectoplasm #option-tree-header #theme-version span { |
|
1359 border-left-color: #644d85; |
|
1360 } |
|
1361 /* midnight */ |
|
1362 .admin-color-midnight #option-tree-header { |
|
1363 background: #363b3f; |
|
1364 color: #f1f2f3; |
|
1365 } |
|
1366 .admin-color-midnight #option-tree-header li a { |
|
1367 color: #f1f2f3; |
|
1368 } |
|
1369 .admin-color-midnight #option-tree-header li a:hover { |
|
1370 color: #fff; |
|
1371 } |
|
1372 .admin-color-midnight #option-tree-header #option-tree-logo a, |
|
1373 .admin-color-midnight #option-tree-header #theme-version:before { |
|
1374 border-right-color: #090a0b; |
|
1375 } |
|
1376 .admin-color-midnight #option-tree-header li#option-tree-logo:hover { |
|
1377 background-color: #ed543f; |
|
1378 } |
|
1379 .admin-color-midnight #option-tree-header li#option-tree-logo:hover a { |
|
1380 border-right-color: #090a0b; |
|
1381 } |
|
1382 .admin-color-midnight #option-tree-header #option-tree-version span, |
|
1383 .admin-color-midnight #option-tree-header #theme-version span { |
|
1384 border-left-color: #4c5359; |
|
1385 } |
|
1386 /* ocean */ |
|
1387 .admin-color-ocean #option-tree-header { |
|
1388 background: #738e96; |
|
1389 color: #f1fcff; |
|
1390 } |
|
1391 .admin-color-ocean #option-tree-header li a { |
|
1392 color: #f1fcff; |
|
1393 } |
|
1394 .admin-color-ocean #option-tree-header li a:hover { |
|
1395 color: #fff; |
|
1396 } |
|
1397 .admin-color-ocean #option-tree-header #option-tree-logo a, |
|
1398 .admin-color-ocean #option-tree-header #theme-version:before { |
|
1399 border-right-color: #39464a; |
|
1400 } |
|
1401 .admin-color-ocean #option-tree-header li#option-tree-logo:hover { |
|
1402 background-color: #9ab8a0; |
|
1403 } |
|
1404 .admin-color-ocean #option-tree-header li#option-tree-logo:hover a { |
|
1405 border-right-color: #39464a; |
|
1406 } |
|
1407 .admin-color-ocean #option-tree-header #option-tree-version span, |
|
1408 .admin-color-ocean #option-tree-header #theme-version span { |
|
1409 border-left-color: #87a6af; |
|
1410 } |
|
1411 /* sunrise */ |
|
1412 .admin-color-sunrise #option-tree-header { |
|
1413 background: #da4f41; |
|
1414 color: #fff; |
|
1415 } |
|
1416 .admin-color-sunrise #option-tree-header li a { |
|
1417 color: #f3f1f1; |
|
1418 } |
|
1419 .admin-color-sunrise #option-tree-header li a:hover { |
|
1420 color: #fff; |
|
1421 } |
|
1422 .admin-color-sunrise #option-tree-header #option-tree-logo a, |
|
1423 .admin-color-sunrise #option-tree-header #theme-version:before { |
|
1424 border-right-color: #8a322a; |
|
1425 } |
|
1426 .admin-color-sunrise #option-tree-header li#option-tree-logo:hover { |
|
1427 background-color: #e88436; |
|
1428 } |
|
1429 .admin-color-sunrise #option-tree-header li#option-tree-logo:hover a { |
|
1430 border-right-color: #8a322a; |
|
1431 } |
|
1432 .admin-color-sunrise #option-tree-header #option-tree-version span, |
|
1433 .admin-color-sunrise #option-tree-header #theme-version span { |
|
1434 border-left-color: #e75546; |
|
1435 } |
121 |
1436 |
122 /* -------------------------------------------------- |
1437 /* -------------------------------------------------- |
123 :: Sub Header |
1438 :: Sub Header |
124 ---------------------------------------------------*/ |
1439 ---------------------------------------------------*/ |
125 #option-tree-sub-header { |
1440 #option-tree-sub-header { |
126 background: #fafafa url(../images/ot-sub-header-bg.png) repeat-x 0 0; |
1441 background: #fafafa; |
127 border: 1px solid #ccc; |
1442 border: 1px solid #ccc; |
128 border-top: none; |
1443 border-top: none; |
129 display: block; |
1444 display: block; |
130 margin: 0 5px 0 2px; |
1445 margin: 0 5px 0 2px; |
131 min-width: 523px; |
1446 min-width: 523px; |
132 overflow: hidden; |
1447 overflow: hidden; |
133 padding: 5px; |
1448 padding: 5px; |
134 position: relative; |
1449 position: relative; |
135 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05); |
1450 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,0.05); |
136 box-shadow:0 1px 3px rgba(0,0,0,0.05); |
1451 -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,0.05); |
|
1452 box-shadow: inset 0 1px 0 #fff, 0 1px 3px rgba(0,0,0,0.05); |
137 } |
1453 } |
138 |
1454 |
139 /* -------------------------------------------------- |
1455 /* -------------------------------------------------- |
140 :: Tabs |
1456 :: Tabs |
141 ---------------------------------------------------*/ |
1457 ---------------------------------------------------*/ |
142 .wrap.settings-wrap .ui-tabs-nav { |
1458 .wrap.settings-wrap .ui-tabs-nav { |
143 background: url(../images/ot-menu-top-bg.png) no-repeat right top; |
|
144 float: left; |
1459 float: left; |
145 list-style: none; |
1460 list-style: none; |
146 margin: 0 0 0 -4px; |
1461 margin: 0 0 0 -4px; |
147 padding: 1em 0; |
1462 padding: 1em 0; |
148 width: 151px; |
1463 width: 151px; |
149 } |
1464 } |
150 .wrap.settings-wrap .ui-tabs-nav li { |
1465 .wrap.settings-wrap .ui-tabs-nav li { |
151 border: 1px solid transparent; |
1466 border: 1px solid transparent; |
152 border-right-width: 0px; |
1467 border-right-width: 0px; |
153 display: block; margin: 0; |
1468 display: block; margin: 0; |
154 -webkit-border-radius: 3px 0 0 3px; |
1469 -webkit-border-radius: 2px 0 0 2px; |
155 -khtml-border-radius: 3px 0 0 3px; |
1470 -moz-border-radius: 2px 0 0 2px; |
156 -moz-border-radius: 3px 0 0 3px; |
1471 border-radius: 2px 0 0 2px; |
157 -o-border-radius: 3px 0 0 3px; |
|
158 border-radius: 3px 0 0 3px; |
|
159 } |
1472 } |
160 .wrap.settings-wrap .ui-tabs-nav li.ui-state-active { |
1473 .wrap.settings-wrap .ui-tabs-nav li.ui-state-active { |
161 background: #fff; |
1474 background: #fff; |
162 border-color: #ccc; |
1475 border-color: #ccc; |
163 color: #000; |
1476 color: #000; |
458 width: 99.75%; |
1793 width: 99.75%; |
459 } |
1794 } |
460 .ot-metabox-wrapper .wp-editor-container { |
1795 .ot-metabox-wrapper .wp-editor-container { |
461 border: none; |
1796 border: none; |
462 } |
1797 } |
|
1798 .textarea:hover, |
|
1799 .ot-metabox-wrapper textarea:hover { |
|
1800 border-color: #bbb !important; |
|
1801 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392); |
|
1802 -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392); |
|
1803 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392); |
|
1804 } |
|
1805 .textarea:focus, |
463 .ot-metabox-wrapper textarea:focus { |
1806 .ot-metabox-wrapper textarea:focus { |
464 border-color: #bbb !important; |
1807 border-color: #999 !important; |
465 } |
1808 } |
466 |
1809 |
467 @media only screen and (max-width: 1105px) { |
1810 @media only screen and (max-width: 1105px) { |
468 .type-textarea .description, .type-textarea .format-setting-inner { |
1811 .type-textarea .description, .type-textarea .format-setting-inner { |
469 width: 100%; |
1812 width: 100%; |
470 }; |
1813 } |
471 } |
1814 } |
472 |
1815 |
473 /* -------------------------------------------------- |
1816 /* -------------------------------------------------- |
474 :: Setting Item with Drag & Drop |
1817 :: Setting Item with Drag & Drop |
475 ---------------------------------------------------*/ |
1818 ---------------------------------------------------*/ |
476 .option-tree-setting-wrap { margin-top: 0px; } |
1819 .option-tree-setting-wrap { |
477 .option-tree-setting-wrap li { margin: 4px 0px; } |
1820 margin-top: 0px; |
|
1821 } |
|
1822 .option-tree-setting-wrap li { |
|
1823 margin: 5px 0px; |
|
1824 } |
478 .option-tree-setting { |
1825 .option-tree-setting { |
479 border: 1px solid #ccc; |
1826 border: 1px solid #ccc; |
480 overflow: hidden; |
1827 overflow: hidden; |
481 position: relative; |
1828 position: relative; |
482 -webkit-border-radius: 4px; |
1829 -webkit-border-radius: 2px; |
483 -khtml-border-radius: 4px; |
1830 -moz-border-radius: 2px; |
484 -moz-border-radius: 4px; |
1831 border-radius: 2px; |
485 -o-border-radius: 4px; |
1832 } |
486 border-radius: 4px; |
1833 .option-tree-setting:hover { |
|
1834 border-color: #999; |
|
1835 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392); |
|
1836 -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392); |
|
1837 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392); |
487 } |
1838 } |
488 .option-tree-setting a { |
1839 .option-tree-setting a { |
489 text-decoration: none; |
1840 text-decoration: none; |
490 } |
1841 } |
491 .option-tree-setting .open { |
1842 .option-tree-setting .open { |
492 background: #fafafa; |
1843 background: #fafafa; |
493 cursor: move; |
|
494 line-height: 21px; |
1844 line-height: 21px; |
495 height: 21px; |
1845 height: 21px; |
496 padding: 10px 100px 10px 10px; |
1846 padding: 10px 100px 10px 10px; |
497 display: block; |
1847 display: block; |
498 } |
1848 } |
|
1849 .option-tree-sortable .open { |
|
1850 cursor: move; |
|
1851 } |
499 .ui-state-disabled .option-tree-setting .open { |
1852 .ui-state-disabled .option-tree-setting .open { |
500 cursor: default; |
1853 cursor: default; |
501 } |
1854 } |
502 .option-tree-setting .open:hover { |
1855 .option-tree-setting .open:hover { |
503 background: #fafafa url(../images/ot-dots.png) no-repeat 4px 15px; |
1856 background: #fafafa; |
|
1857 } |
|
1858 .option-tree-setting .open:hover:before { |
|
1859 color: #999; |
|
1860 content: "\f142"; |
|
1861 left: 4px; |
|
1862 font-family: "option-tree-font"; |
|
1863 speak: none; |
|
1864 font-size: 14px; |
|
1865 font-style: normal; |
|
1866 font-weight: normal; |
|
1867 font-variant: normal; |
|
1868 text-transform: none; |
|
1869 line-height: 1; |
|
1870 position: absolute; |
|
1871 top: 14px; |
|
1872 -webkit-font-smoothing: antialiased; |
|
1873 -moz-osx-font-smoothing: grayscale; |
|
1874 } |
|
1875 .option-tree-setting.is-section .open:hover:before { |
|
1876 color: #000; |
504 } |
1877 } |
505 .button-section { |
1878 .button-section { |
506 position: absolute; |
1879 position: absolute; |
507 right: 0px; |
1880 right: 0px; |
508 top: 1px; |
1881 top: 1px; |
509 } |
1882 } |
510 .option-tree-setting.is-section { |
1883 .option-tree-setting.is-section { |
511 border: 1px solid #464646; |
1884 border: 1px solid #000; |
|
1885 } |
|
1886 .option-tree-setting.is-section .option-tree-setting-body, |
|
1887 .option-tree-setting.is-section .option-tree-ui-button { |
|
1888 border-right-color: #000 !important; |
512 } |
1889 } |
513 .option-tree-setting.is-section .open { |
1890 .option-tree-setting.is-section .open { |
514 background: #464646; |
1891 background: #333; |
515 color: #ccc; |
1892 color: #bbb; |
516 } |
|
517 .option-tree-setting.is-section .option-tree-ui-button { |
|
518 border-color: #151515 !important; |
|
519 } |
1893 } |
520 .format-setting .ui-sortable-helper .option-tree-setting .open { |
1894 .format-setting .ui-sortable-helper .option-tree-setting .open { |
521 background: #fff url(../images/ot-dots.png) no-repeat 4px 15px; |
1895 background: #fff; |
522 } |
1896 } |
523 .option-tree-setting.is-section .open:hover, |
1897 .option-tree-setting.is-section .open:hover, |
524 .format-setting .ui-sortable-helper .option-tree-setting.is-section .open { |
1898 .format-setting .ui-sortable-helper .option-tree-setting.is-section .open { |
525 background: #464646 url(../images/ot-dots.png) no-repeat 4px 15px; |
1899 background: #333; |
|
1900 } |
|
1901 /* light */ |
|
1902 .admin-color-light .option-tree-setting.is-section, |
|
1903 .admin-color-light .option-tree-setting.is-section .option-tree-setting-body, |
|
1904 .admin-color-light .option-tree-setting.is-section .option-tree-ui-button { |
|
1905 border-color: #3c3c3c !important; |
|
1906 } |
|
1907 .admin-color-light .option-tree-setting.is-section .open:hover:before { |
|
1908 color: #3c3c3c; |
|
1909 } |
|
1910 .admin-color-light .option-tree-setting.is-section .open { |
|
1911 background: #888; |
|
1912 color: #fff; |
|
1913 } |
|
1914 .admin-color-light .option-tree-setting.is-section .open:hover, |
|
1915 .admin-color-light .format-setting .ui-sortable-helper .option-tree-setting.is-section .open { |
|
1916 background: #888; |
|
1917 } |
|
1918 /* blue */ |
|
1919 .admin-color-blue .option-tree-setting.is-section, |
|
1920 .admin-color-blue .option-tree-setting.is-section .option-tree-setting-body, |
|
1921 .admin-color-blue .option-tree-setting.is-section .option-tree-ui-button { |
|
1922 border-color: #002b39 !important; |
|
1923 } |
|
1924 .admin-color-blue .option-tree-setting.is-section .open:hover:before { |
|
1925 color: #002b39; |
|
1926 } |
|
1927 .admin-color-blue .option-tree-setting.is-section .open { |
|
1928 background: #52accc; |
|
1929 color: #fff; |
|
1930 } |
|
1931 .admin-color-blue .option-tree-setting.is-section .open:hover, |
|
1932 .admin-color-blue .format-setting .ui-sortable-helper .option-tree-setting.is-section .open { |
|
1933 background: #52accc; |
|
1934 } |
|
1935 /* coffee */ |
|
1936 .admin-color-coffee .option-tree-setting.is-section, |
|
1937 .admin-color-coffee .option-tree-setting.is-section .option-tree-setting-body, |
|
1938 .admin-color-coffee .option-tree-setting.is-section .option-tree-ui-button { |
|
1939 border-color: #0f0e0d !important; |
|
1940 } |
|
1941 .admin-color-coffee .option-tree-setting.is-section .open:hover:before { |
|
1942 color: #0f0e0d; |
|
1943 } |
|
1944 .admin-color-coffee .option-tree-setting.is-section .open { |
|
1945 background: #59524c; |
|
1946 color: #c7cbc9; |
|
1947 } |
|
1948 .admin-color-coffee .option-tree-setting.is-section .open:hover, |
|
1949 .admin-color-coffee .format-setting .ui-sortable-helper .option-tree-setting.is-section .open { |
|
1950 background: #59524c; |
|
1951 } |
|
1952 /* ectoplasm */ |
|
1953 .admin-color-ectoplasm .option-tree-setting.is-section, |
|
1954 .admin-color-ectoplasm .option-tree-setting.is-section .option-tree-setting-body, |
|
1955 .admin-color-ectoplasm .option-tree-setting.is-section .option-tree-ui-button { |
|
1956 border-color: #181220 !important; |
|
1957 } |
|
1958 .admin-color-ectoplasm .option-tree-setting.is-section .open:hover:before { |
|
1959 color: #181220; |
|
1960 } |
|
1961 .admin-color-ectoplasm .option-tree-setting.is-section .open { |
|
1962 background: #523f6d; |
|
1963 color: #c6c6d3; |
|
1964 } |
|
1965 .admin-color-ectoplasm .option-tree-setting.is-section .open:hover, |
|
1966 .admin-color-ectoplasm .format-setting .ui-sortable-helper .option-tree-setting.is-section .open { |
|
1967 background: #523f6d; |
|
1968 } |
|
1969 /* midnight */ |
|
1970 .admin-color-midnight .option-tree-setting.is-section, |
|
1971 .admin-color-midnight .option-tree-setting.is-section .option-tree-setting-body, |
|
1972 .admin-color-midnight .option-tree-setting.is-section .option-tree-ui-button { |
|
1973 border-color: #090a0b !important; |
|
1974 } |
|
1975 .admin-color-midnight .option-tree-setting.is-section .open:hover:before { |
|
1976 color: #090a0b; |
|
1977 } |
|
1978 .admin-color-midnight .option-tree-setting.is-section .open { |
|
1979 background: #363b3f; |
|
1980 color: #f1f2f3; |
|
1981 } |
|
1982 .admin-color-midnight .option-tree-setting.is-section .open:hover, |
|
1983 .admin-color-midnight .format-setting .ui-sortable-helper .option-tree-setting.is-section .open { |
|
1984 background: #363b3f; |
|
1985 } |
|
1986 /* ocean */ |
|
1987 .admin-color-ocean .option-tree-setting.is-section, |
|
1988 .admin-color-ocean .option-tree-setting.is-section .option-tree-setting-body, |
|
1989 .admin-color-ocean .option-tree-setting.is-section .option-tree-ui-button { |
|
1990 border-color: #39464a !important; |
|
1991 } |
|
1992 .admin-color-ocean .option-tree-setting.is-section .open:hover:before { |
|
1993 color: #39464a; |
|
1994 } |
|
1995 .admin-color-ocean .option-tree-setting.is-section .open { |
|
1996 background: #738e96; |
|
1997 color: #f1fcff; |
|
1998 } |
|
1999 .admin-color-ocean .option-tree-setting.is-section .open:hover, |
|
2000 .admin-color-ocean .format-setting .ui-sortable-helper .option-tree-setting.is-section .open { |
|
2001 background: #738e96; |
|
2002 } |
|
2003 /* sunrise */ |
|
2004 .admin-color-sunrise .option-tree-setting.is-section, |
|
2005 .admin-color-sunrise .option-tree-setting.is-section .option-tree-setting-body, |
|
2006 .admin-color-sunrise .option-tree-setting.is-section .option-tree-ui-button { |
|
2007 border-color: #8a322a !important; |
|
2008 } |
|
2009 .admin-color-sunrise .option-tree-setting.is-section .open:hover:before { |
|
2010 color: #8a322a; |
|
2011 } |
|
2012 .admin-color-sunrise .option-tree-setting.is-section .open { |
|
2013 background: #da4f41; |
|
2014 color: #fff; |
|
2015 } |
|
2016 .admin-color-sunrise .option-tree-setting.is-section .open:hover, |
|
2017 .admin-color-sunrise .format-setting .ui-sortable-helper .option-tree-setting.is-section .open { |
|
2018 background: #da4f41; |
526 } |
2019 } |
527 .ui-state-highlight { |
2020 .ui-state-highlight { |
528 border: 1px dashed #ccc; |
2021 border: 1px dashed #ccc; |
529 display: block; |
2022 display: block; |
530 -webkit-border-radius: 4px; |
2023 -webkit-border-radius: 2px; |
531 -moz-border-radius: 4px; |
2024 -moz-border-radius: 2px; |
532 border-radius: 4px; |
2025 border-radius: 2px; |
533 } |
2026 } |
534 .option-tree-setting-body { |
2027 .option-tree-setting-body { |
535 background: #fff; |
2028 background: #fff; |
536 border-top: 1px solid #ccc; |
2029 border-top: 1px solid #ccc; |
537 display: none; |
2030 display: none; |
538 padding: 10px; |
2031 padding: 10px; |
539 -webkit-border-bottom-right-radius: 3px; |
2032 -webkit-border-bottom-right-radius: 2px; |
540 -webkit-border-bottom-left-radius: 3px; |
2033 -webkit-border-bottom-left-radius: 2px; |
541 -moz-border-radius-bottomright: 3px; |
2034 -moz-border-radius-bottomright: 2px; |
542 -moz-border-radius-bottomleft: 3px; |
2035 -moz-border-radius-bottomleft: 2px; |
543 border-bottom-right-radius: 3px; |
2036 border-bottom-right-radius: 2px; |
544 border-bottom-left-radius: 3px; |
2037 border-bottom-left-radius: 2px; |
545 } |
2038 } |
546 li ul .format-settings { |
2039 li ul .format-setting-wrap { |
547 padding: 0 0 10px 0; |
2040 padding: 0 0 10px 0; |
548 } |
2041 } |
549 li ul .format-setting-label { |
2042 li ul .format-setting-label { |
550 border: none; |
2043 border: none; |
551 padding: 0px; |
2044 padding: 0px; |
768 border-radius: 2px; |
2383 border-radius: 2px; |
769 } |
2384 } |
770 .ot-numeric-slider.ui-slider-horizontal { |
2385 .ot-numeric-slider.ui-slider-horizontal { |
771 height: 11px; |
2386 height: 11px; |
772 } |
2387 } |
773 .ot-numeric-slider.ui-slider .ui-slider-handle { |
2388 .ot-numeric-slider.ui-slider .ui-slider-handle { |
774 background-color: #21759b; |
2389 border: 1px solid #000; |
775 border: 1px solid #21759b; |
2390 color: #555; |
776 border-bottom-color: #1e6a8d; |
|
777 cursor: pointer; |
2391 cursor: pointer; |
778 display: block; |
2392 display: block; |
779 height: 27px; |
2393 height: 27px; |
780 margin: -9px -8px; |
2394 margin: -9px -8px; |
781 outline: 0; |
2395 outline: 0; |
782 position: absolute; |
2396 position: absolute; |
783 width: 16px; |
2397 width: 16px; |
784 background-image: -webkit-gradient(linear,left top,left bottom,from(#2a95c5),to(#21759b)); |
2398 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08); |
785 background-image: -webkit-linear-gradient(top,#2a95c5,#21759b); |
2399 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08); |
786 background-image: -moz-linear-gradient(top,#2a95c5,#21759b); |
2400 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08); |
787 background-image: -ms-linear-gradient(top,#2a95c5,#21759b); |
2401 -webkit-border-radius: 2px; |
788 background-image: -o-linear-gradient(top,#2a95c5,#21759b); |
2402 -moz-border-radius: 2px; |
789 background-image: linear-gradient(to bottom,#2a95c5,#21759b); |
2403 border-radius: 2px; |
790 -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); |
2404 } |
791 -moz-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); |
2405 /* default */ |
792 box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); |
2406 .ot-numeric-slider.ui-slider .ui-slider-handle { |
793 -webkit-border-radius: 3px; |
2407 background: #333; |
794 -moz-border-radius: 3px; |
2408 border-color: #000; |
795 border-radius: 3px; |
2409 } |
796 } |
2410 .ot-numeric-slider.ui-slider .ui-slider-handle:hover, |
797 .ot-numeric-slider.ui-slider .ui-slider-handle:hover { |
2411 .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active { |
798 background-color: #278ab7; |
2412 background: #444; |
799 background-image: -webkit-gradient(linear,left top,left bottom,from(#2e9fd2),to(#21759b)); |
2413 border-color: #111; |
800 background-image: -webkit-linear-gradient(top,#2e9fd2,#21759b); |
2414 } |
801 background-image: -moz-linear-gradient(top,#2e9fd2,#21759b); |
2415 /* light */ |
802 background-image: -ms-linear-gradient(top,#2e9fd2,#21759b); |
2416 .admin-color-light .ot-numeric-slider.ui-slider .ui-slider-handle { |
803 background-image: -o-linear-gradient(top,#2e9fd2,#21759b); |
2417 background: #888; |
804 background-image: linear-gradient(to bottom,#2e9fd2,#21759b); |
2418 border-color: #3c3c3c; |
805 border-color: #1b607f; |
2419 } |
806 -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); |
2420 .admin-color-light .ot-numeric-slider.ui-slider .ui-slider-handle:hover, |
807 -moz-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); |
2421 .admin-color-light .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active { |
808 box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); |
2422 background: #999; |
|
2423 border-color: #777; |
|
2424 } |
|
2425 /* blue */ |
|
2426 .admin-color-blue .ot-numeric-slider.ui-slider .ui-slider-handle { |
|
2427 background: #52accc; |
|
2428 border-color: #002b39; |
|
2429 } |
|
2430 .admin-color-blue .ot-numeric-slider.ui-slider .ui-slider-handle:hover, |
|
2431 .admin-color-blue .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active { |
|
2432 background: #5dc2e6; |
|
2433 border-color: #006484; |
|
2434 } |
|
2435 /* coffee */ |
|
2436 .admin-color-coffee .ot-numeric-slider.ui-slider .ui-slider-handle { |
|
2437 background: #59524c; |
|
2438 border-color: #0f0e0d; |
|
2439 } |
|
2440 .admin-color-coffee .ot-numeric-slider.ui-slider .ui-slider-handle:hover, |
|
2441 .admin-color-coffee .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active { |
|
2442 background: #cca588; |
|
2443 border-color: #675f58; |
|
2444 } |
|
2445 /* ectoplasm */ |
|
2446 .admin-color-ectoplasm .ot-numeric-slider.ui-slider .ui-slider-handle { |
|
2447 background: #523f6d; |
|
2448 border-color: #181220; |
|
2449 } |
|
2450 .admin-color-ectoplasm .ot-numeric-slider.ui-slider .ui-slider-handle:hover, |
|
2451 .admin-color-ectoplasm .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active { |
|
2452 background: #a3b542; |
|
2453 border-color: #644d85; |
|
2454 } |
|
2455 /* midnight */ |
|
2456 .admin-color-midnight .ot-numeric-slider.ui-slider .ui-slider-handle { |
|
2457 background: #363b3f; |
|
2458 border-color: #090a0b; |
|
2459 } |
|
2460 .admin-color-midnight .ot-numeric-slider.ui-slider .ui-slider-handle:hover, |
|
2461 .admin-color-midnight .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active { |
|
2462 background: #ed543f; |
|
2463 border-color: #a0382a; |
|
2464 } |
|
2465 /* ocean */ |
|
2466 .admin-color-ocean .ot-numeric-slider.ui-slider .ui-slider-handle { |
|
2467 background: #738e96; |
|
2468 border-color: #39464a; |
|
2469 } |
|
2470 .admin-color-ocean .ot-numeric-slider.ui-slider .ui-slider-handle:hover, |
|
2471 .admin-color-ocean .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active { |
|
2472 background: #9ab8a0; |
|
2473 border-color: #5a6c5e; |
|
2474 } |
|
2475 /* sunrise */ |
|
2476 .admin-color-sunrise .ot-numeric-slider.ui-slider .ui-slider-handle { |
|
2477 background: #da4f41; |
|
2478 border-color: #8a322a; |
|
2479 } |
|
2480 .admin-color-sunrise .ot-numeric-slider.ui-slider .ui-slider-handle:hover, |
|
2481 .admin-color-sunrise .ot-numeric-slider.ui-slider .ui-slider-handle.ui-state-active { |
|
2482 background: #e88436; |
|
2483 border-color: #e75546; |
809 } |
2484 } |
810 |
2485 |
811 /* -------------------------------------------------- |
2486 /* -------------------------------------------------- |
812 :: Colorpicker |
2487 :: Colorpicker |
813 ---------------------------------------------------*/ |
2488 ---------------------------------------------------*/ |
814 .option-tree-ui-colorpicker-input-wrap { |
2489 .option-tree-ui-colorpicker-input-wrap { |
815 margin-right: 53px; |
2490 float: left; |
|
2491 } |
|
2492 .hide-color-picker { |
|
2493 display: none; |
|
2494 } |
|
2495 .option-tree-ui-colorpicker-input-wrap .option-tree-ui-colorpicker-label { |
|
2496 height: 30px; |
|
2497 line-height: 30px; |
|
2498 margin-right: 10px; |
|
2499 display: block; |
|
2500 } |
|
2501 .type-link-color .option-tree-ui-colorpicker-input-wrap { |
|
2502 margin-right: 20px; |
|
2503 } |
|
2504 .option-tree-ui-colorpicker-input-wrap .wp-color-picker, |
|
2505 .option-tree-ui-colorpicker-input-wrap .wp-picker-default, |
|
2506 .option-tree-ui-colorpicker-input-wrap .wp-picker-clear { |
|
2507 border-color: #ccc; |
|
2508 font-size: 12px !important; |
|
2509 height: 29px !important; |
|
2510 line-height: 27px !important; |
|
2511 margin-top: 0px; |
|
2512 -webkit-border-radius: 2px; |
|
2513 -moz-border-radius: 2px; |
|
2514 border-radius: 2px; |
|
2515 -webkit-box-shadow: none; |
|
2516 -moz-box-shadow: none; |
|
2517 box-shadow: none; |
|
2518 } |
|
2519 .option-tree-ui-colorpicker-input-wrap .wp-color-picker { |
|
2520 margin: 0 0 5px 0 !important; |
|
2521 } |
|
2522 .option-tree-ui-colorpicker-input-wrap .wp-color-result { |
|
2523 height: 27px; |
|
2524 outline: 0; |
|
2525 margin: 0 5px 5px 0px; |
|
2526 top: 0px; |
|
2527 -webkit-box-shadow: none; |
|
2528 -moz-box-shadow: none; |
|
2529 box-shadow: none; |
|
2530 } |
|
2531 .option-tree-ui-colorpicker-input-wrap .wp-color-result:after { |
|
2532 line-height: 27px; |
|
2533 } |
|
2534 .option-tree-ui-colorpicker-input-wrap .wp-picker-container .iris-picker { |
|
2535 border-color: #ccc; |
|
2536 margin: 0px 5px 5px 0; |
|
2537 -webkit-border-radius: 2px; |
|
2538 -moz-border-radius: 2px; |
|
2539 border-radius: 2px; |
|
2540 } |
|
2541 @media screen and ( max-width: 782px ) { |
|
2542 .option-tree-ui-colorpicker-input-wrap .wp-color-picker { |
|
2543 padding: 3px 5px !important; |
|
2544 } |
|
2545 .option-tree-ui-colorpicker-input-wrap .wp-picker-clear, |
|
2546 .option-tree-ui-colorpicker-input-wrap .wp-picker-default { |
|
2547 margin-top: 4px; |
|
2548 padding: 0 8px 1px !important; |
|
2549 } |
|
2550 } |
|
2551 |
|
2552 /* -------------------------------------------------- |
|
2553 :: Colorpicker Opacity (Derivative work of the Codestar WP Color Picker.) |
|
2554 ---------------------------------------------------*/ |
|
2555 .option-tree-opacity-wrap { |
|
2556 background-color: #fff; |
|
2557 border: 1px solid #ccc; |
|
2558 border-top: none; |
|
2559 border-radius: 0 0 2px 2px; |
|
2560 direction: ltr; |
|
2561 display: none; |
|
2562 padding: 10px; |
816 position: relative; |
2563 position: relative; |
817 width: auto; |
2564 top: -6px; |
818 } |
2565 width: 235px; |
819 .format-settings .cp_box { |
2566 } |
820 background: #f1f1f1; |
2567 .option-tree-opacity-slider { |
821 border: 1px solid #ccc; |
2568 left: 10px; |
822 bottom: 5px; |
|
823 height: 27px; |
|
824 position: absolute; |
2569 position: absolute; |
825 right: -53px; |
2570 width: 171px; |
826 width: 46px; |
2571 margin-left: 3px; |
827 -moz-border-radius: 2px; |
2572 height: 28px; |
828 -webkit-border-radius: 2px; |
2573 } |
|
2574 .option-tree-opacity-slider .ui-slider-handle { |
|
2575 position: absolute; |
|
2576 top: -3px; |
|
2577 bottom: -3px; |
|
2578 z-index: 5; |
|
2579 border-color: #aaa; |
|
2580 border-style: solid; |
|
2581 border-width: 4px 3px; |
|
2582 width: 6px; |
|
2583 height: 26px; |
|
2584 margin: 0 -3px; |
|
2585 background: none; |
|
2586 cursor: ew-resize; |
|
2587 opacity: 0.9; |
|
2588 border-radius: 4px; |
|
2589 box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); |
|
2590 } |
|
2591 .option-tree-opacity-slider .ui-slider-handle:before { |
|
2592 content: " "; |
|
2593 position: absolute; |
|
2594 left: -2px; |
|
2595 right: -2px; |
|
2596 top: -3px; |
|
2597 bottom: -3px; |
|
2598 border: 2px solid #fff; |
|
2599 border-radius: 3px; |
|
2600 } |
|
2601 .option-tree-opacity-slider-offset { |
|
2602 height: 28px; |
|
2603 width: 183px; |
|
2604 background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAAASCAYAAAAe/ZHXAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyJpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoV2luZG93cykiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6NkNEQUQ0ODM4RUE0MTFFNEExOEJFN0E5M0VFOTg0QUQiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6NkNEQUQ0ODQ4RUE0MTFFNEExOEJFN0E5M0VFOTg0QUQiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo2Q0RBRDQ4MThFQTQxMUU0QTE4QkU3QTkzRUU5ODRBRCIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo2Q0RBRDQ4MjhFQTQxMUU0QTE4QkU3QTkzRUU5ODRBRCIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/Pv/r/N8AAAWYSURBVHjarFvvR3VBEN45JZGIPkREHyIiIhJJf3qUSERE9CGiDxERkcg9z9u92uucvTszz5z7xnHPj93Z2d359cxscn5+jpTS+EoiMr3/+51cZ2dn4+e29i2/u7y8RKf/pO3vc+o+n5ycoNK31+f6+jrfZ37yuG2mf3R01H3fa5N/b29vU6dP5qft0G4PDg5MGuPr/v4+jz1t27mfvN/b21P75+fHx8eZfiV/Ozs7rUJnSu/5+RlFv+m6ZJpbW1s1PnrvXl9fZ/qX89zY2LB4mfy+v7/nsdV1XltbK/dr5vnz87OcV5bJabuVlRVLBifjfX9/l/xkGtM+S0tLNXnu0szfU/P3IMn/k0678h6ddqjQFGccVL6hoCsVfsq+NZ5QtCv5rfFS41sq37W+UPhMyhxEWTetvce3NR8oewqD39qalXuGAK/WPltjajIC4x2c9Ye1f43SGcqGwRBeTZjhMNntL4pCWZMQYhE05RVl02EovRgC4RkCbUNSQAGhGB/GsKG4h6FQoigDa2i8fRBy3uLMXYIG3Vr3aZvRaCRdBYlYIMZywhBGCVhgzzOlgRuUSOvC0GMEWxOM/+EtQFh1OIIXtfwg1tRaayGjg5px0jyZKEaTle3e+AsLCygVRAh3FlEgKbReE3oYGj9EgIR00QiEgKw3ZBQbRGjBeAMtDETQmHiKDsezJNLgCTFGItZXlAgCSiQggblP+9c8SDI0lXWlFv5g3K63KZ51FOcZzthQ3LomoNHwJmKIQISI3vqzSpwIQ8liSjGMFQjDpoVgaQ6cWgvLhOC7qiAwiHrWbEg4JMSmeUrBuHoYwioOQNXmhmAcrs096s1gJCGi3hSEVU8DQxYElYHhKwUUGAa+NqOBMsSSAQJuhQhCAH4vxozExsxiihPuaIrjCVYKWlYEsjSM52G8Kxxryngl5j0j+EyGTIiED4s1Itm0ZGWxMFCLJaBAcEI6OBkmFgNBoc8Cait2ZnENE/6wQN8LJSJeSMNAjKVm+LUMAIt3PR5AQgIGp1Z5zxhE8PtXUYReYeXi4mKmOPNXBMzt2tPT07LIUtJqr66uusXEbkFnWiQ6Pj72ikrtzc1NKopuvbbj58PDwxqNHp27u7tuYWumUDV+v7+/Xyu6pc59+/DwUCsC9ujt7u6qRbt8//T01C3elbyN70fb29uZ/1FSincvLy/lPGb42tzc9IqJeHt7q61Pr2C6vr7u7tfHx8fMPhV0sLq6WhZtU0n36+uru8elPE7aLi8v1wqJPXn++fmZKYgX8ozFxcXJb0NaQTHClZT8+gBjsYdaFc+zWcUkGTCWENY66ta92oSVzo3WI6IZKGtukeyfBLFKBNAj6bUOBgaoe9wE4n04IBNkLMoC7+Skj630ZlTJMYdyMsU2T8AwpzALkVFilZgJcT2l9PCWDDSAMBSjVlJgZNk0lE1AIby0qCiCnBQNj6aBGQslZIZJ5hB6D/AzQHto5Z9Nk8tARdN4q2ExBnsyIJ311EymShyjan2rKk0zh1Ay1oQVWAZQRnkUA8RFw7TahjBnmNgMVMQrsCGZJezRtGlU0cUZ1zuaxGZPpbhApM+ZpFQqQ6xadoMtBrEKpBVo4GRXvNSxpaRixKiR+TChCYhsDwZkfFj8IkErjAHejcUI0XQrgwehhNSMHAz21E0wZ23FcCAmj8Sd/PXy2xLYLAuwRw4IMsqjFaWYOpMEhDySAPFCWyFkgAHrEcA+BNeJ4UE8HCzJPpCrerUmQIx1pWJkjqxJD8EikUo2c5aI8ZYgsAkM4WQtnHd0ns0ORgVTBghy5ISy928SGsbTMqYg523RUY8oNYG4FIYiyRyZCnFCJC87IoRAIMVOqQ7BKexxCS2hYVl9JhvlpYjnAe4MhmRPMWhhvLfXINaI9WKM0Zu0+SfAAFLE1EgfVSv7AAAAAElFTkSuQmCC); |
|
2605 box-shadow: 0 0 5px rgba(0, 0, 0, 0.4) inset; |
829 border-radius: 2px; |
2606 border-radius: 2px; |
830 } |
2607 } |
831 .ot_colorpicker { |
2608 .option-tree-opacity-text { |
832 width: 342px; |
|
833 height: 170px; |
|
834 overflow: hidden; |
|
835 position: absolute; |
2609 position: absolute; |
836 background: #fafafa url(../images/colorpicker/color_bg.png); |
2610 top: 15px; |
837 font-family: Arial, Helvetica, sans-serif; |
2611 left: 215px; |
|
2612 width: 30px; |
|
2613 font-size: 12px; |
|
2614 text-align: center; |
|
2615 } |
|
2616 |
|
2617 /* -------------------------------------------------- |
|
2618 :: Google Font |
|
2619 ---------------------------------------------------*/ |
|
2620 .type-google-font { |
|
2621 |
|
2622 } |
|
2623 .type-google-font-group-clone { |
838 display: none; |
2624 display: none; |
839 border: 1px solid #bbb; |
2625 } |
840 -moz-border-radius: 2px; |
2626 .type-google-font-group { |
841 -webkit-border-radius: 2px; |
2627 float: left; |
842 border-radius: 2px; |
2628 margin-bottom: 20px; |
843 -webkit-box-shadow: 0 1px 3px rgba(0,0,0,0.05); |
2629 width: 100%; |
844 box-shadow: 0 1px 3px rgba(0,0,0,0.05); |
2630 } |
845 z-index: 100; |
2631 .js-remove-google-font.option-tree-ui-button.button { |
846 } |
2632 margin-left: 0; |
847 .ot_colorpicker .colorpicker_color { |
2633 margin-top: 0; |
848 width: 150px; |
|
849 height: 150px; |
|
850 left: 10px; |
|
851 top: 10px; |
|
852 position: absolute; |
|
853 background: #f00; |
|
854 overflow: hidden; |
|
855 cursor: crosshair; |
|
856 } |
|
857 .ot_colorpicker .colorpicker_color div { |
|
858 position: absolute; |
|
859 top: 0; |
|
860 left: 0; |
|
861 width: 150px; |
|
862 height: 150px; |
|
863 background: url(../images/colorpicker/color_overlay.png); |
|
864 } |
|
865 .ot_colorpicker .colorpicker_color div div { |
|
866 position: absolute; |
|
867 top: 0; |
|
868 left: 0; |
|
869 width: 11px; |
|
870 height: 11px; |
|
871 overflow: hidden; |
|
872 background: url(../images/colorpicker/color_select.gif); |
|
873 margin: -5px 0 0 -5px; |
|
874 } |
|
875 .ot_colorpicker .colorpicker_hue { |
|
876 position: absolute; |
|
877 top: 10px; |
|
878 left: 164px; |
|
879 width: 35px; |
|
880 height: 150px; |
|
881 cursor: n-resize; |
|
882 } |
|
883 .ot_colorpicker .colorpicker_hue div { |
|
884 position: absolute; |
|
885 width: 35px; |
|
886 height: 9px; |
|
887 overflow: hidden; |
|
888 background: url(../images/colorpicker/color_indicator.png) left top; |
|
889 margin: -5px 0 0 0; |
|
890 } |
|
891 .ot_colorpicker .colorpicker_new_color { |
|
892 position: absolute; |
|
893 width: 60px; |
|
894 height: 30px; |
|
895 right: 80px; |
|
896 top: 10px; |
|
897 background: #f00; |
|
898 } |
|
899 .ot_colorpicker .colorpicker_current_color { |
|
900 position: absolute; |
|
901 width: 60px; |
|
902 height: 30px; |
|
903 right: 10px; |
|
904 top: 10px; |
|
905 background: #f00; |
|
906 } |
|
907 .ot_colorpicker input { |
|
908 background-color: transparent !important; |
|
909 border: 1px solid transparent !important; |
|
910 position: absolute !important; |
|
911 font-size: 10px !important; |
|
912 font-family: Arial, Helvetica, sans-serif !important; |
|
913 color: #666 !important; |
|
914 top: 0px !important; |
|
915 right: 12px !important; |
|
916 text-align: right !important; |
|
917 margin: 0 !important; |
|
918 padding: 0 !important; |
|
919 height: 22px !important; |
|
920 line-height: 22px !important; |
|
921 } |
|
922 .ot_colorpicker .colorpicker_hex { |
|
923 position: absolute; |
|
924 width: 72px; |
|
925 height: 22px; |
|
926 background: url(../images/colorpicker/color_hex.png) top; |
|
927 left: 201px; |
|
928 bottom: 9px; |
|
929 } |
|
930 .ot_colorpicker .colorpicker_hex input { |
|
931 left: 13px; |
|
932 height: 22px; |
|
933 line-height: 22px; |
|
934 padding: 10px; |
|
935 } |
|
936 .ot_colorpicker .colorpicker_field { |
|
937 height: 22px; |
|
938 width: 62px; |
|
939 background-position: top; |
|
940 position: absolute; |
|
941 } |
|
942 .ot_colorpicker .colorpicker_field span { |
|
943 position: absolute; |
|
944 width: 12px; |
|
945 height: 22px; |
|
946 overflow: hidden; |
|
947 top: 0; |
|
948 right: 0; |
|
949 cursor: n-resize; |
|
950 } |
|
951 .ot_colorpicker .colorpicker_rgb_r { |
|
952 background-image: url(../images/colorpicker/color_rgb_r.png); |
|
953 top: 49px; |
|
954 left: 201px; |
|
955 } |
|
956 .ot_colorpicker .colorpicker_rgb_g { |
|
957 background-image: url(../images/colorpicker/color_rgb_g.png); |
|
958 top: 79px; |
|
959 left: 201px; |
|
960 } |
|
961 .ot_colorpicker .colorpicker_rgb_b { |
|
962 background-image: url(../images/colorpicker/color_rgb_b.png); |
|
963 top: 109px; |
|
964 left: 201px; |
|
965 } |
|
966 .ot_colorpicker .colorpicker_hsb_h { |
|
967 background-image: url(../images/colorpicker/color_hsb_h.png); |
|
968 top: 49px; |
|
969 right: 9px; |
|
970 } |
|
971 .ot_colorpicker .colorpicker_hsb_s { |
|
972 background-image: url(../images/colorpicker/color_hsb_s.png); |
|
973 top: 79px; |
|
974 right: 9px; |
|
975 } |
|
976 .ot_colorpicker .colorpicker_hsb_b { |
|
977 background-image: url(../images/colorpicker/color_hsb_b.png); |
|
978 top: 109px; |
|
979 right: 9px; |
|
980 } |
|
981 .ot_colorpicker .colorpicker_submit { |
|
982 position: absolute; |
|
983 width: 16px; |
|
984 height: 16px; |
|
985 background: url(../images/colorpicker/color_wheel.png) top; |
|
986 right: 10px; |
|
987 bottom: 10px; |
|
988 overflow: hidden; |
|
989 } |
|
990 .ot_colorpicker .colorpicker_focus { |
|
991 background-position: center; |
|
992 } |
|
993 .ot_colorpicker .colorpicker_hex.colorpicker_focus { |
|
994 background-position: bottom; |
|
995 } |
|
996 .ot_colorpicker .colorpicker_submit.colorpicker_focus { |
|
997 background-position: bottom; |
|
998 } |
|
999 .ot_colorpicker .colorpicker_slider { |
|
1000 background-position: bottom; |
|
1001 } |
|
1002 |
|
1003 @media not screen and (1) { |
|
1004 .format-settings .cp_box { |
|
1005 height: 26px; |
|
1006 }; |
|
1007 } |
2634 } |
1008 |
2635 |
1009 /* -------------------------------------------------- |
2636 /* -------------------------------------------------- |
1010 :: OptionTree UI Buttons |
2637 :: OptionTree UI Buttons |
1011 ---------------------------------------------------*/ |
2638 ---------------------------------------------------*/ |
1012 .option-tree-ui-button, |
2639 .option-tree-ui-button.button { |
1013 .option-tree-ui-button.blue, |
|
1014 .option-tree-ui-button.red { |
|
1015 display: inline-block; |
|
1016 text-decoration: none; |
|
1017 float: left; |
2640 float: left; |
1018 font-size: 12px; |
2641 font-size: 12px !important; |
1019 line-height: 28px; |
2642 line-height: 27px !important; |
1020 height: 29px; |
2643 height: 29px !important; |
1021 margin: 5px; |
2644 margin: 5px; |
1022 padding: 0 14px 1px; |
2645 min-width: 40px; |
1023 cursor: pointer; |
2646 padding: 0 10px 1px !important; |
1024 border-width: 1px; |
2647 } |
1025 border-style: solid; |
2648 .option-tree-ui-button:active, |
1026 -webkit-appearance: none; |
2649 .option-tree-ui-button:hover, |
1027 white-space: nowrap; |
2650 .option-tree-ui-button:focus { |
1028 -webkit-border-radius: 3px; |
|
1029 -moz-border-radius: 3px; |
|
1030 border-radius: 3px; |
|
1031 -webkit-box-sizing: border-box; |
|
1032 -moz-box-sizing: border-box; |
|
1033 box-sizing: border-box; |
|
1034 } |
|
1035 button.option-tree-ui-button::-moz-focus-inner, |
|
1036 input[type="reset"].option-tree-ui-button::-moz-focus-inner, |
|
1037 input[type="button"].option-tree-ui-button::-moz-focus-inner, |
|
1038 input[type="submit"].option-tree-ui-button::-moz-focus-inner { |
|
1039 border-width: 1px 0; |
|
1040 border-style: solid none; |
|
1041 border-color: transparent; |
|
1042 padding: 0; |
|
1043 } |
|
1044 .option-tree-ui-button:active { |
|
1045 outline: 0; |
2651 outline: 0; |
1046 } |
2652 } |
1047 .option-tree-ui-button.hidden { |
2653 .option-tree-ui-button.hidden { |
1048 display: none; |
2654 display: none; |
1049 } |
2655 } |
1050 .option-tree-ui-button, |
2656 .option-tree-ui-button.button-secondary { |
1051 .option-tree-ui-button.red { |
2657 background: #b73b27; |
1052 background: #f3f3f3; |
2658 border-color: #7f291b; |
1053 background-image: -webkit-gradient(linear,left top,left bottom,from(#fefefe),to(#f4f4f4)); |
|
1054 background-image: -webkit-linear-gradient(top,#fefefe,#f4f4f4); |
|
1055 background-image: -moz-linear-gradient(top,#fefefe,#f4f4f4); |
|
1056 background-image: -o-linear-gradient(top,#fefefe,#f4f4f4); |
|
1057 background-image: linear-gradient(to bottom,#fefefe,#f4f4f4); |
|
1058 border-color: #bbb; |
|
1059 color: #333; |
|
1060 text-shadow: 0 1px 0 #fff; |
|
1061 } |
|
1062 .option-tree-ui-button.hover, |
|
1063 .option-tree-ui-button:hover, |
|
1064 .option-tree-ui-button.red:hover, |
|
1065 .option-tree-ui-button.focus, |
|
1066 .option-tree-ui-button:focus, |
|
1067 .option-tree-ui-button.red:focus { |
|
1068 background: #f3f3f3; |
|
1069 background-image: -webkit-gradient(linear,left top,left bottom,from(#fff),to(#f3f3f3)); |
|
1070 background-image: -webkit-linear-gradient(top,#fff,#f3f3f3); |
|
1071 background-image: -moz-linear-gradient(top,#fff,#f3f3f3); |
|
1072 background-image: -ms-linear-gradient(top,#fff,#f3f3f3); |
|
1073 background-image: -o-linear-gradient(top,#fff,#f3f3f3); |
|
1074 background-image: linear-gradient(to bottom,#fff,#f3f3f3); |
|
1075 border-color: #999; |
|
1076 color: #222; |
|
1077 } |
|
1078 .option-tree-ui-button.focus, |
|
1079 .option-tree-ui-button:focus, |
|
1080 .option-tree-ui-button.red:focus { |
|
1081 -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2); |
|
1082 box-shadow: 1px 1px 1px rgba(0,0,0,.2); |
|
1083 } |
|
1084 .option-tree-ui-button.active, |
|
1085 .option-tree-ui-button.active:hover, |
|
1086 .option-tree-ui-button.active:focus, |
|
1087 .option-tree-ui-button:active, |
|
1088 .option-tree-ui-button.red:active { |
|
1089 background: #eee; |
|
1090 background-image: -webkit-gradient(linear,left top,left bottom,from(#f4f4f4),to(#fefefe)); |
|
1091 background-image: -webkit-linear-gradient(top,#f4f4f4,#fefefe); |
|
1092 background-image: -moz-linear-gradient(top,#f4f4f4,#fefefe); |
|
1093 background-image: -ms-linear-gradient(top,#f4f4f4,#fefefe); |
|
1094 background-image: -o-linear-gradient(top,#f4f4f4,#fefefe); |
|
1095 background-image: linear-gradient(to bottom,#f4f4f4,#fefefe); |
|
1096 border-color: #999; |
|
1097 color: #333; |
|
1098 text-shadow: 0 -1px 0 #fff; |
|
1099 -webkit-box-shadow: inset 0 2px 5px -3px rgba(0,0,0,0.5); |
|
1100 box-shadow: inset 0 2px 5px -3px rgba(0,0,0,0.5); |
|
1101 } |
|
1102 .option-tree-ui-button[disabled], |
|
1103 .option-tree-ui-button:disabled, |
|
1104 .option-tree-ui-button.red[disabled], |
|
1105 .option-tree-ui-button.red:disabled, |
|
1106 .option-tree-ui-button.disabled { |
|
1107 color: #aaa!important; |
|
1108 border-color: #ddd!important; |
|
1109 background-image: -webkit-gradient(linear,left top,left bottom,from(#f9f9f9),to(#f4f4f4))!important; |
|
1110 background-image: -webkit-linear-gradient(top,#f9f9f9,#f4f4f4)!important; |
|
1111 background-image: -moz-linear-gradient(top,#f9f9f9,#f4f4f4)!important; |
|
1112 background-image: -ms-linear-gradient(top,#f9f9f9,#f4f4f4)!important; |
|
1113 background-image: -o-linear-gradient(top,#f9f9f9,#f4f4f4)!important; |
|
1114 background-image: linear-gradient(to bottom,#f9f9f9,#f4f4f4)!important; |
|
1115 -webkit-box-shadow: none!important; |
|
1116 box-shadow: none!important; |
|
1117 text-shadow: 0 1px 0 #fff!important; |
|
1118 cursor: default; |
|
1119 } |
|
1120 .option-tree-ui-button.blue { |
|
1121 background-color: #21759b; |
|
1122 background-image: -webkit-gradient(linear,left top,left bottom,from(#2a95c5),to(#21759b)); |
|
1123 background-image: -webkit-linear-gradient(top,#2a95c5,#21759b); |
|
1124 background-image: -moz-linear-gradient(top,#2a95c5,#21759b); |
|
1125 background-image: -ms-linear-gradient(top,#2a95c5,#21759b); |
|
1126 background-image: -o-linear-gradient(top,#2a95c5,#21759b); |
|
1127 background-image: linear-gradient(to bottom,#2a95c5,#21759b); |
|
1128 border-color: #21759b; |
|
1129 border-bottom-color: #1e6a8d; |
|
1130 -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); |
|
1131 box-shadow: inset 0 1px 0 rgba(120,200,230,0.5); |
|
1132 color: #fff; |
2659 color: #fff; |
1133 text-decoration: none; |
2660 text-shadow: none; |
1134 text-shadow: 0 1px 0 rgba(0,0,0,0.1); |
2661 -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.5), 0 1px 0 rgba(0,0,0,.15); |
1135 } |
2662 -moz-box-shadow: inset 0 1px 0 rgba(229,134,119,0.5), 0 1px 0 rgba(0,0,0,.15); |
1136 .option-tree-ui-button.blue.hover, |
2663 box-shadow: inset 0 1px 0 rgba(229,134,119,0.5), 0 1px 0 rgba(0,0,0,.15); |
1137 .option-tree-ui-button.blue:hover, |
2664 } |
1138 .option-tree-ui-button.blue.focus, |
2665 .option-tree-ui-button.button-secondary.hover, |
1139 .option-tree-ui-button.blue:focus { |
2666 .option-tree-ui-button.button-secondary:hover, |
1140 background-color: #278ab7; |
2667 .option-tree-ui-button.button-secondary.focus, |
1141 background-image: -webkit-gradient(linear,left top,left bottom,from(#2e9fd2),to(#21759b)); |
2668 .option-tree-ui-button.button-secondary:focus { |
1142 background-image: -webkit-linear-gradient(top,#2e9fd2,#21759b); |
2669 background: #9b3221; |
1143 background-image: -moz-linear-gradient(top,#2e9fd2,#21759b); |
2670 border-color: #7f291b; |
1144 background-image: -ms-linear-gradient(top,#2e9fd2,#21759b); |
|
1145 background-image: -o-linear-gradient(top,#2e9fd2,#21759b); |
|
1146 background-image: linear-gradient(to bottom,#2e9fd2,#21759b); |
|
1147 border-color: #1b607f; |
|
1148 -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); |
|
1149 box-shadow: inset 0 1px 0 rgba(120,200,230,0.6); |
|
1150 color: #fff; |
2671 color: #fff; |
1151 text-shadow: 0 -1px 0 rgba(0,0,0,0.3); |
2672 -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6); |
1152 } |
2673 -moz-box-shadow: inset 0 1px 0 rgba(229,134,119,0.5), 0 1px 0 rgba(0,0,0,.15); |
1153 .option-tree-ui-button.blue.focus, |
2674 box-shadow: inset 0 1px 0 rgba(229,134,119,0.6); |
1154 .option-tree-ui-button.blue:focus { |
2675 } |
1155 border-color: #0e3950; |
2676 .option-tree-ui-button.button-secondary.focus, |
1156 -webkit-box-shadow: inset 0 1px 0 rgba(120,200,230,0.6),1px 1px 2px rgba(0,0,0,0.4); |
2677 .option-tree-ui-button.button-secondary:focus { |
1157 box-shadow: inset 0 1px 0 rgba(120,200,230,0.6),1px 1px 2px rgba(0,0,0,0.4); |
2678 border-color: #4f160d; |
1158 } |
2679 -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 1px 1px 2px rgba(0,0,0,0.4); |
1159 .option-tree-ui-button.blue.active, |
2680 -moz-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 1px 1px 2px rgba(0,0,0,0.4); |
1160 .option-tree-ui-button.blue.active:hover, |
2681 box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 1px 1px 2px rgba(0,0,0,0.4); |
1161 .option-tree-ui-button.blue.active:focus, |
2682 } |
1162 .option-tree-ui-button.blue:active { |
2683 .option-tree-ui-button.button-secondary.active, |
1163 background: #1b607f; |
2684 .option-tree-ui-button.button-secondary.active:hover, |
1164 background-image: -webkit-gradient(linear,left top,left bottom,from(#21759b),to(#278ab7)); |
2685 .option-tree-ui-button.button-secondary.active:focus, |
1165 background-image: -webkit-linear-gradient(top,#21759b,#278ab7); |
2686 .option-tree-ui-button.button-secondary:active { |
1166 background-image: -moz-linear-gradient(top,#21759b,#278ab7); |
2687 background: #b73b27; |
1167 background-image: -ms-linear-gradient(top,#21759b,#278ab7); |
2688 border-color: #7f291b; |
1168 background-image: -o-linear-gradient(top,#21759b,#278ab7); |
|
1169 background-image: linear-gradient(to bottom,#21759b,#278ab7); |
|
1170 border-color: #124560 #2382ae #2382ae #2382ae; |
|
1171 color: rgba(255,255,255,0.95); |
2689 color: rgba(255,255,255,0.95); |
1172 -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); |
2690 -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); |
1173 box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); |
2691 -moz-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); |
1174 text-shadow: 0 1px 0 rgba(0,0,0,0.1); |
2692 box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); |
1175 } |
2693 vertical-align: top; |
1176 .option-tree-ui-button.blue[disabled], |
|
1177 .option-tree-ui-button.blue:disabled, |
|
1178 .option-tree-ui-button.blue-disabled { |
|
1179 color: #94cde7!important; |
|
1180 background: #298cba!important; |
|
1181 border-color: #1b607f!important; |
|
1182 -webkit-box-shadow: none!important; |
|
1183 box-shadow: none!important; |
|
1184 text-shadow: 0 -1px 0 rgba(0,0,0,0.1)!important; |
|
1185 cursor: default; |
|
1186 } |
|
1187 .option-tree-ui-button.red { |
|
1188 background-color: #9b3221; |
|
1189 background-image: -webkit-gradient(linear,left top,left bottom,from(#c5402a),to(#9b3221)); |
|
1190 background-image: -webkit-linear-gradient(top,#c5402a,#9b3221); |
|
1191 background-image: -moz-linear-gradient(top,#c5402a,#9b3221); |
|
1192 background-image: -ms-linear-gradient(top,#c5402a,#9b3221); |
|
1193 background-image: -o-linear-gradient(top,#c5402a,#9b3221); |
|
1194 background-image: linear-gradient(to bottom,#c5402a,#9b3221); |
|
1195 border-color: #9b3221; |
|
1196 border-bottom-color: #8d2e1e; |
|
1197 -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.5); |
|
1198 box-shadow: inset 0 1px 0 rgba(229,134,119,0.5); |
|
1199 color: #fff; |
|
1200 text-decoration: none; |
|
1201 text-shadow: 0 1px 0 rgba(0,0,0,0.1); |
|
1202 } |
|
1203 .option-tree-ui-button.red.hover, |
|
1204 .option-tree-ui-button.red:hover, |
|
1205 .option-tree-ui-button.red.focus, |
|
1206 .option-tree-ui-button.red:focus { |
|
1207 background-color: #b73b27; |
|
1208 background-image: -webkit-gradient(linear,left top,left bottom,from(#d2452e),to(#9b3221)); |
|
1209 background-image: -webkit-linear-gradient(top,#d2452e,#9b3221); |
|
1210 background-image: -moz-linear-gradient(top,#d2452e,#9b3221); |
|
1211 background-image: -ms-linear-gradient(top,#d2452e,#9b3221); |
|
1212 background-image: -o-linear-gradient(top,#d2452e,#9b3221); |
|
1213 background-image: linear-gradient(to bottom,#d2452e,#9b3221); |
|
1214 border-color: #7f291b; |
|
1215 -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6); |
|
1216 box-shadow: inset 0 1px 0 rgba(229,134,119,0.6); |
|
1217 color: #fff; |
|
1218 text-shadow: 0 -1px 0 rgba(0,0,0,0.3); |
|
1219 } |
|
1220 .option-tree-ui-button.red.focus, |
|
1221 .option-tree-ui-button.red:focus { |
|
1222 border-color: #4f160d; |
|
1223 -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6),1px 1px 2px rgba(0,0,0,0.4); |
|
1224 box-shadow: inset 0 1px 0 rgba(229,134,119,0.6),1px 1px 2px rgba(0,0,0,0.4); |
|
1225 } |
|
1226 .option-tree-ui-button.red.active, |
|
1227 .option-tree-ui-button.red.active:hover, |
|
1228 .option-tree-ui-button.red.active:focus, |
|
1229 .option-tree-ui-button.red:active { |
|
1230 background: #7f291b; |
|
1231 background-image: -webkit-gradient(linear,left top,left bottom,from(#9b3221),to(#b73b27)); |
|
1232 background-image: -webkit-linear-gradient(top,#9b3221,#b73b27); |
|
1233 background-image: -moz-linear-gradient(top,#9b3221,#b73b27); |
|
1234 background-image: -ms-linear-gradient(top,#9b3221,#b73b27); |
|
1235 background-image: -o-linear-gradient(top,#9b3221,#b73b27); |
|
1236 background-image: linear-gradient(to bottom,#9b3221,#b73b27); |
|
1237 border-color: #611d12 #ad3523 #ad3523 #ad3523; |
|
1238 color: rgba(255,255,255,0.95); |
|
1239 -webkit-box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); |
|
1240 box-shadow: inset 0 1px 0 rgba(0,0,0,0.1); |
|
1241 text-shadow: 0 1px 0 rgba(0,0,0,0.1); |
|
1242 } |
|
1243 .option-tree-ui-button.red[disabled], |
|
1244 .option-tree-ui-button.red:disabled, |
|
1245 .option-tree-ui-button.red-disabled { |
|
1246 color: #94cde7!important; |
|
1247 background: #ba3c29!important; |
|
1248 border-color: #7f291b!important; |
|
1249 -webkit-box-shadow: none!important; |
|
1250 box-shadow: none!important; |
|
1251 text-shadow: 0 -1px 0 rgba(0,0,0,0.1)!important; |
|
1252 cursor: default; |
|
1253 } |
2694 } |
1254 .option-tree-ui-button.right { |
2695 .option-tree-ui-button.right { |
1255 float: right; |
2696 float: right; |
1256 } |
2697 } |
1257 .option-tree-ui-button.hug-left { |
2698 .option-tree-ui-button.hug-left { |
1372 .option-tree-ui-button:hover .check, |
2814 .option-tree-ui-button:hover .check, |
1373 .option-tree-ui-button.active .pencil, |
2815 .option-tree-ui-button.active .pencil, |
1374 .option-tree-ui-button.active .check { |
2816 .option-tree-ui-button.active .check { |
1375 background-position: -54px -0px; |
2817 background-position: -54px -0px; |
1376 } |
2818 } |
|
2819 |
|
2820 /* -------------------------------------------------- |
|
2821 :: WP 3.8 Fixes (via Github @AlxMedia) |
|
2822 ---------------------------------------------------*/ |
|
2823 #option-tree-settings-api #poststuff, |
|
2824 #option-tree-settings-api #post-body-content { |
|
2825 min-width: 0; |
|
2826 } |
|
2827 #option-tree-settings-api #poststuff h3 { |
|
2828 font-family: inherit !important; |
|
2829 } |
|
2830 #option-tree-settings-api .postbox { |
|
2831 -webkit-box-shadow: none; |
|
2832 -moz-box-shadow: none; |
|
2833 box-shadow: none; |
|
2834 } |
|
2835 #option-tree-settings-api p input[type="checkbox"], |
|
2836 #option-tree-settings-api p input[type="radio"] { |
|
2837 margin-top: 2px; |
|
2838 } |
|
2839 #option-tree-settings-api .format-setting.type-checkbox p, |
|
2840 #option-tree-settings-api .format-setting.type-radio p { |
|
2841 margin: 0.3em 0 !important; |
|
2842 } |
|
2843 input.option-tree-ui-upload-input, |
|
2844 input.option-tree-ui-input { |
|
2845 padding-top: 5px; |
|
2846 padding-bottom: 5px; |
|
2847 } |
|
2848 @media screen and ( max-width: 782px ) { |
|
2849 #option-tree-settings-api p input[type="checkbox"], |
|
2850 #option-tree-settings-api p input[type="radio"] { |
|
2851 margin-top: -3px; |
|
2852 } |
|
2853 } |
|
2854 |
|
2855 /* -------------------------------------------------- |
|
2856 :: Gallery |
|
2857 ---------------------------------------------------*/ |
|
2858 ul.ot-gallery-list { |
|
2859 float: left; |
|
2860 margin: 0; |
|
2861 width: 100%; |
|
2862 } |
|
2863 ul.ot-gallery-list li { |
|
2864 background: none repeat scroll 0 0 white; |
|
2865 border: 1px solid #bbb; |
|
2866 float: left; |
|
2867 margin: 0px 10px 10px 0; |
|
2868 padding: 4px; |
|
2869 -webkit-border-radius: 2px; |
|
2870 -moz-border-radius: 2px; |
|
2871 border-radius: 2px; |
|
2872 } |
|
2873 ul.ot-gallery-list li img { |
|
2874 display: block; |
|
2875 margin: 0; |
|
2876 } |
|
2877 |
|
2878 .ot-gallery-buttons { |
|
2879 float: left; |
|
2880 width: 100%; |
|
2881 } |
|
2882 .ot-gallery-buttons a.option-tree-ui-button { |
|
2883 margin-top: 0px; |
|
2884 margin-bottom: 0px; |
|
2885 } |
|
2886 |
|
2887 /* -------------------------------------------------- |
|
2888 :: Google Fonts |
|
2889 ---------------------------------------------------*/ |
|
2890 .option-tree-google-font-family, |
|
2891 .option-tree-google-font-variants, |
|
2892 .option-tree-google-font-subsets { |
|
2893 float: left; |
|
2894 width: 20%; |
|
2895 } |
|
2896 .option-tree-google-font-family { |
|
2897 width: 100%; |
|
2898 } |
|
2899 #option-tree-settings-api p.checkbox-wrap, |
|
2900 #post-body .ot-metabox-panels p.checkbox-wrap { |
|
2901 display: block; |
|
2902 float: left; |
|
2903 margin: 0.3em 0 !important; |
|
2904 width: 100%; |
|
2905 } |
|
2906 @media screen and ( max-width: 1020px ) { |
|
2907 .option-tree-google-font-variants, |
|
2908 .option-tree-google-font-subsets { |
|
2909 width: 33%; |
|
2910 } |
|
2911 } |
|
2912 @media screen and ( max-width: 782px ) { |
|
2913 .option-tree-google-font-variants, |
|
2914 .option-tree-google-font-subsets { |
|
2915 width: 50%; |
|
2916 } |
|
2917 } |
|
2918 |
|
2919 /* -------------------------------------------------- |
|
2920 :: On/Off Switch |
|
2921 ---------------------------------------------------*/ |
|
2922 .on-off-switch .slide-button { |
|
2923 display: none; |
|
2924 } |
|
2925 @media only screen { |
|
2926 .on-off-switch { |
|
2927 background-color: #fff; |
|
2928 border: 1px solid #ccc; |
|
2929 color: #333; |
|
2930 display: block; |
|
2931 font-size: 12px; |
|
2932 font-weight: normal; |
|
2933 height: 27px; |
|
2934 margin: 2px 1px; |
|
2935 position: relative; |
|
2936 padding: 0; |
|
2937 text-align: center; |
|
2938 text-transform: uppercase; |
|
2939 width: 100px; |
|
2940 -webkit-border-radius: 2px; |
|
2941 -moz-border-radius: 2px; |
|
2942 border-radius: 2px; |
|
2943 -webkit-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05); |
|
2944 -moz-box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05); |
|
2945 box-shadow: inset 1px 1px 1px rgba(0, 0, 0, 0.05); |
|
2946 } |
|
2947 .on-off-switch * { |
|
2948 -webkit-box-sizing: border-box; |
|
2949 -moz-box-sizing: border-box; |
|
2950 box-sizing: border-box; |
|
2951 } |
|
2952 .on-off-switch input { |
|
2953 position: absolute; |
|
2954 opacity: 0; |
|
2955 } |
|
2956 .on-off-switch label { |
|
2957 cursor: pointer; |
|
2958 float: left; |
|
2959 height: 27px; |
|
2960 line-height: 27px; |
|
2961 margin: 0; |
|
2962 position: relative; |
|
2963 text-align: center; |
|
2964 vertical-align: middle; |
|
2965 width: 50%; |
|
2966 z-index: 2; |
|
2967 } |
|
2968 .on-off-switch input:last-of-type + label { |
|
2969 color: #333; |
|
2970 } |
|
2971 .on-off-switch input:checked + label { |
|
2972 color: #333; |
|
2973 } |
|
2974 .on-off-switch input:last-of-type:checked + label { |
|
2975 color: #fff; |
|
2976 } |
|
2977 .on-off-switch input:focus + label { |
|
2978 outline: none; |
|
2979 } |
|
2980 .on-off-switch .slide-button { |
|
2981 background: #b2d27e; |
|
2982 border: 1px solid #7c9258; |
|
2983 display: block; |
|
2984 height: 29px; |
|
2985 left: -1px; |
|
2986 padding: 0; |
|
2987 position: absolute; |
|
2988 text-decoration: none; |
|
2989 top: -1px; |
|
2990 width: 51%; |
|
2991 z-index: 1; |
|
2992 -webkit-border-radius: 2px; |
|
2993 -moz-border-radius: 2px; |
|
2994 border-radius: 2px; |
|
2995 -webkit-box-shadow: inset 0 1px 0 #c8eb8e, 0 1px 0 rgba(0,0,0,.08); |
|
2996 -moz-box-shadow: inset 0 1px 0 #c8eb8e, 0 1px 0 rgba(0,0,0,.08); |
|
2997 box-shadow: inset 0 1px 0 #c8eb8e, 0 1px 0 rgba(0,0,0,.08); |
|
2998 -webkit-transition: all 0.2s ease-out; |
|
2999 -moz-transition: all 0.2s ease-out; |
|
3000 transition: all 0.2s ease-out; |
|
3001 } |
|
3002 .on-off-switch input:last-of-type:checked ~ .slide-button { |
|
3003 background: #b73b27; |
|
3004 border-color: #7f291b; |
|
3005 color: #fff; |
|
3006 left: 50%; |
|
3007 -webkit-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 0 1px 0 rgba(0,0,0,.15); |
|
3008 -moz-box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 0 1px 0 rgba(0,0,0,.15); |
|
3009 box-shadow: inset 0 1px 0 rgba(229,134,119,0.6), 0 1px 0 rgba(0,0,0,.15); |
|
3010 } |
|
3011 } |
|
3012 @media only screen and (-webkit-max-device-pixel-ratio: 2) and (max-device-width: 1280px) { |
|
3013 .on-off-switch { |
|
3014 -webkit-animation: webkitSiblingBugfix infinite 1s; |
|
3015 } |
|
3016 } |
|
3017 @-webkit-keyframes webkitSiblingBugfix { |
|
3018 from { |
|
3019 -webkit-transform: translate3d(0, 0, 0); |
|
3020 } |
|
3021 to { |
|
3022 -webkit-transform: translate3d(0, 0, 0); |
|
3023 } |
|
3024 } |
|
3025 |
|
3026 /* -------------------------------------------------- |
|
3027 :: Simple Input Append & Prepend |
|
3028 ---------------------------------------------------*/ |
|
3029 .ot-input-append, |
|
3030 .ot-input-prepend { |
|
3031 display: inline-block; |
|
3032 vertical-align: middle; |
|
3033 font-size: 0; |
|
3034 white-space: nowrap; |
|
3035 } |
|
3036 .ot-input-append input { |
|
3037 position: relative; |
|
3038 margin-bottom: 0; |
|
3039 *margin-left: 0; |
|
3040 vertical-align: top; |
|
3041 -webkit-border-radius: 0 2px 2px 0; |
|
3042 -moz-border-radius: 0 2px 2px 0; |
|
3043 border-radius: 0 2px 2px 0; |
|
3044 } |
|
3045 .ot-input-append input:focus, |
|
3046 .ot-input-prepend input:focus { |
|
3047 z-index: 2; |
|
3048 } |
|
3049 .ot-input-append .ot-add-on, |
|
3050 .ot-input-prepend .ot-add-on { |
|
3051 display: inline-block; |
|
3052 width: auto; |
|
3053 height: 27px; |
|
3054 line-height: 28px; |
|
3055 min-width: 16px; |
|
3056 padding: 0 6px; |
|
3057 font-size: 16px; |
|
3058 font-weight: normal; |
|
3059 text-align: center; |
|
3060 text-shadow: 0 1px 0 white; |
|
3061 background-color: #f7f7f7; |
|
3062 border: 1px solid #ccc; |
|
3063 } |
|
3064 .ot-input-prepend input { |
|
3065 border-left: 0 !important; |
|
3066 } |
|
3067 .ot-input-prepend .ot-add-on:first-child { |
|
3068 -webkit-border-radius: 2px 0 0 2px; |
|
3069 -moz-border-radius: 2px 0 0 2px; |
|
3070 border-radius: 2px 0 0 2px; |
|
3071 } |
|
3072 .ot-input-append input { |
|
3073 border-right: 0 !important; |
|
3074 -webkit-border-radius: 2px 0 0 2px; |
|
3075 -moz-border-radius: 2px 0 0 2px; |
|
3076 border-radius: 2px 0 0 2px; |
|
3077 } |
|
3078 .ot-input-append input + .btn-group .btn:first-child { |
|
3079 -webkit-border-top-left-radius: 0; |
|
3080 -moz-border-radius-topleft: 0; |
|
3081 border-top-left-radius: 0; |
|
3082 -webkit-border-bottom-left-radius: 0; |
|
3083 -moz-border-radius-bottomleft: 0; |
|
3084 border-bottom-left-radius: 0; |
|
3085 } |
|
3086 .ot-input-append .ot-add-on:last-child { |
|
3087 -webkit-border-radius: 0 2px 2px 0; |
|
3088 -moz-border-radius: 0 2px 2px 0; |
|
3089 border-radius: 0 2px 2px 0; |
|
3090 } |
|
3091 .ot-input-prepend.ot-input-append input { |
|
3092 -webkit-border-radius: 0; |
|
3093 -moz-border-radius: 0; |
|
3094 border-radius: 0; |
|
3095 } |
|
3096 .ot-input-prepend.ot-input-append .ot-add-on:first-child { |
|
3097 -webkit-border-radius: 2px 0 0 2px; |
|
3098 -moz-border-radius: 2px 0 0 2px; |
|
3099 border-radius: 2px 0 0 2px; |
|
3100 } |
|
3101 .ot-input-prepend.ot-input-append .ot-add-on:last-child { |
|
3102 -webkit-border-radius: 0 2px 2px 0; |
|
3103 -moz-border-radius: 0 2px 2px 0; |
|
3104 border-radius: 0 2px 2px 0; |
|
3105 } |
|
3106 |
|
3107 /* -------------------------------------------------- |
|
3108 :: CSS Editor |
|
3109 ---------------------------------------------------*/ |
|
3110 #option-tree-settings-api pre.ot-css-editor, |
|
3111 #poststuff .type-css pre.ot-css-editor, |
|
3112 #option-tree-settings-api pre.ot-javascript-editor, |
|
3113 #poststuff .type-javascript pre.ot-javascript-editor { |
|
3114 bottom: 0; |
|
3115 height: 280px; |
|
3116 left: 0; |
|
3117 margin: 0 !important; |
|
3118 right: 0; |
|
3119 top: 0; |
|
3120 } |
|
3121 #option-tree-settings-api pre.ace-chrome, |
|
3122 #poststuff .type-css pre.ace-chrome, |
|
3123 #poststuff .type-javascript pre.ace-chrome { |
|
3124 background-color: #fff !important; |
|
3125 border: 1px solid #ccc; |
|
3126 -webkit-border-radius: 2px; |
|
3127 -moz-border-radius: 2px; |
|
3128 border-radius: 2px; |
|
3129 } |
|
3130 #option-tree-settings-api pre.ace-chrome:hover, |
|
3131 #poststuff .type-css pre.ace-chrome:hover, |
|
3132 #poststuff .type-javascript pre.ace-chrome:hover { |
|
3133 border-color: #bbb !important; |
|
3134 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392); |
|
3135 -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392); |
|
3136 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392); |
|
3137 } |
|
3138 #option-tree-settings-api pre.ace-chrome.ace_focus, |
|
3139 #poststuff .type-css pre.ace-chrome.ace_focus, |
|
3140 #poststuff .type-javascript pre.ace-chrome.ace_focus { |
|
3141 border-color: #999 !important; |
|
3142 -webkit-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392); |
|
3143 -moz-box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392); |
|
3144 box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.0980392); |
|
3145 } |
|
3146 |
|
3147 /* -------------------------------------------------- |
|
3148 :: Date Picker |
|
3149 ---------------------------------------------------*/ |
|
3150 .ui-datepicker { |
|
3151 background: #fff; |
|
3152 border: 1px solid #ccc; |
|
3153 height: auto; |
|
3154 margin: 5px auto 0; |
|
3155 width: 216px; |
|
3156 z-index: 101 !important; |
|
3157 -webkit-border-radius: 2px; |
|
3158 -moz-border-radius: 2px; |
|
3159 border-radius: 2px; |
|
3160 } |
|
3161 .ui-datepicker a { |
|
3162 text-decoration: none; |
|
3163 } |
|
3164 .ui-datepicker table { |
|
3165 border-collapse: collapse; |
|
3166 border-spacing: 0; |
|
3167 width: 100%; |
|
3168 } |
|
3169 .ui-datepicker .ui-widget-header { |
|
3170 left: -1px; |
|
3171 line-height: 30px; |
|
3172 position: relative; |
|
3173 top: -1px; |
|
3174 width: 218px; |
|
3175 -webkit-border-radius: 2px 2px 0 0; |
|
3176 -moz-border-radius: 2px 2px 0 0; |
|
3177 border-radius: 2px 2px 0 0; |
|
3178 } |
|
3179 .ui-datepicker .ui-datepicker-title { |
|
3180 text-align: center; |
|
3181 } |
|
3182 .ui-datepicker-prev, |
|
3183 .ui-datepicker-next { |
|
3184 color: #ccc; |
|
3185 display: inline-block; |
|
3186 font-family: "option-tree-font"; |
|
3187 font-size: 16px; |
|
3188 width: 30px; |
|
3189 height: 30px; |
|
3190 text-align: center; |
|
3191 cursor: pointer; |
|
3192 -webkit-border-radius: 2px 0 0 0; |
|
3193 -moz-border-radius: 2px 0 0 0; |
|
3194 border-radius: 2px 0 0 0; |
|
3195 } |
|
3196 .ui-datepicker-next { |
|
3197 -webkit-border-radius: 0 2px 0 0; |
|
3198 -moz-border-radius: 0 2px 0 0; |
|
3199 border-radius: 0 2px 0 0; |
|
3200 } |
|
3201 .ui-datepicker-prev span, |
|
3202 .ui-datepicker-next span { |
|
3203 display: none; |
|
3204 } |
|
3205 .ui-datepicker-prev:hover, |
|
3206 .ui-datepicker-next:hover { |
|
3207 color: #fff; |
|
3208 } |
|
3209 .ui-datepicker-prev:before { |
|
3210 border-right: 1px solid #555; |
|
3211 content: "\f104"; |
|
3212 display: block; |
|
3213 float: left; |
|
3214 width: 31px; |
|
3215 height: 30px; |
|
3216 } |
|
3217 .ui-datepicker-prev { |
|
3218 border-right: 1px solid #333; |
|
3219 float: left; |
|
3220 } |
|
3221 .ui-datepicker-next:before { |
|
3222 border-left: 1px solid #555; |
|
3223 content: "\f105"; |
|
3224 display: block; |
|
3225 float: right; |
|
3226 width: 30px; |
|
3227 height: 30px; |
|
3228 } |
|
3229 .ui-datepicker-next { |
|
3230 border-left: 1px solid #333; |
|
3231 float: right; |
|
3232 width: 31px; |
|
3233 } |
|
3234 a.ui-datepicker-prev, |
|
3235 a.ui-datepicker-next { |
|
3236 outline: 0; |
|
3237 } |
|
3238 .ui-datepicker thead { |
|
3239 background-color: #fafafa; |
|
3240 border-bottom: 1px solid #ccc; |
|
3241 } |
|
3242 .ui-datepicker th { |
|
3243 text-transform: uppercase; |
|
3244 font-size: 9px; |
|
3245 padding: 5px 0; |
|
3246 color: #555; |
|
3247 text-shadow: 1px 0px 0px rgba(255,255,255,0.5); |
|
3248 } |
|
3249 .ui-datepicker tbody td { |
|
3250 border-right: 1px solid #ccc; |
|
3251 padding: 0; |
|
3252 } |
|
3253 .ui-datepicker tbody td:last-child { |
|
3254 border-right: 0px; |
|
3255 } |
|
3256 .ui-datepicker tbody tr { |
|
3257 border-bottom: 1px solid #ccc; |
|
3258 } |
|
3259 .ui-datepicker tbody tr:last-child { |
|
3260 border-bottom: 0px; |
|
3261 } |
|
3262 .ui-datepicker td span, |
|
3263 .ui-datepicker td a { |
|
3264 display: inline-block; |
|
3265 font-size: 11px; |
|
3266 text-align: center; |
|
3267 width: 30px; |
|
3268 height: 29px; |
|
3269 line-height: 30px; |
|
3270 color: #555; |
|
3271 text-shadow: 1px 0px 0px rgba(255,255,255,0.5); |
|
3272 } |
|
3273 .ui-datepicker-calendar .ui-state-default { |
|
3274 background-color: #f1f1f1; |
|
3275 } |
|
3276 .ui-datepicker-calendar .ui-state-highlight { |
|
3277 border-radius: 0px; |
|
3278 border: none; |
|
3279 color: #0074a2; |
|
3280 } |
|
3281 .ui-datepicker-calendar .ui-state-hover { |
|
3282 background: #fff; |
|
3283 } |
|
3284 .ui-datepicker-calendar .ui-state-active { |
|
3285 background-color: #0074a2; |
|
3286 color: #fff !important; |
|
3287 text-shadow: 0px 1px 0px rgba(0,0,0,0.25); |
|
3288 position: relative; |
|
3289 } |
|
3290 .ui-datepicker-unselectable .ui-state-default { |
|
3291 background: #fff; |
|
3292 color: #aaa; |
|
3293 } |
|
3294 .ui-datepicker-calendar td:first-child .ui-state-active { |
|
3295 margin-left: 0; |
|
3296 width: 30px; |
|
3297 } |
|
3298 .ui-datepicker-calendar td:last-child .ui-state-active { |
|
3299 margin-right: 0; |
|
3300 width: 30px; |
|
3301 } |
|
3302 .ui-datepicker-calendar tr:last-child .ui-state-active { |
|
3303 height: 30px; |
|
3304 margin-bottom: 0; |
|
3305 } |
|
3306 .ui-datepicker .ui-datepicker-buttonpane { |
|
3307 background-image: none; |
|
3308 border-left: 0; |
|
3309 border-right: 0; |
|
3310 border-bottom: 0; |
|
3311 margin: 0; |
|
3312 padding: 0 .7em; |
|
3313 } |
|
3314 .ui-datepicker .ui-datepicker-buttonpane button { |
|
3315 background: #f7f7f7; |
|
3316 border: 1px solid #ccc; |
|
3317 color: #555; |
|
3318 cursor: pointer; |
|
3319 float: right; |
|
3320 height: auto; |
|
3321 margin: .7em 0; |
|
3322 padding: 5px 14px; |
|
3323 width: auto; |
|
3324 -webkit-border-radius: 3px; |
|
3325 -moz-border-radius: 3px; |
|
3326 border-radius: 3px; |
|
3327 -webkit-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08); |
|
3328 -moz-box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08); |
|
3329 box-shadow: inset 0 1px 0 #fff, 0 1px 0 rgba(0,0,0,.08); |
|
3330 } |
|
3331 .ui-datepicker .ui-datepicker-buttonpane button::-moz-focus-inner { |
|
3332 border-width: 1px 0; |
|
3333 border-style: solid none; |
|
3334 border-color: transparent; |
|
3335 padding: 0; |
|
3336 } |
|
3337 .ui-datepicker .ui-datepicker-buttonpane button:hover, |
|
3338 .ui-datepicker .ui-datepicker-buttonpane button:focus { |
|
3339 background: #fafafa; |
|
3340 border-color: #999; |
|
3341 color: #222; |
|
3342 outline: 0; |
|
3343 } |
|
3344 .ui-datepicker .ui-datepicker-buttonpane button:focus { |
|
3345 -webkit-box-shadow: 1px 1px 1px rgba(0,0,0,.2); |
|
3346 -moz-box-shadow: 1px 1px 1px rgba(0,0,0,.2); |
|
3347 box-shadow: 1px 1px 1px rgba(0,0,0,.2); |
|
3348 } |
|
3349 .ui-datepicker .ui-datepicker-buttonpane button:active { |
|
3350 background: #eee; |
|
3351 border-color: #999; |
|
3352 color: #333; |
|
3353 outline: 0; |
|
3354 -webkit-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); |
|
3355 -moz-box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); |
|
3356 box-shadow: inset 0 2px 5px -3px rgba( 0, 0, 0, 0.5 ); |
|
3357 } |
|
3358 .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { |
|
3359 float: left; |
|
3360 } |
|
3361 .ui-datepicker-calendar + .ui-datepicker-buttonpane { |
|
3362 border-bottom: 1px solid #ccc; |
|
3363 } |
|
3364 .ui-datepicker-multi-2 { |
|
3365 width: 432px !important; |
|
3366 } |
|
3367 .ui-datepicker-multi-3 { |
|
3368 width: 648px !important; |
|
3369 } |
|
3370 .ui-datepicker-multi-4 { |
|
3371 width: 864px !important; |
|
3372 } |
|
3373 .ui-datepicker-group { |
|
3374 float: left; |
|
3375 width: 216px !important; |
|
3376 } |
|
3377 .ui-datepicker-row-break { |
|
3378 clear: both; |
|
3379 width: 100%; |
|
3380 font-size: 0; |
|
3381 } |
|
3382 .ui-datepicker-multi .ui-datepicker-buttonpane { |
|
3383 border-top: 1px solid #ccc !important; |
|
3384 } |
|
3385 |
|
3386 /* default color scheme */ |
|
3387 .ui-datepicker .ui-widget-header { |
|
3388 background: #333; |
|
3389 color: #bbb; |
|
3390 } |
|
3391 .ui-datepicker .ui-widget-header a { |
|
3392 color: #999; |
|
3393 } |
|
3394 .ui-datepicker-prev, |
|
3395 .ui-datepicker-next:before { |
|
3396 border-color: #000; |
|
3397 } |
|
3398 .ui-datepicker-next, |
|
3399 .ui-datepicker-prev:before { |
|
3400 border-color: #444; |
|
3401 } |
|
3402 .ui-datepicker-prev:hover, |
|
3403 .ui-datepicker-next:hover { |
|
3404 background: #222; |
|
3405 color: #0074a2 !important; |
|
3406 } |
|
3407 /* light */ |
|
3408 .admin-color-light .ui-datepicker .ui-widget-header { |
|
3409 background: #888; |
|
3410 color: #fff; |
|
3411 } |
|
3412 .admin-color-light .ui-datepicker .ui-widget-header a { |
|
3413 color: #ccc; |
|
3414 } |
|
3415 .admin-color-light .ui-datepicker-prev, |
|
3416 .admin-color-light .ui-datepicker-next:before { |
|
3417 border-color: #3c3c3c; |
|
3418 } |
|
3419 .admin-color-light .ui-datepicker-next, |
|
3420 .admin-color-light .ui-datepicker-prev:before { |
|
3421 border-color: #999; |
|
3422 } |
|
3423 .admin-color-light .ui-datepicker-prev:hover, |
|
3424 .admin-color-light .ui-datepicker-next:hover { |
|
3425 background: #777; |
|
3426 color: #eee !important; |
|
3427 } |
|
3428 /* blue */ |
|
3429 .admin-color-blue .ui-datepicker .ui-widget-header { |
|
3430 background: #52accc; |
|
3431 color: #fff; |
|
3432 } |
|
3433 .admin-color-blue .ui-datepicker .ui-widget-header a { |
|
3434 color: #e2f8ff; |
|
3435 } |
|
3436 .admin-color-blue .ui-datepicker-prev, |
|
3437 .admin-color-blue .ui-datepicker-next:before { |
|
3438 border-color: #002b39; |
|
3439 } |
|
3440 .admin-color-blue .ui-datepicker-next, |
|
3441 .admin-color-blue .ui-datepicker-prev:before { |
|
3442 border-color: #5dc2e6; |
|
3443 } |
|
3444 .admin-color-blue .ui-datepicker-prev:hover, |
|
3445 .admin-color-blue .ui-datepicker-next:hover { |
|
3446 background: #006484; |
|
3447 color: #fff !important; |
|
3448 } |
|
3449 /* coffee */ |
|
3450 .admin-color-coffee .ui-datepicker .ui-widget-header { |
|
3451 background: #59524c; |
|
3452 color: #c7cbc9; |
|
3453 } |
|
3454 .admin-color-coffee .ui-datepicker .ui-widget-header a { |
|
3455 color: #f3f2f1; |
|
3456 } |
|
3457 .admin-color-coffee .ui-datepicker-prev, |
|
3458 .admin-color-coffee .ui-datepicker-next:before { |
|
3459 border-color: #0f0e0d; |
|
3460 } |
|
3461 .admin-color-coffee .ui-datepicker-next, |
|
3462 .admin-color-coffee .ui-datepicker-prev:before { |
|
3463 border-color: #675f58; |
|
3464 } |
|
3465 .admin-color-coffee .ui-datepicker-prev:hover, |
|
3466 .admin-color-coffee .ui-datepicker-next:hover { |
|
3467 background: #cca588; |
|
3468 color: #fff !important; |
|
3469 } |
|
3470 /* ectoplasm */ |
|
3471 .admin-color-ectoplasm .ui-datepicker .ui-widget-header { |
|
3472 background: #523f6d; |
|
3473 color: #c6c6d3; |
|
3474 } |
|
3475 .admin-color-ectoplasm .ui-datepicker .ui-widget-header a { |
|
3476 color: #f3f2f1; |
|
3477 } |
|
3478 .admin-color-ectoplasm .ui-datepicker-prev, |
|
3479 .admin-color-ectoplasm .ui-datepicker-next:before { |
|
3480 border-color: #181220; |
|
3481 } |
|
3482 .admin-color-ectoplasm .ui-datepicker-next, |
|
3483 .admin-color-ectoplasm .ui-datepicker-prev:before { |
|
3484 border-color: #644d85; |
|
3485 } |
|
3486 .admin-color-ectoplasm .ui-datepicker-prev:hover, |
|
3487 .admin-color-ectoplasm .ui-datepicker-next:hover { |
|
3488 background: #a3b542; |
|
3489 color: #fff !important; |
|
3490 } |
|
3491 /* midnight */ |
|
3492 .admin-color-midnight .ui-datepicker .ui-widget-header { |
|
3493 background: #363b3f; |
|
3494 color: #f1f2f3; |
|
3495 } |
|
3496 .admin-color-midnight .ui-datepicker .ui-widget-header a { |
|
3497 color: #f1f2f3; |
|
3498 } |
|
3499 .admin-color-midnight .ui-datepicker-prev, |
|
3500 .admin-color-midnight .ui-datepicker-next:before { |
|
3501 border-color: #090a0b; |
|
3502 } |
|
3503 .admin-color-midnight .ui-datepicker-next, |
|
3504 .admin-color-midnight .ui-datepicker-prev:before { |
|
3505 border-color: #4c5359; |
|
3506 } |
|
3507 .admin-color-midnight .ui-datepicker-prev:hover, |
|
3508 .admin-color-midnight .ui-datepicker-next:hover { |
|
3509 background: #ed543f; |
|
3510 color: #fff !important; |
|
3511 } |
|
3512 /* ocean */ |
|
3513 .admin-color-ocean .ui-datepicker .ui-widget-header { |
|
3514 background: #738e96; |
|
3515 color: #f1fcff; |
|
3516 } |
|
3517 .admin-color-ocean .ui-datepicker .ui-widget-header a { |
|
3518 color: #f1fcff; |
|
3519 } |
|
3520 .admin-color-ocean .ui-datepicker-prev, |
|
3521 .admin-color-ocean .ui-datepicker-next:before { |
|
3522 border-color: #39464a; |
|
3523 } |
|
3524 .admin-color-ocean .ui-datepicker-next, |
|
3525 .admin-color-ocean .ui-datepicker-prev:before { |
|
3526 border-color: #87a6af; |
|
3527 } |
|
3528 .admin-color-ocean .ui-datepicker-prev:hover, |
|
3529 .admin-color-ocean .ui-datepicker-next:hover { |
|
3530 background: #9ab8a0; |
|
3531 color: #fff !important; |
|
3532 } |
|
3533 /* sunrise */ |
|
3534 .admin-color-sunrise .ui-datepicker .ui-widget-header { |
|
3535 background: #da4f41; |
|
3536 color: #fff; |
|
3537 } |
|
3538 .admin-color-sunrise .ui-datepicker .ui-widget-header a { |
|
3539 color: #f3f1f1; |
|
3540 } |
|
3541 .admin-color-sunrise .ui-datepicker-prev, |
|
3542 .admin-color-sunrise .ui-datepicker-next:before { |
|
3543 border-color: #8a322a; |
|
3544 } |
|
3545 .admin-color-sunrise .ui-datepicker-next, |
|
3546 .admin-color-sunrise .ui-datepicker-prev:before { |
|
3547 border-color: #e75546; |
|
3548 } |
|
3549 .admin-color-sunrise .ui-datepicker-prev:hover, |
|
3550 .admin-color-sunrise .ui-datepicker-next:hover { |
|
3551 background: #e88436; |
|
3552 color: #fff !important; |
|
3553 } |
|
3554 |
|
3555 /* -------------------------------------------------- |
|
3556 :: Time Picker |
|
3557 ---------------------------------------------------*/ |
|
3558 .ui-timepicker-div { |
|
3559 border-top: 1px solid #ccc; |
|
3560 padding: 0 .4em; |
|
3561 } |
|
3562 .ui-timepicker-div .ui-widget-content { |
|
3563 border: 1px solid #aaa; |
|
3564 background: #fff; |
|
3565 font-weight: normal; |
|
3566 color: #212121; |
|
3567 } |
|
3568 .ui-timepicker-div .ui-slider { |
|
3569 position: relative; |
|
3570 text-align: left; |
|
3571 } |
|
3572 .ui-timepicker-div .ui-slider-horizontal { |
|
3573 height: .8em; |
|
3574 bottom: -.3em; |
|
3575 position: relative; |
|
3576 -webkit-border-radius: 2px; |
|
3577 -moz-border-radius: 2px; |
|
3578 border-radius: 2px; |
|
3579 } |
|
3580 .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle { |
|
3581 background: #f7f7f7; |
|
3582 border: 1px solid #ccc; |
|
3583 color: #555; |
|
3584 cursor: pointer; |
|
3585 display: block; |
|
3586 height: 1.3em; |
|
3587 margin-left: -.5em; |
|
3588 outline: 0; |
|
3589 position: absolute; |
|
3590 top: -.325em; |
|
3591 width: .8em; |
|
3592 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08); |
|
3593 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08); |
|
3594 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.25), 0 1px 0 rgba(0,0,0,.08); |
|
3595 -webkit-border-radius: 2px; |
|
3596 -moz-border-radius: 2px; |
|
3597 border-radius: 2px; |
|
3598 } |
|
3599 .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover { |
|
3600 background: #fafafa; |
|
3601 border-color: #999; |
|
3602 color: #222; |
|
3603 } |
|
3604 .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active { |
|
3605 background: #eee; |
|
3606 border-color: #999; |
|
3607 color: #333; |
|
3608 outline: none; |
|
3609 } |
|
3610 .ui-datepicker-prev, |
|
3611 .ui-datepicker-next:before { |
|
3612 border-color: #000; |
|
3613 } |
|
3614 .ui-datepicker-next, |
|
3615 .ui-datepicker-prev:before { |
|
3616 border-color: #444; |
|
3617 } |
|
3618 .ui-datepicker-prev:hover, |
|
3619 .ui-datepicker-next:hover { |
|
3620 background: #222; |
|
3621 color: #0074a2 !important; |
|
3622 } |
|
3623 |
|
3624 .ui-timepicker-div dl { |
|
3625 text-align: left; |
|
3626 } |
|
3627 .ui-timepicker-div dl dt { |
|
3628 float: left; |
|
3629 clear: left; |
|
3630 padding: 0 0 0 5px; |
|
3631 } |
|
3632 .ui-timepicker-div dl dd { |
|
3633 margin: 0 10px 10px 45%; |
|
3634 } |
|
3635 .ui-timepicker-div td { |
|
3636 font-size: 90%; |
|
3637 } |
|
3638 .ui-tpicker-grid-label { |
|
3639 background: none; |
|
3640 border: none; |
|
3641 margin: 0; |
|
3642 padding: 0; |
|
3643 } |
|
3644 /* default */ |
|
3645 .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle { |
|
3646 background: #333; |
|
3647 border-color: #000; |
|
3648 } |
|
3649 .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover, |
|
3650 .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active { |
|
3651 background: #444; |
|
3652 border-color: #111; |
|
3653 } |
|
3654 /* light */ |
|
3655 .admin-color-light .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle { |
|
3656 background: #888; |
|
3657 border-color: #3c3c3c; |
|
3658 } |
|
3659 .admin-color-light .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover, |
|
3660 .admin-color-light .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active { |
|
3661 background: #999; |
|
3662 border-color: #777; |
|
3663 } |
|
3664 /* blue */ |
|
3665 .admin-color-blue .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle { |
|
3666 background: #52accc; |
|
3667 border-color: #002b39; |
|
3668 } |
|
3669 .admin-color-blue .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover, |
|
3670 .admin-color-blue .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active { |
|
3671 background: #5dc2e6; |
|
3672 border-color: #006484; |
|
3673 } |
|
3674 /* coffee */ |
|
3675 .admin-color-coffee .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle { |
|
3676 background: #59524c; |
|
3677 border-color: #0f0e0d; |
|
3678 } |
|
3679 .admin-color-coffee .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover, |
|
3680 .admin-color-coffee .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active { |
|
3681 background: #cca588; |
|
3682 border-color: #675f58; |
|
3683 } |
|
3684 /* ectoplasm */ |
|
3685 .admin-color-ectoplasm .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle { |
|
3686 background: #523f6d; |
|
3687 border-color: #181220; |
|
3688 } |
|
3689 .admin-color-ectoplasm .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover, |
|
3690 .admin-color-ectoplasm .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active { |
|
3691 background: #a3b542; |
|
3692 border-color: #644d85; |
|
3693 } |
|
3694 /* midnight */ |
|
3695 .admin-color-midnight .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle { |
|
3696 background: #363b3f; |
|
3697 border-color: #090a0b; |
|
3698 } |
|
3699 .admin-color-midnight .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover, |
|
3700 .admin-color-midnight .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active { |
|
3701 background: #ed543f; |
|
3702 border-color: #a0382a; |
|
3703 } |
|
3704 /* ocean */ |
|
3705 .admin-color-ocean .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle { |
|
3706 background: #738e96; |
|
3707 border-color: #39464a; |
|
3708 } |
|
3709 .admin-color-ocean .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover, |
|
3710 .admin-color-ocean .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active { |
|
3711 background: #9ab8a0; |
|
3712 border-color: #5a6c5e; |
|
3713 } |
|
3714 /* sunrise */ |
|
3715 .admin-color-sunrise .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle { |
|
3716 background: #da4f41; |
|
3717 border-color: #8a322a; |
|
3718 } |
|
3719 .admin-color-sunrise .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle:hover, |
|
3720 .admin-color-sunrise .ui-timepicker-div .ui-slider-horizontal .ui-slider-handle.ui-state-active { |
|
3721 background: #e88436; |
|
3722 border-color: #e75546; |
|
3723 } |
|
3724 |
|
3725 /* -------------------------------------------------- |
|
3726 :: Meta Box Tabs |
|
3727 ---------------------------------------------------*/ |
|
3728 .ot-metabox-tabs.ui-tabs { |
|
3729 overflow: hidden; |
|
3730 position: relative; |
|
3731 } |
|
3732 .ot-metabox-tabs.ui-tabs .ot-metabox-wrapper { |
|
3733 overflow: hidden; |
|
3734 } |
|
3735 .ot-metabox-tabs.ui-tabs .ot-metabox-panels { |
|
3736 background: white; |
|
3737 border: 1px solid #ccc; |
|
3738 margin: 7px 0 1px 0; |
|
3739 min-height: 140px; |
|
3740 overflow: hidden; |
|
3741 padding: 12px; |
|
3742 -webkit-border-radius: 2px; |
|
3743 -moz-border-radius: 2px; |
|
3744 border-radius: 2px; |
|
3745 } |
|
3746 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav { |
|
3747 float: left; |
|
3748 list-style: none; |
|
3749 margin: 0 -1px 0 0; |
|
3750 padding: 18px 0 12px 0; |
|
3751 width: 151px; |
|
3752 } |
|
3753 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li, |
|
3754 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-focus { |
|
3755 background: none; |
|
3756 border: 1px solid transparent; |
|
3757 border-right-width: 0px; |
|
3758 display: block; |
|
3759 margin: 0; |
|
3760 outline: 0; |
|
3761 padding: 1px 0; |
|
3762 width: 150px; |
|
3763 -webkit-border-radius: 2px 0 0 2px; |
|
3764 -moz-border-radius: 2px 0 0 2px; |
|
3765 border-radius: 2px 0 0 2px; |
|
3766 } |
|
3767 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active { |
|
3768 background: white; |
|
3769 border-color: #ccc; |
|
3770 color: black; |
|
3771 } |
|
3772 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a { |
|
3773 color: #21759b; |
|
3774 display: block; |
|
3775 line-height: 18px; |
|
3776 outline: 0; |
|
3777 padding: 5px 5px 5px 12px; |
|
3778 text-decoration: none; |
|
3779 } |
|
3780 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a:hover { |
|
3781 color: black; |
|
3782 outline: none; |
|
3783 } |
|
3784 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active a { |
|
3785 color: black; |
|
3786 outline: none; |
|
3787 } |
|
3788 .ot-metabox-tabs.ui-tabs .ot-metabox-panel { |
|
3789 clear: both; |
|
3790 } |
|
3791 |
|
3792 /* -------------------------------------------------- |
|
3793 :: Theme Option & Side Metabox Tabs |
|
3794 ---------------------------------------------------*/ |
|
3795 .ot-theme-option-tabs.ui-tabs |
|
3796 #side-sortables .ot-metabox-tabs.ui-tabs { |
|
3797 position: relative; |
|
3798 } |
|
3799 .ot-theme-option-tabs.ui-tabs .inside, |
|
3800 #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-wrapper { |
|
3801 overflow: hidden; |
|
3802 } |
|
3803 .ot-theme-option-tabs.ui-tabs .ot-theme-option-panels, |
|
3804 #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-panels { |
|
3805 border: 0; |
|
3806 margin: 0; |
|
3807 overflow: hidden; |
|
3808 padding: 0; |
|
3809 width: 100%; |
|
3810 } |
|
3811 .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav, |
|
3812 #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav { |
|
3813 border-bottom: 1px solid #ccc; |
|
3814 float: none; |
|
3815 font-size: 12px !important; |
|
3816 height: 30px; |
|
3817 list-style: none; |
|
3818 margin: 2px 0 0 0; |
|
3819 padding: 0; |
|
3820 width: 100%; |
|
3821 } |
|
3822 #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav { |
|
3823 margin-top: 10px; |
|
3824 } |
|
3825 .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li.ui-state-default, |
|
3826 #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-default { |
|
3827 background: #fafafa; |
|
3828 border: 1px solid #ccc; |
|
3829 border-width: 1px 1px 0px 1px; |
|
3830 display: block; |
|
3831 float: left; |
|
3832 margin: 0 0 0 3px; |
|
3833 padding: 0; |
|
3834 outline: 0; |
|
3835 -webkit-border-radius: 2px 2px 0 0; |
|
3836 -moz-border-radius: 2px 2px 0 0; |
|
3837 border-radius: 2px 2px 0 0; |
|
3838 } |
|
3839 .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li:hover, |
|
3840 #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li:hover { |
|
3841 background: #f1f1f1; |
|
3842 border: 1px solid #ccc; |
|
3843 border-width: 1px 1px 0px 1px; |
|
3844 } |
|
3845 .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li.ui-state-active, |
|
3846 #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active { |
|
3847 background: white; |
|
3848 border-color: #ccc; |
|
3849 border-width: 1px 1px 0px 1px; |
|
3850 color: black; |
|
3851 padding: 0; |
|
3852 -webkit-border-radius: 2px 2px 0 0; |
|
3853 -moz-border-radius: 2px 2px 0 0; |
|
3854 border-radius: 2px 2px 0 0; |
|
3855 } |
|
3856 .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li a, |
|
3857 #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a { |
|
3858 color: #21759b; |
|
3859 display: block; |
|
3860 line-height: 18px; |
|
3861 outline: 0; |
|
3862 padding: 6px 12px 5px 12px !important; |
|
3863 text-decoration: none; |
|
3864 } |
|
3865 .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li a:hover, |
|
3866 #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a:hover { |
|
3867 color: black; |
|
3868 outline: none; |
|
3869 } |
|
3870 .ot-theme-option-tabs.ui-tabs .ot-theme-option-nav.ui-tabs-nav li.ui-state-active a, |
|
3871 #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active a { |
|
3872 color: black; |
|
3873 outline: none; |
|
3874 padding: 6px 12px 6px 12px !important; |
|
3875 } |
|
3876 .ot-theme-option-tabs.ui-tabs .ot-theme-option-panel, |
|
3877 #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-panel { |
|
3878 clear: both; |
|
3879 } |
|
3880 #side-sortables .ot-metabox-tabs.ui-tabs .format-setting .description, |
|
3881 #side-sortables .ot-metabox-tabs.ui-tabs .format-setting .format-setting-inner { |
|
3882 width: 100%; |
|
3883 } |
|
3884 |
|
3885 /* -------------------------------------------------- |
|
3886 :: Metabox Tabs for Small Screens & Mobile Devices |
|
3887 ---------------------------------------------------*/ |
|
3888 @media screen and ( max-width: 1020px ) { |
|
3889 .ot-metabox-tabs.ui-tabs { |
|
3890 position: relative; |
|
3891 } |
|
3892 .ot-metabox-tabs.ui-tabs .ot-metabox-wrapper { |
|
3893 overflow: hidden; |
|
3894 } |
|
3895 .ot-metabox-tabs.ui-tabs .ot-metabox-panels { |
|
3896 border: 0; |
|
3897 margin: 0; |
|
3898 overflow: hidden; |
|
3899 padding: 0; |
|
3900 width: 100%; |
|
3901 } |
|
3902 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav { |
|
3903 border-bottom: 1px solid #ccc; |
|
3904 float: none; |
|
3905 font-size: 12px !important; |
|
3906 height: 30px; |
|
3907 list-style: none; |
|
3908 margin: 2px 0 0 0; |
|
3909 padding: 0; |
|
3910 width: 100%; |
|
3911 } |
|
3912 #side-sortables .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav { |
|
3913 margin-top: 10px; |
|
3914 } |
|
3915 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li { |
|
3916 background: #fafafa; |
|
3917 border: 1px solid #ccc !important; |
|
3918 border-width: 1px 1px 0px 1px !important; |
|
3919 display: inline-block !important; |
|
3920 margin: 0 0 0 3px !important; |
|
3921 padding: 0 !important; |
|
3922 outline: 0 !important; |
|
3923 width: auto !important; |
|
3924 -webkit-border-radius: 2px 2px 0 0; |
|
3925 -moz-border-radius: 2px 2px 0 0; |
|
3926 border-radius: 2px 2px 0 0; |
|
3927 } |
|
3928 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li:hover { |
|
3929 background: #f1f1f1; |
|
3930 } |
|
3931 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active { |
|
3932 background: white; |
|
3933 color: black; |
|
3934 padding: 0; |
|
3935 -webkit-border-radius: 2px 2px 0 0; |
|
3936 -moz-border-radius: 2px 2px 0 0; |
|
3937 border-radius: 2px 2px 0 0; |
|
3938 } |
|
3939 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a { |
|
3940 color: #21759b; |
|
3941 display: block; |
|
3942 line-height: 18px; |
|
3943 outline: 0; |
|
3944 padding: 6px 12px 5px 12px !important; |
|
3945 text-decoration: none; |
|
3946 } |
|
3947 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li a:hover { |
|
3948 color: black; |
|
3949 outline: none; |
|
3950 } |
|
3951 .ot-metabox-tabs.ui-tabs .ot-metabox-nav.ui-tabs-nav li.ui-state-active a { |
|
3952 color: black; |
|
3953 outline: none; |
|
3954 padding: 6px 12px 6px 12px !important; |
|
3955 } |
|
3956 .ot-metabox-tabs.ui-tabs .ot-metabox-panel { |
|
3957 clear: both; |
|
3958 } |
|
3959 } |