Commit eb581e055d5fd90ff089eb97d5da87676b76e321
- Diff rendering mode:
- inline
- side by side
mouchak/static/css/main.css
(68 / 41)
  | |||
28 | 28 | ||
29 | 29 | } | |
30 | 30 | ||
31 | } | ||
31 | |||
32 | 32 | ||
33 | 33 | ||
34 | 34 | .navigation-style { | |
… | … | ||
44 | 44 | ||
45 | 45 | .navigation-style > ul > li { | |
46 | 46 | ||
47 | //padding-left:100px; | ||
47 | padding-left:100px; | ||
48 | 48 | ||
49 | 49 | } | |
50 | 50 | .navigation-style > ul > li { | |
… | … | ||
81 | 81 | .navigation | |
82 | 82 | ||
83 | 83 | { | |
84 | //margin-left:7em; | ||
84 | margin-left:7em; | ||
85 | 85 | } | |
86 | hr { | ||
87 | |||
86 | hr | ||
88 | 87 | { | |
89 | //margin-left:7em; | ||
90 | } | ||
88 | |||
89 | margin-left:7em; | ||
90 | } | ||
91 | 91 | hr { | |
92 | 92 | ||
93 | 93 | color:blue; | |
… | … | ||
311 | 311 | clear: both; | |
312 | 312 | font-weight: normal; | |
313 | 313 | line-height: 1.428571429; | |
314 | // color: white; | ||
314 | color: white; | ||
315 | 315 | white-space: normal; | |
316 | 316 | } | |
317 | 317 | ||
… | … | ||
323 | 323 | .dropdown-menu-large > li ul > li > a:focus { | |
324 | 324 | text-decoration: none; | |
325 | 325 | color: #262626; | |
326 | */background-color: #f5f5f5;*/ | ||
326 | /*background-color: #f5f5f5;*/ | ||
327 | 327 | } | |
328 | 328 | .dropdown-menu-large .disabled > a, | |
329 | 329 | .dropdown-menu-large .disabled > a:hover, | |
… | … | ||
469 | 469 | ||
470 | 470 | ||
471 | 471 | .panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; | |
472 | } | ||
473 | .mt40 | ||
474 | { | ||
475 | margin-top: 40px; | ||
476 | } | ||
472 | 477 | ||
473 | .mt40 { margin-top: 40px; } | ||
474 | |||
475 | 478 | .panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important; } | |
476 | 479 | .panel-default { border-color: #ebedef !important; } | |
477 | 480 | .panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; } | |
… | … | ||
488 | 488 | } | |
489 | 489 | ||
490 | 490 | ||
491 | .panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; | ||
491 | .panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; } | ||
492 | 492 | ||
493 | 493 | .panel .panel-body a.zoom:hover img { transform: scale(1.3); -ms-transform: scale(1.3); -webkit-transform: scale(1.3); -o-transform: scale(1.3); -moz-transform: scale(1.3); } | |
494 | 494 | .panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; | |
… | … | ||
514 | 514 | ||
515 | 515 | } | |
516 | 516 | ||
517 | |||
518 | |||
519 | |||
520 | |||
521 | |||
517 | |||
522 | 518 | ||
523 | |||
524 | |||
525 | |||
526 | } | ||
527 | .panel .panel-footer { padding: 8px !important; background-color: #f9f9f9 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; } | ||
519 | .panel .panel-footer | ||
520 | { padding: 8px !important; background-color: #f9f9f9 !important; border-bottom-right-radius: 0 !important; border-bottom-left-radius: 0 !important; | ||
521 | } | ||
528 | 522 | .panel .panel-footer h4 { display: inline; font: 400 normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #34495e margin: 0 !important; padding: 0 !important; } | |
529 | 523 | .panel .panel-footer i.glyphicon { display: inline; font-size: 1.125em; cursor: pointer; } | |
530 | 524 | .panel .panel-footer i.glyphicon-thumbs-up { color: #1abc9c; } | |
… | … | ||
540 | 540 | ||
541 | 541 | /* Carousel styles */ | |
542 | 542 | .transition-timer-carousel .carousel-caption { | |
543 | |||
544 | */.ekko-lightbox-container{position:relative}.ekko-lightbox-nav-overlay{position:absolute;top:0;left:0;z-index:100;width:100%;height:100%}.ekko-lightbox-nav-overlay a{z-index:100;display:block;width:49%;height:100%;padding-top:45%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s}.ekko-lightbox-nav-overlay a:empty{width:49%}.ekko-lightbox a:hover{text-decoration:none;opacity:1}.ekko-lightbox .glyphicon-chevron-left{left:0;float:left;padding-left:15px;text-align:left}.ekko-lightbox .glyphicon-chevron-right{right:0;float:right;padding-right:15px;text-align:right}.ekko-lightbox .modal-footer{text-align:left} | ||
543 | } | ||
544 | */.ekko-lightbox-container{ | ||
545 | position:relative | ||
546 | } | ||
547 | .ekko-lightbox-nav-overlay | ||
548 | { | ||
549 | position:absolute;top:0;left:0;z-index:100;width:100%;height:100% | ||
550 | }.ekko-lightbox-nav-overlay a | ||
551 | { | ||
552 | z-index:100;display:block;width:49%;height:100%;padding-top:45%;font-size:30px;color:#fff;text-shadow:2px 2px 4px #000;opacity:0;filter:dropshadow(color=#000000,offx=2,offy=2);-webkit-transition:opacity .5s;-moz-transition:opacity .5s;-o-transition:opacity .5s;transition:opacity .5s | ||
553 | } | ||
554 | .ekko-lightbox-nav-overlay a:empty | ||
555 | { | ||
556 | width:49% | ||
557 | } | ||
558 | .ekko-lightbox a:hover | ||
559 | { | ||
560 | text-decoration:none;opacity:1 | ||
561 | } | ||
562 | .ekko-lightbox .glyphicon-chevron-left | ||
563 | { | ||
564 | left:0;float:left;padding-left:15px;text-align:left | ||
565 | } | ||
566 | .ekko-lightbox .glyphicon-chevron-right | ||
567 | { | ||
568 | right:0;float:right;padding-right:15px;text-align:right | ||
569 | } | ||
570 | .ekko-lightbox .modal-footer | ||
571 | { | ||
572 | text-align:left | ||
573 | } | ||
545 | 574 | /* Lightbox styles ends here */ | |
546 | 575 | ||
547 | 576 | /* Carousel styles */ | |
… | … | ||
596 | 596 | .transition-timer-carousel .carousel-caption .carousel-caption-header { | |
597 | 597 | margin-top: 10px; | |
598 | 598 | font-size: 24px; | |
599 | |||
600 | } | ||
599 | } | ||
601 | 600 | @media (min-width: 970px) { | |
602 | 601 | /* Lower the font size of the carousel caption header so that our caption | |
603 | 602 | doesn't take up the full image/slide on smaller screens */ | |
… | … | ||
612 | 612 | z-index: 11; | |
613 | 613 | } | |
614 | 614 | .transition-timer-carousel .transition-timer-carousel-progress-bar { | |
615 | |||
616 | .transition-timer-carousel .carousel-caption .carousel-caption-header { | ||
615 | } | ||
616 | .transition-timer-carousel .carousel-caption .carousel-caption-header | ||
617 | { | ||
617 | 618 | margin-top: 10px; | |
618 | 619 | font-size: 24px; | |
619 | 620 | } | |
620 | 621 | ||
621 | @media (min-width: 970px) { | ||
622 | @media (min-width: 970px) | ||
623 | { | ||
622 | 624 | /* Lower the font size of the carousel caption header so that our caption | |
623 | 625 | doesn't take up the full image/slide on smaller screens */ | |
624 | 626 | .transition-timer-carousel .carousel-caption .carousel-caption-header { | |
625 | 627 | font-size: 36px; | |
626 | 628 | } | |
627 | } | ||
629 | |||
628 | 630 | .transition-timer-carousel .carousel-indicators { | |
629 | 631 | bottom: 0px; | |
630 | 632 | margin-bottom: 5px; | |
… | … | ||
656 | 656 | -webkit-transition: width 4.25s linear; | |
657 | 657 | -moz-transition: width 4.25s linear; | |
658 | 658 | -o-transition: width 4.25s linear; | |
659 | transition: width 4.25s linear; | ||
659 | transition: width 4.25s linear; } | ||
660 | 660 | ||
661 | } | ||
662 | |||
663 | 661 | } | |
664 | 662 | ||
663 | |||
665 | 664 | /* Carousel styles ends here */ | |
666 | 665 | /* side bar css */ | |
667 | 666 | /* side menu css */ | |
… | … | ||
713 | 713 | /* -------------end ----------- */ | |
714 | 714 | .wrapper.active { | |
715 | 715 | padding-left: 0px; | |
716 | // border-right:2px solid #000; | ||
717 | // margin-left:90px; | ||
716 | border-right:2px solid #000; | ||
717 | margin-left:90px; | ||
718 | 718 | ||
719 | 719 | } | |
720 | 720 | .wrapper.active .sidebar-wrapper { | |
… | … | ||
766 | 766 | } | |
767 | 767 | ||
768 | 768 | .sidebar-wrapper { | |
769 | |||
769 | } | ||
770 | 770 | #page-content-wrapper { | |
771 | 771 | visibility: hidden; | |
772 | 772 | } | |
… | … | ||
811 | 811 | ||
812 | 812 | } | |
813 | 813 | /* -------------end ----------- */ | |
814 | .wrapper.active { | ||
814 | .wrapper.active | ||
815 | { | ||
815 | 816 | padding-left: 0px; | |
816 | // border-right:2px solid #000; | ||
817 | // margin-left:90px; | ||
817 | border-right:2px solid #000; | ||
818 | margin-left:90px; | ||
818 | 819 | } | |
819 | 820 | ||
820 | 821 | .wrapper.active .sidebar-wrapper { | |
… | … | ||
935 | 935 | margin-right: 0; | |
936 | 936 | } | |
937 | 937 | ||
938 | } | ||
938 | |||
939 | 939 | .row { | |
940 | 940 | margin-left: 0; | |
941 | 941 | margin-right: 0; | |
… | … | ||
1143 | 1143 | #quote-carousel .carousel-control.left | |
1144 | 1144 | { | |
1145 | 1145 | left: -12px; | |
1146 | |||
1146 | } | ||
1147 | 1147 | /* Next button */ | |
1148 | 1148 | #quote-carousel .carousel-control.right | |
1149 | 1149 | { |