Create a gist now

Instantly share code, notes, and snippets.

What would you like to do?
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