Current Path : /home/church/www/comparefloridarates.com/css/ |
Current File : /home/church/www/comparefloridarates.com/css/responsive-style.css |
@charset "utf-8"; /* Basics */ /* ==================================== */ * { margin:0; } html,body { height:100%; margin:0; padding:0; font-family:Tahoma,Geneva,sans-serif; font-size:13px; position:relative; z-index:0; color:#333; -webkit-font-smoothing:antialiased; -webkit-text-size-adjust:100%; background: url('../img/pattern.png') repeat-x; } /*#bg-bar { position:absolute; background: url('../img/bg-bar.png') repeat-x; top:402px; height:104px; width:100%; z-index:0; } */ #gridContainer { position:relative; width:95%; max-width:960px; height:auto; margin:auto; clear:none; float: none; } /* Header */ /* ==================================== */ #header { position:relative; width:100%; min-height:95px; margin-top:5px; } .logo { position:relative; top:10px; max-width:480px; float:left; } .wrapper { position:relative; width:225px; height: 75px; float:right; } .wrapper strong { color: #cc0000; } .information-top { position:relative; float:right; max-width:480px; margin-right:5px; margin-bottom:5px; text-align: right; } .information-top li { display:block; } .bottom-bar { position:relative; height:50px; width:100%; padding-left:5%; padding-right:5%; background: #031FAC url('../img/sincebar.png') no-repeat top; background-size: auto; } .information-bottom { position:relative; top:5px; } .information-bottom h2 { color:#FFF; font-size: 15px; font-weight: normal; text-shadow:1px 1px 0px #333; } .information-bottom h2 i { font-size: 17px; font-family:'Noto Serif',serif; font-weight: bold; } .information-bottom li { display:inline-block; zoom:1; *display:inline; //for IE7 } .information-bottom .left { display:none; } .phone-mobile { display:block; } .phone-mobile a { color:#81F0DA; } .phone-desktop { display:none; } /* Image Slider & Banner Bar */ /* ==================================== */ .image-slider-bg { background:#FFF; border-left:1px solid #031FAC; border-right:1px solid #031FAC; } .image-slider { position:relative; display:block; width:100%; margin:0; padding-top:30%; background:#FFF url('../img/banner-1.jpg') no-repeat; background-size:100%; z-index: 0; } /* Content */ /* ==================================== */ #container { position:relative; width:100%; height:auto !important; min-height:100%; height:100%; bottom:0; overflow:hidden; background:#f7f7f7; } .content-right { position:relative; padding:2%; width:100%; height:100%; color:#222; float:none; } .content-left { position:relative; padding:2%; width:100%; height:100%; color:#222; float:none; } /* Footer */ /* ==================================== */ #footer { position:relative; width:100%; height:180px; bottom:0; left:0; padding:2%; background:#031FAC; text-shadow:1px 1px 0px #333; } .footer-content { margin:0 auto; padding:10px; text-align:center; color:#FFF; width:100%; height:auto; } .footer-content a { text-decoration:none; color:#FFF; padding:5px; } .footer-content a:hover { color:#A5BEFE; text-decoration:overline; } .power a:hover { color:#A5BEFE; background: none; } /* Floats */ /* ==================================== */ .left { float:left; } .right { float: right; } /* Typography */ /* ==================================== */ h1,h2,h3,h4,h5,h6 { color:#222; font-weight:normal; } h1 a,h2 a,h3 a,h4 a,h5 a,h6 a { font-weight:inherit; } h1 { font-family:'Noto Serif',serif; font-size:25px; line-height:100%; margin-bottom:1.5%; margin-left:5%; color:#6bc2ba; } h2 { font-size:20px; line-height:40px; margin-bottom:10px; } h3 { font-size:18px; line-height:34px; margin-bottom:8px; } h4 { font-family:'Noto Serif',serif; font-size:15px; font-weight:bold; line-height:30px; color:#222; margin:0px 0px 15px 0px; border-bottom:solid #031FAC; border-width:7px; } h5 { font-size:17px; line-height:24px; } h6 { font-size:14px; line-height:21px; } p { margin:0 0 20px 0; padding:0 0 10px 0; line-height:20px; } em { font-style:italic; } strong { font-weight:bold; color:#333; } small { font-size:80%; } blockquote { margin:0 0 20px; padding:9px 20px 0 19px; border-left:1px solid #ddd; } blockquote cite { display:block; font-size:12px; color: #555; } /* Images */ /* ==================================== */ img { border:none; } img,object,embed,video { max-width:100%; } .ie6 img { width: 100%; /* IE 6 does not support max-width so default to width 100% */ } /* Elements */ /* ==================================== */ hr { border:solid #CCC; border-width:1px 0 0; margin:0 auto 1.5% auto; width:100%; } .well li { list-style-type: circle; margin-left:40px; } .hr { position:absolute; top:35px; left:-5px; border:solid #4A5043; border-width:5px; width: 40%; } .shadow { border:1px solid #bdc1a3; -moz-box-shadow:3px 3px 4px #c0c0c0; -webkit-box-shadow:3px 3px 4px #c0c0c0; box-shadow:3px 3px 4px #c0c0c0; -ms-filter:"progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#c0c0c0')"; /* For IE 8 */ filter:progid:DXImageTransform.Microsoft.Shadow(Strength=4,Direction=135,Color='#c0c0c0'); /* For IE 5.5 - 7 */ } .shadowDark { -moz-box-shadow:0 0 10px #252525; -webkit-box-shadow:0 0 10px #252525; box-shadow:0 0 10px #252525; } .shadow-left { background:url('../img/shadow-left.png') left repeat-y; } .shadow-right { background: url('../img/shadow-right.png') right repeat-y; } /* Claims Table */ /* ==================================== */ .claimsTable { width:100%; background-color:#FFF; } /* these are represented with blue circles */ .claimsTable tr:nth-child(odd) { background: #eee; } .claimsTable tr:hover { background:#CCC; } .claimsTable td { padding:5px; } /* these are represented with orange squares */ /* Carrier Table */ /* ==================================== */ .carrierTable { width:100%; background-color:#FFF } .carrierTable td { width:50%; height:200px; padding:5px; vertical-align:middle; text-align:center; border:1px solid #CCC; } .carrierTable img { width:50%; } .carrierTable td a:hover { text-decoration:none; } .carrierTable td:hover { -moz-box-shadow:3px 3px 4px #c0c0c0; -webkit-box-shadow:3px 3px 4px #c0c0c0; box-shadow:3px 3px 4px #c0c0c0; } *,*:after,*:before { margin:0; padding:0; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -webkit-font-smoothing:antialiased; font-smoothing:antialiased; text-rendering:optimizeLegibility; } a,a:hover { text-decoration: none; } /* ---------------------Mobile--------------------- */ .desktop { display:none; } .information-top,#widget-social { display: none; } .quote-side { position:relative; width:100%; height:50px; background:#031FAC; text-align: center; text-shadow:1px 1px 0px #333; color:#FFF; font-size:16pt; font-family: 'Noto Serif',serif; padding-top:10px; margin-bottom:10px; } .quote-side:hover { background:#4A5043; color:#222; text-shadow:none; } /* Mobile Navigation */ /* ==================================== */ nav { height:auto; width:100%; background:#031FAC; font-size:11pt; position:relative; } nav ul { padding:0; margin:0 auto; width:100%; display:block; height:auto; display:none; } nav li { display:inline; float:left; width:50%; float:left; position:relative; } nav li:nth-child(even) { border-bottom:1px solid #FFF; border-right:none; } nav li:nth-child(odd) { border-bottom:1px solid #FFF; border-right:1px solid #FFF; } nav a:hover,nav a:active { color:#FFF; background-color:#4A5043; } nav a { color:#FFF; display:inline-block; zoom:1; *display:inline; //for IE7 text-align:left; width:100%; text-indent:25px; text-decoration:none; line-height:40px; text-shadow:1px 1px 0px #333; } nav a:visited { color:#FFF; } nav a#pull { display:block; background-color:#547fdd; width:100%; position:relative; } nav a#pull:after { content:""; background:url('../img/nav-icon.png') no-repeat; width:30px; height:30px; display:inline-block; zoom:1; *display:inline; //for IE7 position:absolute; right:15px; top: 10px; } /*Mobile Navigation ---End--- */ .input-mini { width:40%; } .input-small { width:60%; } .input-medium { width:80%; } .input-large { width: 100%; } /* ---------------------Tablet--------------------- */ @media only screen and (min-width:768px) { .desktop { display:none; } .information-top { display:block; } .information-bottom .left { display:block; } #widget-social { display:block; } #banner-bottom li { font-size: 18px; } /*Tablet Navigation*/ nav ul { width:100%; display:block; height:auto; } nav li { width:50%; float:left; position:relative; } nav a { text-align:left; width:100%; text-indent:25px; } nav a#pull { display: none; } /*Tablet Navigation ---End--- */ .input-mini { width:15%; } .input-small { width:30%; } .input-medium { width:50%; } .input-large { width:60%; } } /* ---------------------Desktop--------------------- */ @media only screen and (min-width:900px) { .desktop { display:block; } .content-left { float:left; width:70%; min-height:600px; border-right:1px solid #CCC; margin: 20px 0 20px 0; } .content-right { float:right; width:30%; } .phone-mobile { display:none; } .phone-desktop { display:block; } .input-mini { width:20%; } .input-small { width:40%; } .input-medium { width:60%; } .input-large { width:80%; } #footer { float:left; } .mobile { display: none; } /*Desktop Navigation*/ .nav { position:relative; height:41px; background:#031FAC; color:#FFF; text-shadow:1px 1px #000; z-index:1000; width:100%; padding-left:0; padding-right:0; } .menu { font:14px Arial,Verdana; text-align:center; width:100%; } .menu a { float:left; color:#FFF; text-decoration:none; width:100%; height:40px; padding-top:10px; } .menu span { position:absolute; padding-top:10px; } .menu a:hover { color:#FFF; background:#4A5043; } .menu li { position:relative; display:inline-block; zoom:1; *display:inline; //for IE7 z-index:1000; min-width:10.5%; color:#FFF; } .menu ul { display:none; position:absolute; top:100%; left:0; background:#547fdd; -moz-box-shadow:5px 5px 5px rgba(0,0,0,0.7); -webkit-box-shadow:5px 5px 5px rgba(0,0,0,0.7); box-shadow:5px 5px 5px rgba(0,0,0,0.7); } .menu ul li { float:none; border-top:1px solid #FFF; width:200px; } .menu ul li a,li.menuhover li a,li.menuhover li.menuhover li a { float:none; display:block; background:none; height:40px; padding-top:10px; padding-left:10px; text-align:left; color: black; } .menu ul li a:hover,li.menuhover li a:hover,li.menuhover li.menuhover li a:hover { background:#4A5043; color:#fff } .menu ul li span,li.menuhover li span,li.menuhover li.menuhover li span { float:none; display:block; background:none; height:40px; padding-top:10px; } .menu ul ul { left:0; top:0; } .menu li.submenu { font-weight:bold; } .menu li.noborder { border-top:none; } li.menuhover a,li.menuhover li.menuhover a { color:#FFF; background:#547fdd; } li.menuhover span,li.menuhover li.menuhover span { color:#fff; background:#999; } #info { width:350px; background:#eee; } #info li { width:350px; padding:10px; color:#222; text-shadow:1px 1px #fff; text-align: left; font-style: italic; border-top:1px solid #222; } /*Desktop Navigation ---End--- */ }