-
-
Save pretty/68dcc0f4779b1fbb80f9 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
p, h1, h2, h3, h4, h5, a, input[type="submit"]{ | |
-webkit-font-smoothing: antialiased; | |
} | |
a, a:hover, p a, p a:hover, a h1, a h2, a h3, a h4, a h5, .main-footer a, .main-footer a:hover{ | |
color: #d82424; | |
} | |
.navbar{ | |
min-height: 130px; | |
background-color: #2a2b32 ; | |
color: #FFFFFF; | |
padding-top: 38px; | |
border-radius: 0; | |
border: 0; | |
} | |
.main-nav-item, | |
.navbar .navbar-brand{ | |
color: #FFFFFF; | |
} | |
.navbar-brand img.logo{ | |
max-height: 50px; | |
margin-top: -15px; | |
} | |
.main-nav-item:hover, | |
.navbar .navbar-brand:hover{ | |
color: #eeeeee; | |
} | |
.main-nav-item:hover{ | |
background-color: rgba(0,0,0,0.7) !important; | |
} | |
.active .main-nav-item{ | |
font-weight: bold; | |
} | |
.navbar-toggle .icon-bar { | |
background-color: #eeeeee; | |
} | |
.navbar-toggle{ | |
border-color:#eeeeee; | |
} | |
.page-title{ | |
margin-bottom: 25px; | |
font-size: 26px; | |
} | |
.test{ | |
border:1px solid black; | |
text-align: center; | |
} | |
.centre{ | |
text-align: center; | |
} | |
.bold{ | |
font-weight: bold; | |
} | |
footer.main-footer{ | |
background-color: #2a2b32; | |
min-height: 245px; | |
/*margin-top: 25px;*/ | |
padding-top: 45px; | |
color: #ffffff; | |
position: relative; | |
-webkit-font-smoothing: antialiased; | |
} | |
.footer-social{ | |
margin-bottom: 30px; | |
} | |
.footer-social ul{ | |
padding: 0; | |
} | |
.footer-social li{ | |
list-style: none; | |
} | |
.footer-social ul li{ | |
display: inline-block; | |
margin-right: 5px; | |
} | |
.footer-social ul li a:hover{ | |
opacity: .8; | |
} | |
.footer-col:nth-child(2){ | |
text-align: right; | |
} | |
.footer-sub-col{ | |
font-size: 12px; | |
} | |
.footer-sub-col:nth-child(2){ | |
text-align: right; | |
} | |
/* POST */ | |
.post-list-single{ | |
margin-bottom: 50px; | |
} | |
.post-list-single-title{ | |
font-size: 22px; | |
} | |
.page-content{ | |
margin-bottom: 30px; | |
} | |
/* PRODUCT */ | |
.product-image{ | |
max-width: 100%; | |
} | |
.product-subscription-info{ | |
margin-top: 10px; | |
} | |
.product-options{ | |
text-align: center; | |
padding-top: 20px; | |
margin: 0 0 20px; | |
} | |
.product-description{ | |
margin-bottom: 30px; | |
} | |
.product-options .form-control{ | |
font-size: 20px; | |
max-width: 570px; | |
margin: 0 auto; | |
margin-bottom: 20px; | |
} | |
.product-option-title{ | |
font-size: 18px; | |
margin-bottom: 10px; | |
} | |
.product-price-info, .product-delivery-info{ | |
font-size: 1.2em; | |
} | |
.product-options button.btn-primary{ | |
background-color: #cd212e; | |
border:none; | |
padding: 15px 30px; | |
display: block; | |
margin:0 auto; | |
margin-top: 30px; | |
} | |
.product-description{ | |
margin-top: 15px; | |
} | |
.form-tooltip{ | |
color: #666; | |
font-size: 80%; | |
font-weight: normal; | |
font-style: italic; | |
} | |
.product-options .checkbox-inline{ | |
font-size: 1.2em; | |
margin-bottom: 15px; | |
} | |
.product-multiple-title{ | |
margin-top: 15px; | |
} | |
/* HOME */ | |
.home-splash.navbar{ | |
min-height: 475px; | |
text-shadow: 1px 1px 1px rgba(0,0,0,0.7); | |
background-position: 50% 0; | |
text-align: center; | |
-webkit-font-smoothing: antialiased; | |
border-radius: 0; | |
border: 0; | |
} | |
.home-splash .splash-heading{ | |
text-transform: uppercase; | |
} | |
.home-splash .splash-sub-heading{ | |
font-weight: normal; | |
} | |
.home-splash .splash-content{ | |
margin-top: 80px; | |
padding-bottom:50px; | |
-webkit-font-smoothing: antialiased; | |
} | |
.splash-controls{ | |
margin-top: 40px; | |
} | |
.splash-controls a{ | |
padding: 10px 25px; | |
} | |
.splash-controls a:first-child{ | |
margin-right: 10px; | |
} | |
.step-text{ | |
margin-top: 10px; | |
} | |
.step-container img{ | |
width: 100%; | |
} | |
.quote-section{ | |
background-color: #2a2b32; | |
min-height: 310px; | |
margin-top: 30px; | |
position: relative; | |
padding-bottom: 30px; | |
-webkit-font-smoothing: antialiased; | |
} | |
.quote-section .container{ | |
position: relative; | |
} | |
.quote-section .quote-mark{ | |
font-size: 8em; | |
color: #fff; | |
font-weight: bold; | |
} | |
.quotes-banner { | |
overflow: auto; | |
margin-top: 60px; | |
position: relative; | |
} | |
.quotes-banner ul{ | |
padding: 0; | |
} | |
.quotes-banner li { | |
list-style: none; | |
} | |
.quotes-banner ul li { | |
float: left; | |
} | |
.quotes-banner ul li p{ | |
font-size: 2.5em; | |
color: #fff; | |
margin-bottom: 50px; | |
} | |
.quotes-banner .dots { | |
position: absolute; | |
left: 50%; | |
margin-left: -110px; | |
bottom: 0; | |
} | |
.quotes-banner .dots li { | |
display: inline-block; | |
width: 15px; | |
height: 15px; | |
margin: 0 4px; | |
text-indent: -999em; | |
border: 2px solid #fff; | |
border-radius: 10px; | |
cursor: pointer; | |
opacity: .4; | |
-webkit-transition: background .5s, opacity .5s; | |
-moz-transition: background .5s, opacity .5s; | |
transition: background .5s, opacity .5s; | |
} | |
.quotes-banner .dots li.active{ | |
background-color: #fff; | |
opacity: 1; | |
} | |
.cta-section{ | |
background-color: #2a2b32; | |
min-height: 275px; | |
position: relative; | |
-webkit-font-smoothing: antialiased; | |
padding: 30px 0; | |
} | |
.cta-section p{ | |
font-size: 1.3em; | |
} | |
.cta-section p, .cta-section h2{ | |
color: #fff; | |
} | |
.product-section{ | |
margin: 30px 0; | |
} | |
.product{ | |
margin-bottom: 30px; | |
} | |
.product:last-child{ | |
margin-bottom: 0; | |
} | |
/* GENERAL */ | |
a{ | |
-webkit-transition: all .5s; | |
-moz-transition: all .5s; | |
transition: all .5s; | |
} | |
.btn-red{ | |
border:2px solid #cd212d; | |
color: #fff; | |
background-color: #cd212d; | |
font-weight: bold; | |
text-shadow: none; | |
} | |
.btn-red:hover{ | |
background-color: #AE1E28; | |
color: #fff; | |
} | |
.btn-trans{ | |
border: 2px solid #fff; | |
color: #fff; | |
} | |
.btn-trans:hover{ | |
background-color: rgba(255,255,255,0.2); | |
color: #fff; | |
} | |
/* MOBILE */ | |
@media (max-width: 768px) { | |
.footer-sub-col:nth-child(2), | |
.footer-sub-col, | |
.footer-col, | |
.footer-col:nth-child(2), | |
.footer-col:nth-child(3){ | |
text-align: center; | |
} | |
.quotes-banner .dots { | |
margin-left: -80px; | |
} | |
.sub-footer{ | |
margin-top: 30px; | |
} | |
.sub-footer .footer-subbly{ | |
margin-top: 15px; | |
} | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment