Commit 76956df4ab51845f4ccf71aa24037f33e03fc59a

vijaynagar website design-phase 1
  • mouchak/static/css/main.css 248 ----------------------------++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  • Diff rendering mode:
  • inline
  • side by side

mouchak/static/css/main.css

22 font-size: 1em;22 font-size: 1em;
23 line-height: 1.4;23 line-height: 1.4;
24}24}
25body {
26 margin: 0;
27 padding: 0;
28 font-family:'Roboto', sans-serif;
29}
30.container {
31
32}
25
33.navigation-style {26.navigation-style {
34 position: relative;27 position: relative;
35 margin-top: 15px;
28 margin-top: -20px;
36 height: 41px;29 height: 41px;
37 background: none repeat scroll 0% 0% #000;
30 background: none repeat scroll 0% 0% rgb(1, 55, 40);
31
32padding-left:150px;
33
38}34}
39.navigation-style > ul > li {35.navigation-style > ul > li {
40 font-size:18px;36 font-size:18px;
……
102 {102 {
103 border:10px solid #eee;103 border:10px solid #eee;
104 transition: all 0.2s ease-in-out;104 transition: all 0.2s ease-in-out;
105width:175px;
106height:175px;
105 }107 }
106 .dp:hover108 .dp:hover
107 {109 {
……
149 clear: both;149 clear: both;
150 position: relative;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 padding: 0;153 padding: 0;
154font-size: 46px;
155font-style: italic;
156text-shadow: 0px 0px 20px #222;
154 }157 }
155158
156.block {159.block {
……
180color: #c00000;180color: #c00000;
181}181}
182182
183a:hover {
183a:hover
184 {
184color: #000000;185color: #000000;
185}186}
186187
……
196 line-height: 1px;196 line-height: 1px;
197 padding: 6px;197 padding: 6px;
198 margin:0px 0px 0px 0px;198 margin:0px 0px 0px 0px;
199 color: rgb(0, 0, 0);
199 color: #3f3b42 ;
200}200}
201ul.dropdown-menu {201ul.dropdown-menu {
202 margin:0;202 margin:0;
203 font-size:smaller;203 font-size:smaller;
204 background-color:#c00000;
204 background-color:rgb(1, 55, 49) ;
205}205}
206.dropdown-menu li a {206.dropdown-menu li a {
207 padding: 3px 20px;207 padding: 3px 20px;
208 width:100%;208 width:100%;
209 }209 }
210li.maintab:hover {210li.maintab:hover {
211 background-color:#c00000;
211 background-color:#3F3B42;
212 color:yellow;212 color:yellow;
213}213}
214.navigation-style ul li a:hover {214.navigation-style ul li a:hover {
……
216 text-decoration: none;216 text-decoration: none;
217}217}
218.dropdown-menu > li > a:hover {218.dropdown-menu > li > a:hover {
219 background-color:#000;
219 background-color:#3f3b42;
220}220}
221.dropdown-menu > li > a:focus {221.dropdown-menu > li > a:focus {
222 background-color:#c00000;222 background-color:#c00000;
223}223}
224
224.dropdown-menu
225{
226background-color:rgb(1, 55, 40);
227 }
225/*testing hover */228/*testing hover */
226body{margin-top:0px;
227 overflow-y:scroll;
228 font-size:18px;
229 }
229
230.panel-body { padding:0px;}230.panel-body { padding:0px;}
231.panel-body table tr td { padding-left: 15px }231.panel-body table tr td { padding-left: 15px }
232.panel-body .table {margin-bottom: 0px; }232.panel-body .table {margin-bottom: 0px; }
……
247247
248.col-md-4 {248.col-md-4 {
249 padding:0px 10px 0px 0px;249 padding:0px 10px 0px 0px;
250 width:14%;
251margin-left:15%;
252margin-top:2%;
253text-align:center;
250}254}
251/* Site Map style */255/* Site Map style */
252.dropdown-large {256.dropdown-large {
……
286286
287.dropdown-menu-large > li ul > li > a:hover {287.dropdown-menu-large > li ul > li > a:hover {
288text-decoration: none;288text-decoration: none;
289background-color: #C00000;
289background-color: #3f3b42;
290}290}
291.dropdown-menu-large > li ul > li > a:focus {291.dropdown-menu-large > li ul > li > a:focus {
292 text-decoration: none;292 text-decoration: none;
……
307 cursor: not-allowed;307 cursor: not-allowed;
308}308}
309.dropdown-menu-large .dropdown-header {309.dropdown-menu-large .dropdown-header {
310 color: #c00000;
310 color: white ;
311 font-size: 18px;311 font-size: 18px;
312}312}
313@media (max-width: 768px) {313@media (max-width: 768px) {
……
400 font-size: 18px;400 font-size: 18px;
401 margin-top: 15px;401 margin-top: 15px;
402 height: 41px;402 height: 41px;
403 background: none repeat scroll 0% 0% #000;
403 background: none repeat scroll 0% 0% rgb(1, 55, 40);
404 margin:0px 0px 0px 20px;404 margin:0px 0px 0px 20px;
405 padding:0px 10px;405 padding:0px 10px;
406406
407}407}
408.footer-links a:hover{408.footer-links a:hover{
409 color:red;
409 color:white;
410background-color:#3f3b42;
410 text-decoration:none;411 text-decoration:none;
411}412}
412#pageview-counter-wrapper {413#pageview-counter-wrapper {
413 margin-top: 3px;414 margin-top: 3px;
414}415}
415#collapse-sitemap .panel-body {416#collapse-sitemap .panel-body {
416 background-color:#000;
417 background-color:rgb(1, 55, 40);
417 padding-bottom:5px;418 padding-bottom:5px;
418}419}
419420
……
439 font-size: 16px;439 font-size: 16px;
440 color:#fff;440 color:#fff;
441 height: 35px;441 height: 35px;
442 background: none repeat scroll 0% 0% #000;
442 background: none repeat scroll 0% 0% rgb(1, 55, 40);
443 padding-top:2px;443 padding-top:2px;
444margin-top:4%;
444 }445 }
445446
446.footer-style li {447.footer-style li {
……
564/* ==========================================================================564/* ==========================================================================
565 Author's custom styles565 Author's custom styles
566 ========================================================================== */566 ========================================================================== */
567body {
568 padding: 30px 0px;
569 margin: 0;
570 padding: 0;
571 font-family:'Roboto', sans-serif;
572background-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 }
567582
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{
598font-size: 46px;
599font-style: italic;
600text-shadow: 0px 0px 20px #222;
601 }
602.media-object .dp .img-circle
603{
604width:150px;
605height: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;
627background-image:url( );
628 }
629/* Next button */
630#quote-carousel .carousel-control.right
631{
632 right: -12px !important;
633right: 0px;
634left: auto;
635background-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 */
568660
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{
742text-shadow: 0px 4px 7px rgb(29, 104, 96);
743color: rgb(1, 55, 49);
744font: 40px tahoma, sans-serif, arial;
745position:absolute;
746top: 1%;
747padding-left: 10px;
748 }
749
569/* ==========================================================================750/* ==========================================================================
570 Helper classes751 Helper classes
571 ========================================================================== */752 ========================================================================== */
……
936 page-break-after: avoid;936 page-break-after: avoid;
937 }937 }
938}938}
939li .dropdown .maintab: hover ul .dropdown-menu
940{ display:block;
941 }