Location page styling
/* Form styling --------------*/ | |
.special_form_container { | |
border:1px solid #4abc44; | |
-webkit-border-radius: 10px; | |
border-radius: 10px; background-color: #EFEFEF; | |
box-shadow: none; | |
overflow: hidden; | |
box-sizing: border-box; | |
padding:15px; | |
margin-top:25px; | |
margin-left:-10px; | |
margin-right:-10px; | |
} | |
.special_form h2 { | |
text-align:center; | |
padding: 10px 15px!important; | |
margin: 0!important; | |
background: #fff!important; | |
font-size: 26px!important; | |
text-transform: uppercase!important; | |
line-height: 35px; | |
color: #818080; | |
font-weight: normal; | |
text-shadow: none; | |
border-bottom:0; | |
height: auto; | |
} | |
.special_form .row input[type=text], .special_form .row select { | |
border: 1px solid #44a147; | |
line-height: 22px; | |
font-size: 20px; | |
font-weight: 100; | |
text-indent: 5px; | |
width: 100%!important; | |
margin: 0!important; | |
border-radius: 0px; | |
color: #999999; | |
} | |
form .special_form{ | |
border: none; | |
border-radius: 0px; | |
background-color: #f8f8f8; | |
box-shadow: none; | |
overflow: hidden; | |
box-sizing: border-box; | |
} | |
.special_form .row > label { | |
font-size: 18px; | |
font-weight: 100; | |
margin-bottom: 5px; | |
display: block; | |
color: #4abc44; | |
width: 100%; | |
text-transform: uppercase; | |
} | |
.special_form .row sup { | |
font-size: 11px; | |
color: #f13340; | |
margin-left: 5px; | |
} | |
.special_form .btn_submit { | |
border: none; | |
-moz-border-radius: 0px !important; | |
-webkit-border-radius: 0px !important; | |
border-radius: 0px !important; | |
background: repeat-x 0 0 #46b0fa; | |
float: right; | |
font-size: 22px; | |
padding: 10px!important; | |
font-weight: 100; | |
margin-right: 10px; | |
} | |
.special_form .btn_submit:hover { | |
background: repeat-x 0 0 #428bca; | |
} | |
.powButton {-moz-box-shadow:inset 0px 1px 0px 0px #dcecfb; | |
-webkit-box-shadow:inset 0px 1px 0px 0px #dcecfb; | |
box-shadow:inset 0px 1px 0px 0px #dcecfb; | |
background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #bddbfa), color-stop(1, #80b5ea) ); | |
background:-moz-linear-gradient( center top, #bddbfa 5%, #80b5ea 100% ); | |
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#bddbfa', endColorstr='#80b5ea'); | |
background-color:#bddbfa; | |
color:white; | |
-webkit-border-top-left-radius:0px; | |
-moz-border-radius-topleft:0px; | |
border-top-left-radius:0px; | |
-webkit-border-top-right-radius:0px; | |
-moz-border-radius-topright:0px; | |
border-top-right-radius:0px; | |
-webkit-border-bottom-right-radius:0px; | |
-moz-border-radius-bottomright:0px; | |
border-bottom-right-radius:0px; | |
-webkit-border-bottom-left-radius:0px; | |
-moz-border-radius-bottomleft:0px; | |
border-bottom-left-radius:0px; | |
text-indent:0; | |
border:1px solid #84bbf3; | |
display:inline-block; | |
font-family:Arial; | |
font-size:20px; | |
font-weight:bold; | |
font-style:normal; | |
height:40px; | |
width:100%; | |
line-height:40px; | |
text-decoration:none; | |
text-align:center; | |
text-shadow:1px 1px 0px #528ecc; | |
} | |
.powButton a:link, a:visited, a:hover, a:active { | |
color:white; | |
} | |
@media (max-width:640px) { | |
.special_form h2 { | |
text-align:center; | |
margin: 0!important; | |
background: #fff!important; | |
font-size: 18px!important; | |
text-transform: uppercase!important; | |
line-height: 35px; | |
color: #818080; | |
font-weight: normal; | |
text-shadow: none; | |
border-bottom:0; | |
height: auto; | |
} | |
} | |
.store_photos div{ | |
display:inline-block; | |
overflow:hidden; | |
height:300px; | |
padding:5px; | |
width:50%; | |
} | |
.store_photos img{ | |
height:100%; | |
width:auto; | |
} | |
@media (min-width:990px) { | |
.store_photos div{ | |
height:395px; | |
} | |
.locations #map{ | |
height:650px; | |
} | |
} | |
@media (min-width:1300px) { | |
.store_photos div{ | |
height:495px; | |
} | |
.locations #map{ | |
height:650px; | |
} | |
} | |
@media (max-width:770px) { | |
.store_photos div{ | |
width:100%; | |
height:auto; | |
} | |
.store_photos img{ | |
height:auto; | |
width:100%; | |
} | |
.col_2{ | |
width:100%; | |
} | |
} | |
.vid_container { | |
position: relative; | |
padding: 25% 50%; | |
width: 0; | |
} | |
.vid_container iframe, .vid_container object, .vid_container embed { | |
position: absolute; | |
top: 0; | |
left: 0; | |
width: 100%; | |
height: 100%; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment