From b7966fae3f6f04382aabbe840077cc6a43cccc28 Mon Sep 17 00:00:00 2001 From: subramanya Date: Wed, 30 Apr 2014 15:11:15 +0530 Subject: [PATCH] height and padding is changed in navigation bar --- mouchak/static/css/main.css | 1012 ++++++++++++++++++++----------------------- 1 file changed, 475 insertions(+), 537 deletions(-) diff --git a/mouchak/static/css/main.css b/mouchak/static/css/main.css index 0383941..d949bdc 100644 --- a/mouchak/static/css/main.css +++ b/mouchak/static/css/main.css @@ -14,73 +14,75 @@ html, button, input, select, -textarea { +textarea { color: #222; -} + } -html { +html { font-size: 1em; line-height: 1.4; -} -body{ + } +body{ background-color:#bcc8c0; - } +overflow-y:scroll; + } -.navigation-style { +.navigation-style { position: relative; - margin-top: -60px; - height: 41px; + margin-top: -45px; + height: 35px; background: none repeat scroll 0% 0% rgb(1, 55, 40); z-index:1000; opacity:0.7; -padding-left:100px; - -} -.navigation-style > ul > li { +padding-left:185px; + } + +.navigation-style > ul > li { font-size:18px; padding:0px 45px; -} -.navigation-style li { + } +.navigation-style li { width:auto; color:red; font-size: 16px; - line-height: 41px; + line-height: 35px; padding: 0px 30px; text-decoration: none; display: inline-block; font-size:16px; + float:left; + } + -} - -.navigation-style li a { +.navigation-style li a { width:auto; color:white; font-size:18px; -} - -.navigation-style li:hover a{ + + } +.navigation-style li:hover a{ text-decoration: none; display: inline-block; -} + } .navigation -{ -margin-left:7em; - } -hr { +{ +//margin-left:7em; + } +hr { color:blue; -} -.contentblockright { + } +.contentblockright { float: right; width: 400px -} + } /* home page content design */ -#khmdl-carousel .carousel-inner>.item>img { +#khmdl-carousel .carousel-inner>.item>img { height: 400px - } + } -.content-head1 { +.content-head1 { color:#000000; border-bottom: 1px dotted #C00000 ; width:80%; @@ -88,10 +90,10 @@ width:80%; font-size: 24px; padding: 1em 0.1em 0.1em 0em; margin: 0.2em 0.1em 0.8em 0em; -} + } -.content-head2 { +.content-head2 { color:#000000; border-bottom: 1px dotted #C00000 ; width:80%; @@ -99,31 +101,31 @@ width:80%; font-size: 24px; padding: 1em 0.1em 0.1em 0em; margin: 0.2em 0.1em 0.8em 0em; -} + } .media - { + { /*box-shadow:0px 0px 4px -2px #000;*/ margin: 20px 0; padding:30px; - } + } .dp - { + { border:10px solid #eee; transition: all 0.2s ease-in-out; width:175px; height:175px; - } + } .dp:hover - { + { border:2px solid #eee; transform:rotate(360deg); -ms-transform:rotate(360deg); -webkit-transform:rotate(360deg); /*-webkit-font-smoothing:antialiased;*/ - } + } /* content styling for other pages */ -.main-head { +.main-head { color:#000000; /*font-family: sans-serif, roboto;*/ font-size: 24px; @@ -131,70 +133,70 @@ padding: 5px 1px 2px 0px; margin: 5px 1px 8px 1px; text-align: left; border-bottom: 1px #c00000 dotted; -} -.subcontent-head { + } +.subcontent-head { color:#000000; /*font-family: sans-serif, roboto;*/ font-size: 18px; padding: 5px 1px 2px 0px; margin: 5px 1px 8px 1px; text-align: left; -} - -.col-md-6 { + + } +.col-md-6 { width: 58%; margin-left: 0.3em; -} -.my-col-9 { + } +.my-col-9 { width: 75%; float: left; clear: both; position: relative; - } - .my-col-3 { + } + .my-col-3 { width: 25%; float: left; clear: both; position: relative; - } - #header-bx .col-md-9, #header-box .col-md-3 { + } + #header-bx .col-md-9, #header-box .col-md-3 { padding: 0; font-size: 46px; font-style: italic; text-shadow: 0px 0px 20px #222; - } - -.block { + + } +.block { line-height: 150%; padding: 10px 0px 5px 2px; margin: 10px 0px 5px 2px; text-align: justify; font-size: 14px; color: #000000; -} + } -.underblock { +.underblock { line-height: 125%; font-size: 14px; text-align: justify; -} - + + } -.block em { +.block em { vertical-align: super; -} + } -a:link { +a:link { color: rgb(1, 55, 40); -} + } a:hover - { + { color: #000000; -} + } -ul.dropdown-menu li { +ul.dropdown-menu li { /* background:!important none repeat scroll 0% 0% rgb(255, 255, 255);*/ /* border-bottom: 1px inset rgb(188, 181, 215);*/ filter: none; @@ -205,86 +207,79 @@ ul.dropdown-menu li { padding: 6px; margin:0px 0px 0px 0px; color: #3f3b42 ; -} -ul.dropdown-menu { + } +ul.dropdown-menu { margin:0; font-size:smaller; background-color:rgb(1, 55, 40) ; -} -.dropdown-menu li a { + } +.dropdown-menu li a { padding: 3px 20px; - width:100%; - } -li.maintab:hover { + width:100%; + } +li.maintab:hover { background-color:#3F3B42; color:yellow; -} -.navigation-style ul li a:hover { + } +.navigation-style ul li a:hover { color: white; text-decoration: none; -} -.dropdown-menu > li > a:hover { + } +.dropdown-menu > li > a:hover { background-color:#3f3b42; -} -.dropdown-menu > li > a:focus { + } +.dropdown-menu > li > a:focus { background-color:#3f3b42; -} + } .dropdown-menu -{ +{ background-color:rgb(1, 55, 40); - } + } /*testing hover */ -.panel-body { padding:0px;} -.panel-body table tr td { padding-left: 15px } -.panel-body .table {margin-bottom: 0px; } + + + -li.a { +li.a { color:#000; border-right:none; list-style-type:square; -} -.header-color{ + } +.header-color{ color:red; -} - - - - - - - -.col-md-4 { + } +.col-md-4 { padding:0px 10px 0px 0px; width:14%; margin-left:15%; margin-top:2%; text-align:center; color:rgb(1, 55, 40); -} + } /* Site Map style */ -.dropdown-large { +.dropdown-large { position: static !important; -} -.dropdown-menu-large { + } +.dropdown-menu-large { margin-left: 16px; margin-right: 16px; padding: 20px 0px; width: auto; - -} -.col-lg-12 { + } + +.col-lg-12 { list-style:none; font-size:16px; -} -.dropdown-menu-large > li > ul { + } +.dropdown-menu-large > li > ul { padding: 0; margin: 0; -} -.dropdown-menu-large > li > ul > li { + } +.dropdown-menu-large > li > ul > li { list-style: none; -} -.dropdown-menu-large > li > ul > li > a { + } +.dropdown-menu-large > li > ul > li > a { display: block; padding: 3px 20px; clear: both; @@ -292,58 +287,59 @@ font-size:16px; line-height: 1.428571429; // color: white; white-space: normal; -} + } -.dropdown-menu-large > li ul > li > a:hover { +.dropdown-menu-large > li ul > li > a:hover { text-decoration: none; background-color: #3f3b42; -} -.dropdown-menu-large > li ul > li > a:focus { + } +.dropdown-menu-large > li ul > li > a:focus { text-decoration: none; color: #262626; */background-color: #f5f5f5;*/ -/head} +} .dropdown-menu-large .disabled > a, .dropdown-menu-large .disabled > a:hover, -.dropdown-menu-large .disabled > a:focus { +.dropdown-menu-large .disabled > a:focus { color: #999999; -} + } .dropdown-menu-large .disabled > a:hover, -.dropdown-menu-large .disabled > a:focus { +.dropdown-menu-large .disabled > a:focus { text-decoration: none; background-color: transparent; background-image: none; filter: progid:DXImageTransform.Microsoft.gradient(enabled = false); cursor: not-allowed; -} -.dropdown-menu-large .dropdown-header { + } +.dropdown-menu-large .dropdown-header { color: white ; font-size: 18px; -} -@media (max-width: 768px) { - .dropdown-menu-large { + } +@media (max-width: 768px) { + .dropdown-menu-large { margin-left: 0 ; margin-right: 0 ; - } - .dropdown-menu-large > li { + } + .dropdown-menu-large > li { margin-bottom: 30px; - } - .dropdown-menu-large > li:last-child { + } + .dropdown-menu-large > li:last-child { margin-bottom: 0; - } - .dropdown-menu-large .dropdown-header { + } + .dropdown-menu-large .dropdown-header { padding: 3px 15px !important; - } -} + + }} + /* style map styles end */ -/*dropsown sub menu css */ +/*dropdown sub menu css */ -.dropdown-submenu { +.dropdown-submenu { position: relative; -} + } -.dropdown-submenu>.dropdown-menu { +.dropdown-submenu>.dropdown-menu { top: 0; left: 100%; margin-top: -6px; @@ -351,13 +347,13 @@ background-color: #3f3b42; -webkit-border-radius: 0 6px 6px 6px; -moz-border-radius: 0 6px 6px; border-radius: 0 6px 6px 6px; -} + } -.dropdown-submenu:hover>.dropdown-menu { +.dropdown-submenu:hover>.dropdown-menu { display: block; -} + } -.dropdown-submenu>a:after { +.dropdown-submenu>a:after { display: block; content: " "; float: right; @@ -369,43 +365,43 @@ background-color: #3f3b42; border-left-color: #ccc; margin-top: 5px; margin-right: -10px; -} + } -.dropdown-submenu:hover>a:after { +.dropdown-submenu:hover>a:after { border-left-color: #fff; -} + } -.dropdown-submenu.pull-left { +.dropdown-submenu.pull-left { float: none; -} + } -.dropdown-submenu.pull-left>.dropdown-menu { +.dropdown-submenu.pull-left>.dropdown-menu { left: -100%; margin-left: 10px; -webkit-border-radius: 6px 0 6px 6px; -moz-border-radius: 6px 0 6px 6px; border-radius: 6px 0 6px 6px; -} + } /* drop down menu css ends here */ /* footer social icons style*/ -#footer-container { +#footer-container { margin-bottom:20px; -} -.social-icons { + } +.social-icons { - } - -.panel-default > .panel-heading { + + } +.panel-default > .panel-heading { background-color: #000; padding: 5px 0px; -} - -.footer-links { + + } +.footer-links { margin-top: 1px; -} + } -.footer-links a { +.footer-links a { osition: relative; color:#fff; font-size: 18px; @@ -414,39 +410,296 @@ background-color: #3f3b42; background: none repeat scroll 0% 0% rgb(1, 55, 40); margin:0px 0px 0px 20px; padding:0px 10px; - -} -.footer-links a:hover{ + } + +.footer-links a:hover{ color:white; background-color:#3f3b42; text-decoration:none; -} -#pageview-counter-wrapper { + } +#pageview-counter-wrapper { margin-top: 3px; -} -#collapse-sitemap .panel-body { + } +#collapse-sitemap .panel-body { background-color:rgb(1, 55, 40); padding-bottom:5px; -} - -#small-footer { + + } +#small-footer { font-size:12px; margin-top:10px; margin-left:2em; -} + } /* footer style ends here */ +/* Lightbox styles */ +@import "http://fonts.googleapis.com/css?family=Roboto:300,400,500,700"; + + + + + + + +.panel .panel-body a img { display: block; margin: 0; width: 100%; height: auto; + transition: all 0.5s; + -moz-transition: all 0.5s; + -webkit-transition: all 0.5s; + -o-transition: all 0.5s; +} + +.panel .panel-body a.zoom span.overlay { position: absolute; top: 0; left: 0; visibility: hidden; height: 100%; width: 100%; background-color: #000; opacity: 0; + transition: opacity .25s ease-out; + -moz-transition: opacity .25s ease-out; + -webkit-transition: opacity .25s ease-out; + -o-transition: opacity .25s ease-out; + } + +.panel .panel-body a.zoom:hover span.overlay i { position: absolute; top: 45%; left: 0%; width: 100%; font-size: 2.25em; color: #fff !important; text-align: center; + opacity: 1; + -moz-opacity: 1; + -webkit-opacity: 1; + filter: alpha(opacity=1); + -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=1)"; + } + + + + + + + + + + +/*! + * Lightbox for Bootstrap 3 by @ashleydw + * https://github.com/ashleydw/lightbox + * + * License: https://github.com/ashleydw/lightbox/blob/master/LICENSE + +/* Lightbox styles ends here */ + +/* Carousel styles */ +.transition-timer-carousel .carousel-caption { + background: -moz-linear-gradient(top, rgba(0,0,0,0) 0%, rgba(0,0,0,0.1) 4%, rgba(0,0,0,0.5) 32%, rgba(0,0,0,1) 100%); /* FF3.6+ */ + background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0)), color-stop(4%,rgba(0,0,0,0.1)), color-stop(32%,rgba(0,0,0,0.5)), color-stop(100%,rgba(0,0,0,1))); /* Chrome,Safari4+ */ + background: -webkit-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Chrome10+,Safari5.1+ */ + background: -o-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* Opera 11.10+ */ + background: -ms-linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* IE10+ */ + background: linear-gradient(to bottom, rgba(0,0,0,0) 0%,rgba(0,0,0,0.1) 4%,rgba(0,0,0,0.5) 32%,rgba(0,0,0,1) 100%); /* W3C */ + filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ + width: 100%; + left: 0px; + right: 0px; + bottom: 0px; + text-align: left; + padding-top: 5px; + padding-left: 15%; + padding-right: 15%; +} +.transition-timer-carousel .carousel-caption .carousel-caption-header { + margin-top: 10px; + font-size: 24px; + + } +@media (min-width: 970px) { + /* Lower the font size of the carousel caption header so that our caption + doesn't take up the full image/slide on smaller screens */ + .transition-timer-carousel .carousel-caption .carousel-caption-header { + font-size: 36px; + } + +.transition-timer-carousel .carousel-indicators { + bottom: 0px; + margin-bottom: 5px; + } +.transition-timer-carousel .carousel-control { + z-index: 11; + } +.transition-timer-carousel .transition-timer-carousel-progress-bar { + height: 5px; + background-color: #5cb85c; + width: 0%; + margin: -5px 0px 0px 0px; + border: none; + z-index: 11; + position: relative; + } +.transition-timer-carousel .transition-timer-carousel-progress-bar.animate{ + /* We make the transition time shorter to avoid the slide transitioning + before the timer bar is "full" - change the 4.25s here to fit your + carousel's transition time */ + -webkit-transition: width 4.25s linear; + -moz-transition: width 4.25s linear; + -o-transition: width 4.25s linear; + transition: width 4.25s linear; + } +/* Carousel styles ends here */ +/* side bar css */ +/* side menu css */ + +#page-content-wrapper { + visibility: hidden; + } + +@media (max-width:767px) { + .wrapper { + padding-left: 70px; + } +.sidebar-wrapper { + left: 70px; + } + +.wrapper.active .container{ + padding-left: 150px; + + } +.wrapper.active .sidebar-wrapper { + left: 150px; + width: 150px; + } + + + +.sidebar-wrapper .row { + margin: 10px 0; + } + +.link_disabled { + pointer-events: none; + cursor: none; + color: gray; + } +} +@media (max-width:450px) { + .thumbnail { + height: 350px; + } + +.caption_heading { + height: 100px; + } +} + + +/* -------------end ----------- */ +.wrapper.active { + padding-left: 0px; +// border-right:2px solid #000; +// margin-left:90px; + + } +.wrapper.active .sidebar-wrapper { + left: 250px; + /*border-right:4px solid #727272;*/ + } + +.heading { + border-bottom:1px solid #262525; + } + +#message { + padding-left: 15px; + padding-right: -15px; + } + + +.menu-toggle { + font-size:18px; + color:#000; + } +.menu-icon { + margin-left: -30px; + } +.main_icon { + margin-right:20px; + } + +.personal-info,.server-stats { + list-style: none; + padding-left: 0; + } + +.progress { + + height: 5px; + } + +h5 { + color: #000; + } + +.radio, .checkbox { + color:#000; + margin-left: 10px; + } +.radio label, .checkbox label { + font-size:14px; + } + +.sidebar-wrapper { + /*transform*/ + -webkit-transform: translateZ(0); + -moz-transform: translateZ(0); + -o-transform: translateZ(0); + -ms-transform: translateZ(0); + transform: translateZ(0); + margin-left: -250px; + left: 20px; + margin-top: 30px; + width: 270px; + background: #f0f0f0; + position: fixed; + height: auto; + -ms-overflow-y: auto; + overflow-y: auto; + z-index: 10000; + -webkit-transition: all .4s ease 0s; + -moz-transition: all .4s ease 0s; + -o-transition: all .4s ease 0s; + -ms-transition: all .4s ease 0s; + transition: all .4s ease 0s; + box-shadow: 1px 1px 1px #262525; + border-left: none; + padding-right: 5px; + padding-left: 10px; + + } +.home-icon-title { + /*text-align: center;*/ + } +.sidebar-link a{ + color:#262525; + padding-left:10px; + font-size:16px; + } +.sidebar-link a:hover{ + color:#262525; + } +.sidebar-heading { + color:#1e9e04; + padding-left:10px; + font-size:18px; + + } +.row { + margin-left: 0; + margin-right: 0; + } +/* sidebar css ends here */ + /* Search box styles */ -.input-group { +.input-group { flaot:right; position: relative; display: table; border-collapse: separate; margin-top: 7.5%; -} - -.footer-style { + + } +.footer-style { position: relative; font-size: 16px; color:#fff; @@ -454,9 +707,9 @@ margin-left:2em; background: none repeat scroll 0% 0% rgb(1, 55, 40); padding-top:2px; margin-top:4%; - } + } -.footer-style li { +.footer-style li { width:auto; color:red; font-size: 16px; @@ -465,72 +718,72 @@ margin-top:4%; text-decoration: none; display: inline-block; border-right: 1px solid rgb(255, 255, 255); + } + -} - -.footer-style li a { +.footer-style li a { width:auto; color:white; -} -.dropdown-menu-large > li ul > li > a{ + } +.dropdown-menu-large > li ul > li > a{ color:white; padding-left: 0px; padding-right: 5px; + } + -} - -.dropdown-menu-large > li ul > li > a:hover{ +.dropdown-menu-large > li ul > li > a:hover{ color:white; -} - + + } /* * Remove text-shadow in selection highlight: h5bp.com/i * These selection rule sets have to be separate. * Customize the background color to match your design. */ -::-moz-selection { +::-moz-selection { background: #b3d4fc; text-shadow: none; -} + } -::selection { +::selection { background: #b3d4fc; text-shadow: none; -} - + + } @import url('//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css'); @import url('//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css'); -.panel-heading { +.panel-heading { cursor: pointer; } /* CSS Method for adding Font Awesome Chevron Icons */ - .accordion-toggle:after { + .accordion-toggle:after { /* symbol for "opening" panels */ font-family:'FontAwesome'; content:"\f077"; float: right; color: inherit; -} -.panel-heading.collapsed .accordion-toggle:after { + } +.panel-heading.collapsed .accordion-toggle:after { /* symbol for "collapsed" panels */ content:"\f078"; - + } /* * A better looking default horizontal rule */ -hr { +hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; -} + } /* * Remove the gap between images, videos, audio and canvas and the bottom of @@ -540,43 +793,43 @@ hr { audio, canvas, img, -video { +video { vertical-align: middle; -} + } /* * Remove default fieldset styles. */ -fieldset { +fieldset { border: 0; margin: 0; padding: 0; -} + } /* * Allow only vertical resizing of textareas. */ -textarea { +textarea { resize: vertical; -} + } /* ========================================================================== Browse Happy prompt ========================================================================== */ -.browsehappy { +.browsehappy { margin: 0.2em 0; background: #ccc; color: #000; padding: 0.2em 0; -} + } /* ========================================================================== Author's custom styles ========================================================================== */ -body { +body { padding: 30px 0px; margin: 0; padding: 0; @@ -586,13 +839,13 @@ background-color:#dbdfdd; overflow-y:scroll; font-size:18px; } -#lightbox .modal-content { +#lightbox .modal-content { display: inline-block; text-align: center; width:136%; - } + } -#lightbox .close { +#lightbox .close { opacity: 1; color: rgb(255, 255, 255); background-color: rgb(25, 25, 25); @@ -606,26 +859,26 @@ background-color:#dbdfdd; z-index:1032; } .head -{ +{ font-size: 46px; font-style: italic; text-shadow: 0px 0px 20px #222; - } + } .media-object .dp .img-circle -{ +{ width:150px; height:150px; - } + } /* carousel */ #quote-carousel -{ +{ padding: 0 10px 30px 10px; margin-top: 30px 0px 0px; - } + /* Control buttons */ #quote-carousel .carousel-control -{ +{ background: none; color: #222; font-size: 2.3em; @@ -634,12 +887,12 @@ height:150px; } /* Previous button */ #quote-carousel .carousel-control.left -{ +{ left: -12px; - } + /* Next button */ #quote-carousel .carousel-control.right -{ +{ right: -12px !important; right: 0px; left: auto; @@ -647,323 +900,8 @@ background-repeat: repeat-x; } /* Changes the position of the indicators */ #quote-carousel .carousel-indicators -{ +{ right: 50%; top: auto; bottom: 0px; - margin-right: -19px; -margin-bottom:-19px; - } -/* Changes the color of the indicators */ -#quote-carousel .carousel-indicators li -{ - background: #c0c0c0; - } -#quote-carousel .carousel-indicators .active -{ - background: #333333; - } -#quote-carousel img -{ - width: 250px; - height: 100px - } -/* End carousel */ - -.item blockquote { - border-left: none; - margin: 0; - - } -.item blockquote img { - margin-bottom: 10px; - - } -.item blockquote p:before { - content: "\f10d"; - font-family: 'Fontawesome'; - float: left; - margin-right: 10px; - - } - - -<<<<<<< HEAD - -.img-heading -{ -color:rgb(1, 55, 40); - - } -/** - MEDIA QUERIES -*/ - -/* Small devices (tablets, 768px and up) */ -@media (min-width: 768px) { - #quote-carousel - { - margin-bottom: 0; - padding: 0 40px 30px 40px; - margin-top: 30px; - - - - } -} -/* Small devices (tablets, up to 768px) */ -@media (max-width: 768px) { - - /* Make the indicators larger for easier clicking with fingers/thumb on mobile */ - - #quote-carousel .carousel-indicators { - bottom: -20px !important; - } - #quote-carousel .carousel-indicators li { - display: inline-block; - margin: 0px 5px; - width: 15px; - height: 15px; - } - - #quote-carousel .carousel-indicators li.active { - margin: 0px 5px; - width: 20px; - height: 20px; - - } - -.destacados{ - padding: 20px 0; - text-align: center; - - } -.destacados > div > div{ - padding: 10px; - border: 1px solid transparent; - border-radius: 4px; - transition: 0.2s; - } -.destacados > div:hover > div{ - margin-top: -10px; - border: 1px solid rgb(200, 200, 200); - box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px; - background: rgba(200, 200, 200, 0.1); - transition: 0.5s; - } - - - - - -#text -{ -text-shadow: 0px 4px 7px rgb(29, 104, 96); -color: rgb(1, 55, 49); -font: 40px tahoma, sans-serif, arial; -position:absolute; -top: 1%; -padding-left: 10px; - } -.img-size -{ -height:154px; - } - - - -/* ========================================================================== - Helper classes - ========================================================================== */ - -/* - * Image replacement - */ - -.ir { - background-color: transparent; - border: 0; - overflow: hidden; - /* IE 6/7 fallback */ - *text-indent: -9999px; -} - -.ir:before { - content: ""; - display: block; - width: 0; - height: 150%; -} - -/* - * Hide from both screenreaders and browsers: h5bp.com/u - */ - -.hidden { - display: none !important; - visibility: hidden; -} - -/* - * Hide only visually, but have it available for screenreaders: h5bp.com/v - */ - -.visuallyhidden { - border: 0; - clip: rect(0 0 0 0); - height: 1px; - margin: -1px; - overflow: hidden; - padding: 0; - position: absolute; - width: 1px; -} - -/* - * Extends the .visuallyhidden class to allow the element to be focusable - * when navigated to via the keyboard: h5bp.com/p - */ - -.visuallyhidden.focusable:active, -.visuallyhidden.focusable:focus { - clip: auto; - height: auto; - margin: 0; - overflow: visible; - position: static; - width: auto; -} - -/* - * Hide visually and from screenreaders, but maintain layout - */ - -.invisible { - visibility: hidden; -} - -/* - * Clearfix: contain floats - * - * For modern browsers - * 1. The space content is one way to avoid an Opera bug when the - * `contenteditable` attribute is included anywhere else in the document. - * Otherwise it causes space to appear at the top and bottom of elements - * that receive the `clearfix` class. - * 2. The use of `table` rather than `block` is only necessary if using - * `:before` to contain the top-margins of child elements. - */ - -.clearfix:before, -.clearfix:after { - content: " "; /* 1 */ - display: table; /* 2 */ -} - -.clearfix:after { - clear: both; -} - -/* - * For IE 6/7 only - * Include this rule to trigger hasLayout and contain floats. - */ - -.clearfix { - *zoom: 1; -} - -/* ========================================================================== - EXAMPLE Media Queries for Responsive Design. - These examples override the primary ('mobile first') styles. - Modify as content requires. - ========================================================================== */ - -@media only screen and (min-width: 35em) { - /* Style adjustments for viewports that meet the condition */ -} - -@media print, - (-o-min-device-pixel-ratio: 5/4), - (-webkit-min-device-pixel-ratio: 1.25), - (min-resolution: 120dpi) { - /* Style adjustments for high resolution devices */ -} - -/* ========================================================================== - Print styles. - Inlined to avoid required HTTP connection: h5bp.com/r - ========================================================================== */ - -@media print { - * { - background: transparent !important; - color: #000 !important; /* Black prints faster: h5bp.com/s */ - box-shadow: none !important; - text-shadow: none !important; - } - - a, - a:visited { - text-decoration: underline; - } - - a[href]:after { - content: " (" attr(href) ")"; - } - - abbr[title]:after { - content: " (" attr(title) ")"; - } - - /* - * Don't show links for images, or javascript/internal links - */ - - .ir a:after, - a[href^="javascript:"]:after, - a[href^="#"]:after { - content: ""; - } - - pre, - blockquote { - border: 1px solid #999; - page-break-inside: avoid; - } - - thead { - display: table-header-group; /* h5bp.com/t */ - } - - tr, - img { - page-break-inside: avoid; - } - - img { - max-width: 100% !important; - } - - @page { - margin: 0.5cm; - } - - p, - h2, - h3 { - orphans: 3; - widows: 3; - } - - h2, - h3 { - page-break-after: avoid; - } -} - -li .dropdown .maintab: hover ul .dropdown-menu -{ display:block; - } - - + margin-right: -19 } \ No newline at end of file -- 1.7.10.4