clockwerk-www – Diff between revs 45 and 57
?pathlinks?
Rev 45 | Rev 57 | |||
---|---|---|---|---|
Line 1... | Line 1... | |||
1 | /* default-dark-gray */ |
1 | /* default-dark-gray */ |
|
2 | @import 'https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,greek-ext,cyrillic-ext,greek,vietnamese,cyrillic,latin-ext'; |
2 | @import 'https://fonts.googleapis.com/css?family=Open+Sans:300&subset=latin,greek-ext,cyrillic-ext,greek,vietnamese,cyrillic,latin-ext'; |
|
186 | @font-face { |
154 | @font-face { |
|
187 | font-family: formoid; |
155 | font-family: formoid; |
|
188 | src:url('lib/formoid.eot'); |
156 | src:url('lib/formoid.eot'); |
|
189 | src:url('lib/formoid.eot?#iefix') format('embedded-opentype'), |
157 | src:url('lib/formoid.eot?#iefix') format('embedded-opentype'), |
|
190 | url('lib/formoid.ttf') format('truetype'), |
158 | url('lib/formoid.ttf') format('truetype'), |
|
Line 235... | Line 203... | |||
235 | |
203 | |
|
236 | .dark-grey .btn{ |
204 | .dark-grey .btn{ |
|
237 | display: -moz-inline-box; |
205 | display: -moz-inline-box; |
|
238 | display: inline-block; |
206 | display: inline-block; |
|
239 | vertical-align: middle; |
- | ||
240 | zoom: 1; |
- | ||
241 | *display: inline; |
207 | vertical-align: middle; |
|
Line 242... | Line 208... | |||
242 | } |
208 | } |
|
243 | |
209 | |
|
244 | /* Button & submit*/ |
210 | /* Button & submit*/ |
|
245 | .dark-grey select, |
211 | .dark-grey select, |
|
246 | .dark-grey input[type=button], |
212 | .dark-grey input[type=button], |
|
247 | .dark-grey .btn, |
213 | .dark-grey .btn, |
|
248 | .dark-grey input[type=submit], |
214 | .dark-grey input[type=submit], |
|
249 | .dark-grey .element-file .button{ |
215 | .dark-grey .element-file .button{ |
|
250 | display: -moz-inline-box; |
- | ||
251 | display: inline-block; |
216 | display: -moz-inline-box; |
|
252 | *display: inline; |
217 | display: inline-block; |
|
253 | padding: 4px 12px; |
218 | padding: 4px 12px; |
|
254 | text-align: center; |
219 | text-align: center; |
|
255 | font-size: 1em; |
220 | font-size: 1em; |
|
256 | padding: 6px 2%; |
221 | padding: 6px 2%; |
|
257 | font-family:inherit; |
222 | font-family:inherit; |
|
258 | text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); |
223 | text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); |
|
259 | vertical-align: middle; |
224 | vertical-align: middle; |
|
260 | cursor: pointer; |
- | ||
261 | border: 1px solid #bbbbbb; |
225 | cursor: pointer; |
|
262 | *border: 0; |
226 | border: 1px solid #bbbbbb; |
|
263 | border-color: #e6e6e6 #e6e6e6 #bfbfbf; |
227 | border-color: #e6e6e6 #e6e6e6 #bfbfbf; |
|
264 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
228 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
265 | border-bottom-color: #a2a2a2; |
229 | border-bottom-color: #a2a2a2; |
|
266 | -webkit-border-radius: 4px; |
230 | -webkit-border-radius: 4px; |
|
267 | -moz-border-radius: 4px; |
- | ||
268 | border-radius: 4px; |
231 | -moz-border-radius: 4px; |
|
269 | *zoom: 1; |
232 | border-radius: 4px; |
|
270 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
233 | -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
271 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
234 | -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
272 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
235 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); |
|
Line 279... | Line 242... | |||
279 | } |
242 | } |
|
280 | .dark-grey select, |
243 | .dark-grey select, |
|
281 | .dark-grey .btn, |
244 | .dark-grey .btn, |
|
282 | .dark-grey .element-file .button{ |
245 | .dark-grey .element-file .button{ |
|
283 | background-color: #f5f5f5; |
246 | background-color: #f5f5f5; |
|
284 | *background-color: #e6e6e6; |
- | ||
285 | background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); |
247 | background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); |
|
286 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); |
248 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); |
|
287 | background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); |
249 | background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); |
|
288 | background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); |
250 | background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); |
|
289 | background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); |
251 | background-image: linear-gradient(#ffffff, #e6e6e6); |
|
290 | background-repeat: repeat-x; |
252 | background-repeat: repeat-x; |
|
291 | } |
253 | } |
|
292 | .dark-grey select{ |
254 | .dark-grey select{ |
|
293 | text-align: left; |
255 | text-align: left; |
|
294 | width: 100%; |
256 | width: 100%; |
|
Line 298... | Line 260... | |||
298 | .dark-grey input[type=button]:hover, |
260 | .dark-grey input[type=button]:hover, |
|
299 | .dark-grey .btn:hover, |
261 | .dark-grey .btn:hover, |
|
300 | .dark-grey input[type=button]:active, |
262 | .dark-grey input[type=button]:active, |
|
301 | .dark-grey input[type=button][disabled]{ |
263 | .dark-grey input[type=button][disabled]{ |
|
302 | background-color: #e6e6e6; |
264 | background-color: #e6e6e6; |
|
303 | *background-color: #d9d9d9; |
- | ||
304 | } |
265 | } |
|
Line 305... | Line 266... | |||
305 | |
266 | |
|
306 | .dark-grey select:active, |
267 | .dark-grey select:active, |
|
307 | .dark-grey .btn:active, |
268 | .dark-grey .btn:active, |
|
Line 333... | Line 294... | |||
333 | .dark-grey .btn[disabled], |
294 | .dark-grey .btn[disabled], |
|
334 | .dark-grey input[type=button][disabled] { |
295 | .dark-grey input[type=button][disabled] { |
|
335 | cursor: default; |
296 | cursor: default; |
|
336 | background-image: none; |
297 | background-image: none; |
|
337 | opacity: 0.65; |
298 | opacity: 0.65; |
|
338 | filter: alpha(opacity=65); |
- | ||
339 | -webkit-box-shadow: none; |
299 | -webkit-box-shadow: none; |
|
340 | -moz-box-shadow: none; |
300 | -moz-box-shadow: none; |
|
341 | box-shadow: none; |
301 | box-shadow: none; |
|
342 | } |
302 | } |
|
Line 420... | Line 380... | |||
420 | |
380 | |
|
Line 421... | Line 381... | |||
421 | background-color: #fff; |
381 | background-color: #fff; |
|
422 | |
382 | |
|
423 | background: -moz-linear-gradient(top,#fff,#E3E3E3); |
- | ||
424 | background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E3E3E3)); |
383 | background: -moz-linear-gradient(top,#fff,#E3E3E3); |
|
Line 425... | Line 384... | |||
425 | filter: progid:DXImageTransform.Microsoft.gradient(enabled='true',startColorstr=#ffffff,endColorstr=#E3E3E3,GradientType=0); zoom: 1; |
384 | background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#E3E3E3)); |
|
426 | background: linear-gradient(top,#fff,#E3E3E3); |
385 | background: linear-gradient(#fff,#E3E3E3); |
|
Line 427... | Line 386... | |||
427 | |
386 | |
|
428 | background-clip: border-box; -moz-background-clip: border; -webkit-background-clip: border-box; |
387 | background-clip: border-box; -moz-background-clip: border; -webkit-background-clip: border-box; |
|
429 | background-origin: border-box; -moz-background-origin: border; -webkit-background-origin: border-box; |
388 | background-origin: border-box; -moz-background-origin: border; -webkit-background-origin: border-box; |
|
- | 389 | |
||
430 | |
390 | -webkit-font-smoothing: antialiased; |
|
431 | -webkit-font-smoothing: antialiased; |
391 | -moz-osx-font-smoothing: grayscale; |
|
432 | -moz-osx-font-smoothing: grayscale; |
392 | } |
|
433 | } |
393 | |
|
434 | /* checkbox */ |
394 | /* checkbox */ |
|
Line 487... | Line 447... | |||
487 | /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6�IE9 */ |
447 | /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6�IE9 */ |
|
488 | /*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */ |
448 | /*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */ |
|
489 | background-image: -moz-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* FF3.6 */ |
449 | background-image: -moz-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* FF3.6 */ |
|
490 | background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */ |
450 | background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */ |
|
491 | background-image: -o-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Opera 11.10+ */ |
451 | background-image: -o-linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 4px, rgba(0,0,0,0) ); /* Opera 11.10+ */ |
|
492 | background-image: linear-gradient(top, rgba(0,0,0,0.18), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); |
452 | background-image: linear-gradient(rgba(0,0,0,0.18), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); |
|
493 | border-top: solid 1px #aaa; |
453 | border-top: solid 1px #aaa; |
|
494 | border-left: solid 1px #aaa; |
454 | border-left: solid 1px #aaa; |
|
495 | border-bottom: solid 1px #ccc; |
455 | border-bottom: solid 1px #ccc; |
|
496 | border-right: solid 1px #ccc; |
456 | border-right: solid 1px #ccc; |
|
497 | -webkit-border-radius: 3px; |
457 | -webkit-border-radius: 3px; |
|
Line 507... | Line 467... | |||
507 | .dark-grey .element-address input[type=text], |
467 | .dark-grey .element-address input[type=text], |
|
508 | .dark-grey .element-name input[type=text], |
468 | .dark-grey .element-name input[type=text], |
|
509 | .dark-grey .element-file .file_text, |
469 | .dark-grey .element-file .file_text, |
|
510 | .dark-grey textarea{ |
470 | .dark-grey textarea{ |
|
511 | width: 100%; |
471 | width: 100%; |
|
512 | *width: 94%; |
- | ||
513 | } |
472 | } |
|
Line 514... | Line -... | |||
514 | |
- | ||
515 | |
473 | |
|
516 | /* prevent conflicts with bootstrap */ |
474 | /* prevent conflicts with bootstrap */ |
|
517 | .dark-grey .dropdown-menu input[type=checkbox]{ |
475 | .dark-grey .dropdown-menu input[type=checkbox]{ |
|
518 | display:none; |
476 | display:none; |
|
Line 519... | Line 477... | |||
519 | } |
477 | } |
|
520 | |
478 | |
|
521 | /* NAME last first */ |
479 | /* NAME last first */ |
|
522 | .dark-grey .element-name .nameFirst{ |
- | ||
523 | width: 40%; |
480 | .dark-grey .element-name .nameFirst{ |
|
524 | *width: 39%; |
481 | width: 40%; |
|
525 | left: 0; |
482 | left: 0; |
|
526 | display: inline-block; |
483 | display: inline-block; |
|
527 | margin-right: 5%; |
- | ||
528 | vertical-align: top; |
- | ||
529 | zoom: 1; |
484 | margin-right: 5%; |
|
530 | *display: inline; |
485 | vertical-align: top; |
|
531 | } |
486 | } |
|
532 | .dark-grey .element-name .nameLast{ |
- | ||
533 | width: 55%; |
487 | .dark-grey .element-name .nameLast{ |
|
534 | *width: 50%; |
488 | width: 55%; |
|
535 | display: inline-block; |
- | ||
536 | vertical-align: top; |
- | ||
537 | zoom: 1; |
489 | display: inline-block; |
|
Line 538... | Line 490... | |||
538 | *display: inline; |
490 | vertical-align: top; |
|
539 | } |
491 | } |
|
540 | |
492 | |
|
541 | /* ADDRESS */ |
493 | /* ADDRESS */ |
|
542 | .dark-grey .element-address .city, |
- | ||
543 | .dark-grey .element-address .zip{ |
494 | .dark-grey .element-address .city, |
|
544 | width: 47%; |
- | ||
545 | *width: 44%; |
- | ||
546 | display: inline-block; |
495 | .dark-grey .element-address .zip{ |
|
547 | zoom: 1; |
496 | width: 47%; |
|
548 | *display: inline; |
497 | display: inline-block; |
|
549 | vertical-align: top; |
498 | vertical-align: top; |
|
550 | margin-right: 6%; |
499 | margin-right: 6%; |
|
551 | } |
500 | } |
|
552 | .dark-grey .element-address .state, |
- | ||
553 | .dark-grey .element-address .country{ |
501 | .dark-grey .element-address .state, |
|
554 | width: 47%; |
- | ||
555 | *width: 44%; |
- | ||
556 | display: inline-block; |
502 | .dark-grey .element-address .country{ |
|
557 | zoom: 1; |
503 | width: 47%; |
|
558 | *display: inline; |
504 | display: inline-block; |
|
559 | vertical-align: top; |
505 | vertical-align: top; |
|
560 | } |
506 | } |
|
Line 605... | Line 551... | |||
605 | right: 0; |
551 | right: 0; |
|
606 | bottom: 0; |
552 | bottom: 0; |
|
607 | padding: 0; |
553 | padding: 0; |
|
608 | cursor: pointer; |
554 | cursor: pointer; |
|
609 | opacity: 0; |
555 | opacity: 0; |
|
610 | filter: alpha(opacity=0); |
- | ||
611 | width: 100%; |
556 | width: 100%; |
|
612 | } |
557 | } |
|
613 | * html .dark-grey .element-file .file_input, |
558 | * html .dark-grey .element-file .file_input, |
|
614 | *+html .dark-grey .element-file .file_input{ |
559 | *+html .dark-grey .element-file .file_input{ |
|
615 | position: relative; |
560 | position: relative; |
|
Line 617... | Line 562... | |||
617 | right: auto; |
562 | right: auto; |
|
618 | top: auto; |
563 | top: auto; |
|
619 | bottom: auto; |
564 | bottom: auto; |
|
620 | width: auto; |
565 | width: auto; |
|
621 | opacity: 1; |
566 | opacity: 1; |
|
622 | filter: alpha(opacity=100); |
- | ||
623 | } |
567 | } |
|
624 | * html .dark-grey .element-file .button, |
568 | * html .dark-grey .element-file .button, |
|
625 | *+html .dark-grey .element-file .button{ |
569 | *+html .dark-grey .element-file .button{ |
|
626 | display: none; |
570 | display: none; |
|
627 | } |
571 | } |
|
Line 659... | Line 603... | |||
659 | } |
603 | } |
|
Line 660... | Line 604... | |||
660 | |
604 | |
|
661 | .btn-group { |
605 | .btn-group { |
|
662 | position: relative; |
606 | position: relative; |
|
663 | display: inline-block; |
- | ||
664 | *display: inline; |
- | ||
665 | *margin-left: .3em; |
- | ||
666 | /*font-size: 0;*/ |
607 | display: inline-block; |
|
667 | white-space: nowrap; |
608 | white-space: nowrap; |
|
668 | vertical-align: middle; |
- | ||
669 | *zoom: 1; |
- | ||
670 | } |
- | ||
671 | |
- | ||
672 | .btn-group:first-child { |
- | ||
673 | *margin-left: 0; |
609 | vertical-align: middle; |
|
Line 674... | Line -... | |||
674 | } |
- | ||
675 | |
610 | } |
|
676 | |
611 | |
|
677 | .btn-group .dropdown-toggle:active, |
612 | .btn-group .dropdown-toggle:active, |
|
678 | .btn-group.open .dropdown-toggle { |
613 | .btn-group.open .dropdown-toggle { |
|
Line 705... | Line 640... | |||
705 | min-width: 160px; |
640 | min-width: 160px; |
|
706 | padding: 5px 0; |
641 | padding: 5px 0; |
|
707 | margin: 2px 0 0; |
642 | margin: 2px 0 0; |
|
708 | list-style: none; |
643 | list-style: none; |
|
709 | background-color: #ffffff; |
644 | background-color: #ffffff; |
|
710 | border: 1px solid #ccc; |
- | ||
711 | border: 1px solid rgba(0, 0, 0, 0.2); |
645 | border: 1px solid rgba(0, 0, 0, 0.2); |
|
712 | *border-right-width: 2px; |
- | ||
713 | *border-bottom-width: 2px; |
- | ||
714 | -webkit-border-radius: 6px; |
646 | -webkit-border-radius: 6px; |
|
715 | -moz-border-radius: 6px; |
647 | -moz-border-radius: 6px; |
|
716 | border-radius: 6px; |
648 | border-radius: 6px; |
|
717 | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
649 | -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
|
718 | -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
650 | -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2); |
|
Line 726... | Line 658... | |||
726 | right: 0; |
658 | right: 0; |
|
727 | left: auto; |
659 | left: auto; |
|
728 | } |
660 | } |
|
Line 729... | Line 661... | |||
729 | |
661 | |
|
730 | .dropdown-menu .divider { |
- | ||
731 | *width: 100%; |
662 | .dropdown-menu .divider { |
|
732 | height: 1px; |
663 | height: 1px; |
|
733 | margin: 9px 1px; |
- | ||
734 | *margin: -5px 0 5px; |
664 | margin: 9px 1px; |
|
735 | overflow: hidden; |
665 | overflow: hidden; |
|
736 | background-color: #e5e5e5; |
666 | background-color: #e5e5e5; |
|
737 | border-bottom: 1px solid #ffffff; |
667 | border-bottom: 1px solid #ffffff; |
|
Line 746... | Line 676... | |||
746 | text-decoration: none; |
676 | text-decoration: none; |
|
747 | } |
677 | } |
|
Line 748... | Line 678... | |||
748 | |
678 | |
|
749 | .dropdown-menu li > a:hover, |
679 | .dropdown-menu li > a:hover, |
|
750 | .dropdown-menu li > a:focus, |
680 | .dropdown-menu li > a:focus, |
|
751 | .dropdown-submenu:hover > a{ |
681 | .dropdown-submenu:hover > a { |
|
752 | color: #ffffff; |
682 | color: #ffffff; |
|
753 | text-decoration: none; |
683 | text-decoration: none; |
|
- | 684 | } |
||
754 | } |
685 | |
|
755 | .dropdown-menu li.selected > a{ |
686 | .dropdown-menu li.selected > a { |
|
756 | color: #ffffff; |
687 | color: #ffffff; |
|
757 | text-decoration: none; |
688 | text-decoration: none; |
|
Line 758... | Line 689... | |||
758 | } |
689 | } |
|
Line 764... | Line 695... | |||
764 | background-color: #0081c2; |
695 | background-color: #0081c2; |
|
765 | background-image: -moz-linear-gradient(top, #0088cc, #0077b3); |
696 | background-image: -moz-linear-gradient(top, #0088cc, #0077b3); |
|
766 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); |
697 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0077b3)); |
|
767 | background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); |
698 | background-image: -webkit-linear-gradient(top, #0088cc, #0077b3); |
|
768 | background-image: -o-linear-gradient(top, #0088cc, #0077b3); |
699 | background-image: -o-linear-gradient(top, #0088cc, #0077b3); |
|
769 | background-image: linear-gradient(to bottom, #0088cc, #0077b3); |
700 | background-image: linear-gradient(#0088cc, #0077b3); |
|
770 | background-repeat: repeat-x; |
701 | background-repeat: repeat-x; |
|
771 | outline: 0; |
702 | outline: 0; |
|
772 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0077b3', GradientType=0); |
- | ||
773 | } |
703 | } |
|
Line 774... | Line 704... | |||
774 | |
704 | |
|
775 | .dropdown-menu .disabled > a, |
705 | .dropdown-menu .disabled > a, |
|
776 | .dropdown-menu .disabled > a:hover { |
706 | .dropdown-menu .disabled > a:hover { |
|
Line 780... | Line 710... | |||
780 | .dropdown-menu .disabled > a:hover { |
710 | .dropdown-menu .disabled > a:hover { |
|
781 | text-decoration: none; |
711 | text-decoration: none; |
|
782 | cursor: default; |
712 | cursor: default; |
|
783 | background-color: transparent; |
713 | background-color: transparent; |
|
784 | background-image: none; |
714 | background-image: none; |
|
785 | filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); |
- | ||
786 | } |
715 | } |
|
Line 787... | Line 716... | |||
787 | |
716 | |
|
788 | .open > .dropdown-menu { |
717 | .open > .dropdown-menu { |
|
789 | display: block; |
718 | display: block; |
|
Line 790... | Line -... | |||
790 | } |
- | ||
791 | |
- | ||
792 | |
- | ||
793 | |
- | ||
794 | |
- | ||
795 | |
719 | } |
|
796 | |
720 | |
|
797 | .alert { |
721 | .alert { |
|
798 | padding: 8px 35px 8px 14px; |
722 | padding: 8px 35px 8px 14px; |
|
799 | margin-bottom: 20px; |
723 | margin-bottom: 20px; |
|
Line 859... | Line 783... | |||
859 | margin-left: 0; |
783 | margin-left: 0; |
|
860 | } |
784 | } |
|
Line 861... | Line 785... | |||
861 | |
785 | |
|
862 | .tooltip.in { |
786 | .tooltip.in { |
|
863 | opacity: 0.8; |
- | ||
864 | filter: alpha(opacity=80); |
787 | opacity: 0.8; |
|
Line 865... | Line 788... | |||
865 | } |
788 | } |
|
866 | |
789 | |
|
867 | .tooltip.top { |
790 | .tooltip.top { |
|
Line 1265... | Line 1188... | |||
1265 | .datepicker td.new { |
1188 | .datepicker td.new { |
|
1266 | color: #999999; |
1189 | color: #999999; |
|
1267 | } |
1190 | } |
|
1268 | .datepicker td.active, |
1191 | .datepicker td.active, |
|
1269 | .datepicker td.active:hover { |
1192 | .datepicker td.active:hover { |
|
1270 | color: #ffffff; |
- | ||
1271 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
- | ||
1272 | color: #fff; |
1193 | color: #fff; |
|
1273 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
1194 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
1274 | } |
1195 | } |
|
1275 | .datepicker td.active:hover, |
1196 | .datepicker td.active:hover, |
|
1276 | .datepicker td.active:hover:hover, |
1197 | .datepicker td.active:hover:hover, |
|
Line 1284... | Line 1205... | |||
1284 | .datepicker td.active:hover.disabled, |
1205 | .datepicker td.active:hover.disabled, |
|
1285 | .datepicker td.active[disabled], |
1206 | .datepicker td.active[disabled], |
|
1286 | .datepicker td.active:hover[disabled] { |
1207 | .datepicker td.active:hover[disabled] { |
|
1287 | color: #ffffff; |
1208 | color: #ffffff; |
|
1288 | } |
1209 | } |
|
- | 1210 | |
||
1289 | .datepicker td.active:active, |
1211 | .datepicker td.active:active, |
|
1290 | .datepicker td.active:hover:active, |
1212 | .datepicker td.active:hover:active, |
|
1291 | .datepicker td.active.active, |
1213 | .datepicker td.active.active, |
|
1292 | .datepicker td.active:hover.active { |
1214 | .datepicker td.active:hover.active { |
|
1293 | background-color: #003399 \9; |
1215 | background-color: #003399; |
|
1294 | } |
1216 | } |
|
- | 1217 | |
||
1295 | .datepicker td span { |
1218 | .datepicker td span { |
|
1296 | display: block; |
1219 | display: block; |
|
1297 | width: 1.5em; |
1220 | width: 1.5em; |
|
1298 | height: 1.7em; |
1221 | height: 1.7em; |
|
1299 | line-height: 1.6; |
1222 | line-height: 1.6; |
|
Line 1302... | Line 1225... | |||
1302 | cursor: pointer; |
1225 | cursor: pointer; |
|
1303 | -webkit-border-radius: 4px; |
1226 | -webkit-border-radius: 4px; |
|
1304 | -moz-border-radius: 4px; |
1227 | -moz-border-radius: 4px; |
|
1305 | border-radius: 4px; |
1228 | border-radius: 4px; |
|
1306 | } |
1229 | } |
|
- | 1230 | |
||
1307 | .datepicker .datepicker-months td span, |
1231 | .datepicker .datepicker-months td span, |
|
1308 | .datepicker .datepicker-years td span { |
1232 | .datepicker .datepicker-years td span { |
|
1309 | width: 3.5em; |
1233 | width: 3.5em; |
|
1310 | height: 3em; |
1234 | height: 3em; |
|
1311 | line-height: 3; |
1235 | line-height: 3; |
|
Line 1313... | Line 1237... | |||
1313 | .datepicker td span:hover { |
1237 | .datepicker td span:hover { |
|
1314 | background: #eeeeee; |
1238 | background: #eeeeee; |
|
1315 | } |
1239 | } |
|
1316 | .datepicker td span.active { |
1240 | .datepicker td span.active { |
|
1317 | color: #ffffff; |
1241 | color: #ffffff; |
|
1318 | filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); |
- | ||
1319 | color: #fff; |
- | ||
1320 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
1242 | text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); |
|
1321 | } |
1243 | } |
|
1322 | .datepicker td span.active:hover, |
1244 | .datepicker td span.active:hover, |
|
1323 | .datepicker td span.active:focus, |
1245 | .datepicker td span.active:focus, |
|
1324 | .datepicker td span.active:active, |
1246 | .datepicker td span.active:active, |
|
Line 1327... | Line 1249... | |||
1327 | .datepicker td span.active[disabled] { |
1249 | .datepicker td span.active[disabled] { |
|
1328 | color: #ffffff; |
1250 | color: #ffffff; |
|
1329 | } |
1251 | } |
|
1330 | .datepicker td span.active:active, |
1252 | .datepicker td span.active:active, |
|
1331 | .datepicker td span.active.active { |
1253 | .datepicker td span.active.active { |
|
1332 | background-color: #003399 \9; |
1254 | background-color: #003399; |
|
1333 | } |
1255 | } |
|
1334 | .datepicker td span.old { |
1256 | .datepicker td span.old { |
|
1335 | color: #999999; |
1257 | color: #999999; |
|
1336 | } |
1258 | } |
|
1337 | .datepicker thead tr:first-child th { |
1259 | .datepicker thead tr:first-child th { |
|
Line 1355... | Line 1277... | |||
1355 | background-image: -moz-linear-gradient(top, #444444, #222222); |
1277 | background-image: -moz-linear-gradient(top, #444444, #222222); |
|
1356 | background-image: -ms-linear-gradient(top, #444444, #222222); |
1278 | background-image: -ms-linear-gradient(top, #444444, #222222); |
|
1357 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); |
1279 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); |
|
1358 | background-image: -webkit-linear-gradient(top, #444444, #222222); |
1280 | background-image: -webkit-linear-gradient(top, #444444, #222222); |
|
1359 | background-image: -o-linear-gradient(top, #444444, #222222); |
1281 | background-image: -o-linear-gradient(top, #444444, #222222); |
|
1360 | background-image: linear-gradient(top, #444444, #222222); |
1282 | background-image: linear-gradient(#444444, #222222); |
|
1361 | background-repeat: repeat-x; |
1283 | background-repeat: repeat-x; |
|
1362 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0); |
- | ||
1363 | /* border-color: #1598d9 #1598d9 #007bb8 #1598d9; */ |
- | ||
1364 | } |
1284 | } |
|
1365 | .dark-grey input[type=submit]:hover, |
1285 | .dark-grey input[type=submit]:hover, |
|
1366 | .dark-grey .element-file .button:hover { |
1286 | .dark-grey .element-file .button:hover { |
|
1367 | background-color: #222222; |
1287 | background-color: #222222; |
|
1368 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#47b4eb', endColorstr='#222222', GradientType=0); |
- | ||
1369 | } |
1288 | } |
|
1370 | .dark-grey input[type=submit]:active, |
1289 | .dark-grey input[type=submit]:active, |
|
1371 | .dark-grey input[type=submit][disabled], |
1290 | .dark-grey input[type=submit][disabled], |
|
1372 | .dark-grey .element-file .button:active, |
1291 | .dark-grey .element-file .button:active, |
|
1373 | .dark-grey .element-file .button[disabled]{ |
1292 | .dark-grey .element-file .button[disabled]{ |
|
1374 | background-color: #222222; |
1293 | background-color: #222222; |
|
1375 | *background-color: #222222; |
- | ||
1376 | } |
1294 | } |
|
Line 1377... | Line 1295... | |||
1377 | |
1295 | |
|
1378 | .dark-grey input[type=text]:focus, |
1296 | .dark-grey input[type=text]:focus, |
|
1379 | .dark-grey input[type=password]:focus, |
1297 | .dark-grey input[type=password]:focus, |
|
Line 1385... | Line 1303... | |||
1385 | .dark-grey .element-file .file_text:focus{ |
1303 | .dark-grey .element-file .file_text:focus{ |
|
1386 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222; |
1304 | -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222; |
|
1387 | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222; |
1305 | -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222; |
|
1388 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222; |
1306 | box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px #222222; |
|
1389 | border-color: #222222; |
1307 | border-color: #222222; |
|
1390 | /*background-image: -ms-linear-gradient(top, #444444, #999999); /* IE10 */ |
- | ||
1391 | /*filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#22000000', EndColorStr='#00FFFFFF'); /* IE6–IE9 */ |
- | ||
1392 | /*background-image: -webkit-gradient(linear, left top, left bottom, from(#444444), to(#999999)); /* Saf4+, Chrome */ |
- | ||
1393 | background-image: -moz-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* FF3.6 */ |
1308 | background-image: -moz-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* FF3.6 */ |
|
1394 | background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */ |
1309 | background-image: -webkit-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Chrome 10+, Saf5.1+ */ |
|
1395 | background-image: -o-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Opera 11.10+ */ |
1310 | background-image: -o-linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); /* Opera 11.10+ */ |
|
1396 | background-image: linear-gradient(top, rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); |
1311 | background-image: linear-gradient(rgba(0,0,0,0.19), rgba(0,0,0,0) 5px, rgba(0,0,0,0) ); |
|
1397 | transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; |
1312 | transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; |
|
1398 | } |
1313 | } |
|
Line 1399... | Line 1314... | |||
1399 | |
1314 | |
|
1400 | /* bootstrap */ |
1315 | /* bootstrap */ |
|
Line 1405... | Line 1320... | |||
1405 | background-image: -moz-linear-gradient(top, #444444, #222222); |
1320 | background-image: -moz-linear-gradient(top, #444444, #222222); |
|
1406 | background-image: -ms-linear-gradient(top, #444444, #222222); |
1321 | background-image: -ms-linear-gradient(top, #444444, #222222); |
|
1407 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); |
1322 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); |
|
1408 | background-image: -webkit-linear-gradient(top, #444444, #222222); |
1323 | background-image: -webkit-linear-gradient(top, #444444, #222222); |
|
1409 | background-image: -o-linear-gradient(top, #444444, #222222); |
1324 | background-image: -o-linear-gradient(top, #444444, #222222); |
|
1410 | background-image: linear-gradient(top, #444444, #222222); |
1325 | background-image: linear-gradient(#444444, #222222); |
|
1411 | background-repeat: repeat-x; |
1326 | background-repeat: repeat-x; |
|
1412 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#444444', endColorstr='#222222', GradientType=0); |
- | ||
1413 | border-color: #1598d9 #1598d9 #007bb8 #1598d9; |
1327 | border-color: #1598d9 #1598d9 #007bb8 #1598d9; |
|
1414 | } |
1328 | } |
|
1415 | .dropdown-menu li.selected > a{ |
1329 | .dropdown-menu li.selected > a{ |
|
1416 | color: #ffffff; |
1330 | color: #ffffff; |
|
1417 | text-decoration: none; |
1331 | text-decoration: none; |
|
Line 1426... | Line 1340... | |||
1426 | background-color: #222222; |
1340 | background-color: #222222; |
|
1427 | background-image: -moz-linear-gradient(top, #444444, #222222); |
1341 | background-image: -moz-linear-gradient(top, #444444, #222222); |
|
1428 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); |
1342 | background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#222222)); |
|
1429 | background-image: -webkit-linear-gradient(top, #444444, #222222); |
1343 | background-image: -webkit-linear-gradient(top, #444444, #222222); |
|
1430 | background-image: -o-linear-gradient(top, #444444, #222222); |
1344 | background-image: -o-linear-gradient(top, #444444, #222222); |
|
1431 | background-image: linear-gradient(to bottom, #444444, #222222); |
1345 | background-image: linear-gradient(#444444, #222222); |
|
1432 | background-repeat: repeat-x; |
1346 | background-repeat: repeat-x; |
|
1433 | filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff444444', endColorstr='#ff222222', GradientType=0); |
- | ||
1434 | border-color: #222222 #222222 #002a80; |
- | ||
1435 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
1347 | border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); |
|
1436 | *background-color: #222222; |
- | ||
1437 | } |
1348 | } |
|
- | 1349 | |
||
1438 | .datepicker td span.active:hover, |
1350 | .datepicker td span.active:hover, |
|
1439 | .datepicker td span.active:focus, |
1351 | .datepicker td span.active:focus, |
|
1440 | .datepicker td span.active:active, |
1352 | .datepicker td span.active:active, |
|
1441 | .datepicker td span.active.active, |
1353 | .datepicker td span.active.active, |
|
1442 | .datepicker td span.active.disabled, |
1354 | .datepicker td span.active.disabled, |
|
Line 1450... | Line 1362... | |||
1450 | .datepicker td.active.active, |
1362 | .datepicker td.active.active, |
|
1451 | .datepicker td.active:hover.active, |
1363 | .datepicker td.active:hover.active, |
|
1452 | .datepicker td.active.disabled, |
1364 | .datepicker td.active.disabled, |
|
1453 | .datepicker td.active:hover.disabled, |
1365 | .datepicker td.active:hover.disabled, |
|
1454 | .datepicker td.active[disabled], |
1366 | .datepicker td.active[disabled], |
|
1455 | .datepicker td.active:hover[disabled]{ |
1367 | .datepicker td.active:hover[disabled] { |
|
1456 | background-color: #222222; |
1368 | background-color: #222222; |
|
1457 | *background-color: #222222; |
- | ||
1458 | } |
1369 | } |
|
Line 1459... | Line 1370... | |||
1459 | |
1370 | |
|
1460 | /* .dark-grey color scheme end */ |
1371 | /* .dark-grey color scheme end */ |