Skip to content

Instantly share code, notes, and snippets.

@pretty

pretty/main.css Secret

Created August 13, 2015 08:26
Show Gist options
  • Star 0 You must be signed in to star a gist
  • Fork 0 You must be signed in to fork a gist
  • Save pretty/68dcc0f4779b1fbb80f9 to your computer and use it in GitHub Desktop.
Save pretty/68dcc0f4779b1fbb80f9 to your computer and use it in GitHub Desktop.
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