Commit eb581e055d5fd90ff089eb97d5da87676b76e321

broken css is fixed
  • mouchak/static/css/main.css 109 -----------------------------------------++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
  • Diff rendering mode:
  • inline
  • side by side

mouchak/static/css/main.css

2828
29 }29 }
3030
31 }
31
3232
3333
34.navigation-style { 34.navigation-style {
……
44 44
45.navigation-style > ul > li { 45.navigation-style > ul > li {
4646
47//padding-left:100px;
47padding-left:100px;
4848
49}49}
50.navigation-style > ul > li {50.navigation-style > ul > li {
……
81.navigation81.navigation
8282
83{ 83{
84//margin-left:7em;
84margin-left:7em;
85 }85 }
86hr {
87
86hr
88{ 87{
89//margin-left:7em;
90 }
88
89margin-left:7em;
90 }
91hr {91hr {
9292
93 color:blue;93 color:blue;
……
311 clear: both;311 clear: both;
312 font-weight: normal;312 font-weight: normal;
313 line-height: 1.428571429;313 line-height: 1.428571429;
314// color: white;
314 color: white;
315 white-space: normal;315 white-space: normal;
316 } 316 }
317317
……
323.dropdown-menu-large > li ul > li > a:focus { 323.dropdown-menu-large > li ul > li > a:focus {
324 text-decoration: none;324 text-decoration: none;
325 color: #262626;325 color: #262626;
326 */background-color: #f5f5f5;*/
326 /*background-color: #f5f5f5;*/
327}327}
328.dropdown-menu-large .disabled > a,328.dropdown-menu-large .disabled > a,
329.dropdown-menu-large .disabled > a:hover,329.dropdown-menu-large .disabled > a:hover,
……
469 469
470 470
471.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; 471.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto;
472}
473.mt40
474{
475 margin-top: 40px;
476 }
472477
473.mt40 { margin-top: 40px; }
474
475.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important; }478.panel { position: relative; overflow: hidden; display: block; border-radius: 0 !important; }
476.panel-default { border-color: #ebedef !important; }479.panel-default { border-color: #ebedef !important; }
477.panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; }480.panel .panel-body { position: relative; padding: 0 !important; overflow: hidden; height: auto; }
……
488}488}
489489
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; }
492492
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); }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.panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; 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;
……
514514
515 } 515 }
516 516
517
518
519
520
521
517
522518
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.panel .panel-footer h4 { display: inline; font: 400 normal 1.125em "Roboto",Arial,Verdana,sans-serif; color: #34495e margin: 0 !important; padding: 0 !important; }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.panel .panel-footer i.glyphicon { display: inline; font-size: 1.125em; cursor: pointer; }523.panel .panel-footer i.glyphicon { display: inline; font-size: 1.125em; cursor: pointer; }
530.panel .panel-footer i.glyphicon-thumbs-up { color: #1abc9c; }524.panel .panel-footer i.glyphicon-thumbs-up { color: #1abc9c; }
……
540540
541/* Carousel styles */541/* Carousel styles */
542.transition-timer-carousel .carousel-caption { 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{
545position:relative
546}
547.ekko-lightbox-nav-overlay
548{
549position:absolute;top:0;left:0;z-index:100;width:100%;height:100%
550}.ekko-lightbox-nav-overlay a
551{
552z-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{
556width:49%
557}
558.ekko-lightbox a:hover
559{
560text-decoration:none;opacity:1
561}
562.ekko-lightbox .glyphicon-chevron-left
563{
564left:0;float:left;padding-left:15px;text-align:left
565}
566.ekko-lightbox .glyphicon-chevron-right
567{
568right:0;float:right;padding-right:15px;text-align:right
569}
570.ekko-lightbox .modal-footer
571{
572text-align:left
573}
545/* Lightbox styles ends here */574/* Lightbox styles ends here */
546575
547/* Carousel styles */576/* Carousel styles */
……
596.transition-timer-carousel .carousel-caption .carousel-caption-header { 596.transition-timer-carousel .carousel-caption .carousel-caption-header {
597 margin-top: 10px;597 margin-top: 10px;
598 font-size: 24px;598 font-size: 24px;
599
600 }
599 }
601@media (min-width: 970px) { 600@media (min-width: 970px) {
602 /* Lower the font size of the carousel caption header so that our caption601 /* Lower the font size of the carousel caption header so that our caption
603 doesn't take up the full image/slide on smaller screens */602 doesn't take up the full image/slide on smaller screens */
……
612 z-index: 11;612 z-index: 11;
613 }613 }
614.transition-timer-carousel .transition-timer-carousel-progress-bar { 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 margin-top: 10px;618 margin-top: 10px;
618 font-size: 24px;619 font-size: 24px;
619}620}
620621
621@media (min-width: 970px) {
622@media (min-width: 970px)
623 {
622 /* Lower the font size of the carousel caption header so that our caption624 /* Lower the font size of the carousel caption header so that our caption
623 doesn't take up the full image/slide on smaller screens */625 doesn't take up the full image/slide on smaller screens */
624 .transition-timer-carousel .carousel-caption .carousel-caption-header {626 .transition-timer-carousel .carousel-caption .carousel-caption-header {
625 font-size: 36px;627 font-size: 36px;
626 }628 }
627}
629
628.transition-timer-carousel .carousel-indicators {630.transition-timer-carousel .carousel-indicators {
629 bottom: 0px;631 bottom: 0px;
630 margin-bottom: 5px;632 margin-bottom: 5px;
……
656 -webkit-transition: width 4.25s linear;656 -webkit-transition: width 4.25s linear;
657 -moz-transition: width 4.25s linear;657 -moz-transition: width 4.25s linear;
658 -o-transition: width 4.25s linear;658 -o-transition: width 4.25s linear;
659 transition: width 4.25s linear;
659 transition: width 4.25s linear; }
660660
661 }
662
663}661}
664662
663
665/* Carousel styles ends here */664/* Carousel styles ends here */
666/* side bar css */665/* side bar css */
667/* side menu css */666/* side menu css */
……
713/* -------------end ----------- */713/* -------------end ----------- */
714.wrapper.active { 714.wrapper.active {
715 padding-left: 0px;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.wrapper.active .sidebar-wrapper { 720.wrapper.active .sidebar-wrapper {
……
766 } 766 }
767767
768.sidebar-wrapper { 768.sidebar-wrapper {
769
769 }
770#page-content-wrapper {770#page-content-wrapper {
771 visibility: hidden;771 visibility: hidden;
772}772}
……
811811
812}812}
813/* -------------end ----------- */813/* -------------end ----------- */
814.wrapper.active {
814.wrapper.active
815{
815 padding-left: 0px;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}
819820
820.wrapper.active .sidebar-wrapper {821.wrapper.active .sidebar-wrapper {
……
935 margin-right: 0;935 margin-right: 0;
936 }936 }
937937
938}
938
939.row {939.row {
940 margin-left: 0;940 margin-left: 0;
941 margin-right: 0;941 margin-right: 0;
……
1143#quote-carousel .carousel-control.left 1143#quote-carousel .carousel-control.left
1144{ 1144{
1145 left: -12px;1145 left: -12px;
1146
1146 }
1147/* Next button */1147/* Next button */
1148#quote-carousel .carousel-control.right 1148#quote-carousel .carousel-control.right
1149{ 1149{