Commit 76956df4ab51845f4ccf71aa24037f33e03fc59a
- Diff rendering mode:
- inline
- side by side
mouchak/static/css/main.css
(219 / 27)
  | |||
22 | 22 | font-size: 1em; | |
23 | 23 | line-height: 1.4; | |
24 | 24 | } | |
25 | body { | ||
26 | margin: 0; | ||
27 | padding: 0; | ||
28 | font-family:'Roboto', sans-serif; | ||
29 | } | ||
30 | .container { | ||
31 | |||
32 | } | ||
25 | |||
33 | 26 | .navigation-style { | |
34 | 27 | position: relative; | |
35 | margin-top: 15px; | ||
28 | margin-top: -20px; | ||
36 | 29 | height: 41px; | |
37 | background: none repeat scroll 0% 0% #000; | ||
30 | background: none repeat scroll 0% 0% rgb(1, 55, 40); | ||
31 | |||
32 | padding-left:150px; | ||
33 | |||
38 | 34 | } | |
39 | 35 | .navigation-style > ul > li { | |
40 | 36 | font-size:18px; | |
… | … | ||
102 | 102 | { | |
103 | 103 | border:10px solid #eee; | |
104 | 104 | transition: all 0.2s ease-in-out; | |
105 | width:175px; | ||
106 | height:175px; | ||
105 | 107 | } | |
106 | 108 | .dp:hover | |
107 | 109 | { | |
… | … | ||
149 | 149 | clear: both; | |
150 | 150 | position: relative; | |
151 | 151 | } | |
152 | #header-box .col-md-9, #header-box .col-md-3 { | ||
152 | #header-bx .col-md-9, #header-box .col-md-3 { | ||
153 | 153 | padding: 0; | |
154 | font-size: 46px; | ||
155 | font-style: italic; | ||
156 | text-shadow: 0px 0px 20px #222; | ||
154 | 157 | } | |
155 | 158 | ||
156 | 159 | .block { | |
… | … | ||
180 | 180 | color: #c00000; | |
181 | 181 | } | |
182 | 182 | ||
183 | a:hover { | ||
183 | a:hover | ||
184 | { | ||
184 | 185 | color: #000000; | |
185 | 186 | } | |
186 | 187 | ||
… | … | ||
196 | 196 | line-height: 1px; | |
197 | 197 | padding: 6px; | |
198 | 198 | margin:0px 0px 0px 0px; | |
199 | color: rgb(0, 0, 0); | ||
199 | color: #3f3b42 ; | ||
200 | 200 | } | |
201 | 201 | ul.dropdown-menu { | |
202 | 202 | margin:0; | |
203 | 203 | font-size:smaller; | |
204 | background-color:#c00000; | ||
204 | background-color:rgb(1, 55, 49) ; | ||
205 | 205 | } | |
206 | 206 | .dropdown-menu li a { | |
207 | 207 | padding: 3px 20px; | |
208 | 208 | width:100%; | |
209 | 209 | } | |
210 | 210 | li.maintab:hover { | |
211 | background-color:#c00000; | ||
211 | background-color:#3F3B42; | ||
212 | 212 | color:yellow; | |
213 | 213 | } | |
214 | 214 | .navigation-style ul li a:hover { | |
… | … | ||
216 | 216 | text-decoration: none; | |
217 | 217 | } | |
218 | 218 | .dropdown-menu > li > a:hover { | |
219 | background-color:#000; | ||
219 | background-color:#3f3b42; | ||
220 | 220 | } | |
221 | 221 | .dropdown-menu > li > a:focus { | |
222 | 222 | background-color:#c00000; | |
223 | 223 | } | |
224 | |||
224 | .dropdown-menu | ||
225 | { | ||
226 | background-color:rgb(1, 55, 40); | ||
227 | } | ||
225 | 228 | /*testing hover */ | |
226 | body{margin-top:0px; | ||
227 | overflow-y:scroll; | ||
228 | font-size:18px; | ||
229 | } | ||
229 | |||
230 | 230 | .panel-body { padding:0px;} | |
231 | 231 | .panel-body table tr td { padding-left: 15px } | |
232 | 232 | .panel-body .table {margin-bottom: 0px; } | |
… | … | ||
247 | 247 | ||
248 | 248 | .col-md-4 { | |
249 | 249 | padding:0px 10px 0px 0px; | |
250 | width:14%; | ||
251 | margin-left:15%; | ||
252 | margin-top:2%; | ||
253 | text-align:center; | ||
250 | 254 | } | |
251 | 255 | /* Site Map style */ | |
252 | 256 | .dropdown-large { | |
… | … | ||
286 | 286 | ||
287 | 287 | .dropdown-menu-large > li ul > li > a:hover { | |
288 | 288 | text-decoration: none; | |
289 | background-color: #C00000; | ||
289 | background-color: #3f3b42; | ||
290 | 290 | } | |
291 | 291 | .dropdown-menu-large > li ul > li > a:focus { | |
292 | 292 | text-decoration: none; | |
… | … | ||
307 | 307 | cursor: not-allowed; | |
308 | 308 | } | |
309 | 309 | .dropdown-menu-large .dropdown-header { | |
310 | color: #c00000; | ||
310 | color: white ; | ||
311 | 311 | font-size: 18px; | |
312 | 312 | } | |
313 | 313 | @media (max-width: 768px) { | |
… | … | ||
400 | 400 | font-size: 18px; | |
401 | 401 | margin-top: 15px; | |
402 | 402 | height: 41px; | |
403 | background: none repeat scroll 0% 0% #000; | ||
403 | background: none repeat scroll 0% 0% rgb(1, 55, 40); | ||
404 | 404 | margin:0px 0px 0px 20px; | |
405 | 405 | padding:0px 10px; | |
406 | 406 | ||
407 | 407 | } | |
408 | 408 | .footer-links a:hover{ | |
409 | color:red; | ||
409 | color:white; | ||
410 | background-color:#3f3b42; | ||
410 | 411 | text-decoration:none; | |
411 | 412 | } | |
412 | 413 | #pageview-counter-wrapper { | |
413 | 414 | margin-top: 3px; | |
414 | 415 | } | |
415 | 416 | #collapse-sitemap .panel-body { | |
416 | background-color:#000; | ||
417 | background-color:rgb(1, 55, 40); | ||
417 | 418 | padding-bottom:5px; | |
418 | 419 | } | |
419 | 420 | ||
… | … | ||
439 | 439 | font-size: 16px; | |
440 | 440 | color:#fff; | |
441 | 441 | height: 35px; | |
442 | background: none repeat scroll 0% 0% #000; | ||
442 | background: none repeat scroll 0% 0% rgb(1, 55, 40); | ||
443 | 443 | padding-top:2px; | |
444 | margin-top:4%; | ||
444 | 445 | } | |
445 | 446 | ||
446 | 447 | .footer-style li { | |
… | … | ||
564 | 564 | /* ========================================================================== | |
565 | 565 | Author's custom styles | |
566 | 566 | ========================================================================== */ | |
567 | body { | ||
568 | padding: 30px 0px; | ||
569 | margin: 0; | ||
570 | padding: 0; | ||
571 | font-family:'Roboto', sans-serif; | ||
572 | background-color:#dbdfdd; | ||
573 | margin-top:0px; | ||
574 | overflow-y:scroll; | ||
575 | font-size:18px; | ||
576 | } | ||
577 | #lightbox .modal-content { | ||
578 | display: inline-block; | ||
579 | text-align: center; | ||
580 | width:136%; | ||
581 | } | ||
567 | 582 | ||
583 | #lightbox .close { | ||
584 | opacity: 1; | ||
585 | color: rgb(255, 255, 255); | ||
586 | background-color: rgb(25, 25, 25); | ||
587 | padding: 5px 8px; | ||
588 | border-radius: 30px; | ||
589 | border: 2px solid rgb(255, 255, 255); | ||
590 | position: absolute; | ||
591 | top: -15px; | ||
592 | right: -55px; | ||
593 | |||
594 | z-index:1032; | ||
595 | } | ||
596 | .head | ||
597 | { | ||
598 | font-size: 46px; | ||
599 | font-style: italic; | ||
600 | text-shadow: 0px 0px 20px #222; | ||
601 | } | ||
602 | .media-object .dp .img-circle | ||
603 | { | ||
604 | width:150px; | ||
605 | height:150px; | ||
606 | } | ||
607 | /* carousel */ | ||
608 | #quote-carousel | ||
609 | { | ||
610 | padding: 0 10px 30px 10px; | ||
611 | margin-top: 30px 0px 0px; | ||
612 | |||
613 | } | ||
614 | /* Control buttons */ | ||
615 | #quote-carousel .carousel-control | ||
616 | { | ||
617 | background: none; | ||
618 | color: #222; | ||
619 | font-size: 2.3em; | ||
620 | text-shadow: none; | ||
621 | margin-top: 30px; | ||
622 | } | ||
623 | /* Previous button */ | ||
624 | #quote-carousel .carousel-control.left | ||
625 | { | ||
626 | left: -12px; | ||
627 | background-image:url( ); | ||
628 | } | ||
629 | /* Next button */ | ||
630 | #quote-carousel .carousel-control.right | ||
631 | { | ||
632 | right: -12px !important; | ||
633 | right: 0px; | ||
634 | left: auto; | ||
635 | background-repeat: repeat-x; | ||
636 | } | ||
637 | /* Changes the position of the indicators */ | ||
638 | #quote-carousel .carousel-indicators | ||
639 | { | ||
640 | right: 50%; | ||
641 | top: auto; | ||
642 | bottom: 0px; | ||
643 | margin-right: -19px; | ||
644 | } | ||
645 | /* Changes the color of the indicators */ | ||
646 | #quote-carousel .carousel-indicators li | ||
647 | { | ||
648 | background: #c0c0c0; | ||
649 | } | ||
650 | #quote-carousel .carousel-indicators .active | ||
651 | { | ||
652 | background: #333333; | ||
653 | } | ||
654 | #quote-carousel img | ||
655 | { | ||
656 | width: 250px; | ||
657 | height: 100px | ||
658 | } | ||
659 | /* End carousel */ | ||
568 | 660 | ||
661 | .item blockquote { | ||
662 | border-left: none; | ||
663 | margin: 0; | ||
664 | |||
665 | } | ||
666 | .item blockquote img { | ||
667 | margin-bottom: 10px; | ||
668 | |||
669 | } | ||
670 | .item blockquote p:before { | ||
671 | content: "\f10d"; | ||
672 | font-family: 'Fontawesome'; | ||
673 | float: left; | ||
674 | margin-right: 10px; | ||
675 | |||
676 | } | ||
677 | |||
678 | |||
679 | /** | ||
680 | MEDIA QUERIES | ||
681 | */ | ||
682 | |||
683 | /* Small devices (tablets, 768px and up) */ | ||
684 | @media (min-width: 768px) { | ||
685 | #quote-carousel | ||
686 | { | ||
687 | margin-bottom: 0; | ||
688 | padding: 0 40px 30px 40px; | ||
689 | margin-top: 30px; | ||
690 | |||
691 | |||
692 | |||
693 | } | ||
694 | } | ||
695 | /* Small devices (tablets, up to 768px) */ | ||
696 | @media (max-width: 768px) { | ||
697 | |||
698 | /* Make the indicators larger for easier clicking with fingers/thumb on mobile */ | ||
699 | |||
700 | #quote-carousel .carousel-indicators { | ||
701 | bottom: -20px !important; | ||
702 | } | ||
703 | #quote-carousel .carousel-indicators li { | ||
704 | display: inline-block; | ||
705 | margin: 0px 5px; | ||
706 | width: 15px; | ||
707 | height: 15px; | ||
708 | } | ||
709 | |||
710 | #quote-carousel .carousel-indicators li.active { | ||
711 | margin: 0px 5px; | ||
712 | width: 20px; | ||
713 | height: 20px; | ||
714 | |||
715 | } | ||
716 | |||
717 | .destacados{ | ||
718 | padding: 20px 0; | ||
719 | text-align: center; | ||
720 | |||
721 | } | ||
722 | .destacados > div > div{ | ||
723 | padding: 10px; | ||
724 | border: 1px solid transparent; | ||
725 | border-radius: 4px; | ||
726 | transition: 0.2s; | ||
727 | } | ||
728 | .destacados > div:hover > div{ | ||
729 | margin-top: -10px; | ||
730 | border: 1px solid rgb(200, 200, 200); | ||
731 | box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px; | ||
732 | background: rgba(200, 200, 200, 0.1); | ||
733 | transition: 0.5s; | ||
734 | } | ||
735 | |||
736 | |||
737 | |||
738 | |||
739 | |||
740 | #text | ||
741 | { | ||
742 | text-shadow: 0px 4px 7px rgb(29, 104, 96); | ||
743 | color: rgb(1, 55, 49); | ||
744 | font: 40px tahoma, sans-serif, arial; | ||
745 | position:absolute; | ||
746 | top: 1%; | ||
747 | padding-left: 10px; | ||
748 | } | ||
749 | |||
569 | 750 | /* ========================================================================== | |
570 | 751 | Helper classes | |
571 | 752 | ========================================================================== */ | |
… | … | ||
936 | 936 | page-break-after: avoid; | |
937 | 937 | } | |
938 | 938 | } | |
939 | li .dropdown .maintab: hover ul .dropdown-menu | ||
940 | { display:block; | ||
941 | } |