Created
May 4, 2012 19:04
-
-
Save jschloss/2597042 to your computer and use it in GitHub Desktop.
This file contains hidden or 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
body,html { | |
font-family: museo-sans; | |
height: 100%; | |
} | |
a:hover { | |
text-decoration: none; | |
color: #329ff3; | |
} | |
.museo-sans { | |
font-family: museo-sans; | |
font-size: 12px; | |
color: #A0A8B5; | |
} | |
.btn { | |
padding: 10px 20px; | |
} | |
.navbar .nav { | |
background: none; | |
} | |
#full-width-control { | |
background: #e3e3e3 url(../img/home-hero-may-3-2012.jpg) center center no-repeat; | |
padding-bottom: 30px; | |
width: 100%; | |
opacity: ; | |
height: 80%; | |
max-height: 770px; | |
} | |
#hero { | |
height: 80%; | |
min-height: 80%; | |
} | |
.hero { | |
background: none; | |
border-bottom: 0; | |
} | |
@media (min-width: 1200px) { | |
.hero { | |
padding-bottom: 30px; | |
} | |
} | |
.hero h1 { | |
font-size: 122px; | |
line-height: 85px; | |
font-weight: 500; | |
letter-spacing: -6px; | |
text-rendering: optimizeLegibility; | |
position: relative; | |
font-family: museo-sans, trebuchet ms, helvetica, arial, sans-serif; | |
margin-top: 150px; | |
text-align: center; | |
text-shadow: 1px 1px 0px rgba(0,0,0,0.1); | |
} | |
.hero h1:hover { | |
} | |
.hero h1 a:hover { | |
color: #fff !important; | |
} | |
.hero h1 .trebuchet { | |
margin-left: -10px; | |
} | |
.hero h1 a{ | |
color: #fff; | |
-webkit-transition: color 200ms ease-in-out; | |
-moz-transition: color 200ms ease-in-out; | |
-o-transition: color 200ms ease-in-out; | |
transition: color 200ms ease-in-out; | |
} | |
span.c { | |
color: #ffac00; | |
-webkit-transition: color 250ms ease-in-out; | |
-moz-transition: color 250ms ease-in-out; | |
-o-transition: color 250ms ease-in-out; | |
transition: color 250ms ease-in-out; | |
} | |
span.o1 { | |
color: #81f4f4; | |
-webkit-transition: color 380ms ease-in-out; | |
-moz-transition: color 380ms ease-in-out; | |
-o-transition: color 380ms ease-in-out; | |
transition: color 380ms ease-in-out; | |
} | |
span.l { | |
color: #ff3c90; | |
-webkit-transition: color 500ms ease-in-out; | |
-moz-transition: color 500ms ease-in-out; | |
-o-transition: color 500ms ease-in-out; | |
transition: color 500ms ease-in-out; | |
} | |
span.o2 { | |
color: #26c2ff; | |
-webkit-transition: color 420ms ease-in-out; | |
-moz-transition: color 420ms ease-in-out; | |
-o-transition: color 420ms ease-in-out; | |
transition: color 420ms ease-in-out; | |
} | |
span.r { | |
color: #1ed57b; | |
-webkit-transition: color 380ms ease-in-out; | |
-moz-transition: color 380ms ease-in-out; | |
-o-transition: color 380ms ease-in-out; | |
transition: color 380ms ease-in-out; | |
} | |
.hero h1 a:hover span.c { | |
color: #ff3c90; | |
} | |
.hero h1 a:hover span.o1 { | |
color: #26c2ff; | |
} | |
.hero h1 a:hover span.l { | |
color: #1ed57b; | |
} | |
.hero h1 a:hover span.o2 { | |
color: #ffac00; | |
} | |
.hero.hero h1 a:hover span.r { | |
color: #81f4f4; | |
} | |
h3 { | |
font: 500 16px/30px rooney-web, rooney; | |
margin-bottom: -5px; | |
} | |
.navbar .nav > li > a { | |
text-shadow: none; | |
} | |
.hero h3 a{ | |
color: #102343; | |
font-size: 14px; | |
} | |
#headline { | |
text-align: center; | |
} | |
.hero .nymag { | |
margin-top: 5px; | |
margin-right: 150px; | |
background: url('../img/bonobos-sprite2.png') no-repeat -162px -14px; | |
width: 104px; | |
height: 24px; | |
margin-bottom: 20px; | |
} | |
.btn-primary { | |
background: #329FF3; | |
border-color: #329FF3; | |
padding: 12px 41px 10px; | |
font-size: 12px; | |
line-height: 24px; | |
cursor: pointer; | |
letter-spacing: 1px; | |
border-radius: 3px; | |
margin: 40px auto; | |
border-bottom-width: 1px; | |
} | |
.btn-primary:hover { | |
border-color: #329FF3; | |
background: rgb(50,159,243); /* Old browsers */ | |
background: -moz-linear-gradient(top, rgba(50,159,243,1) 0%, rgba(33,144,229,1) 100%); /* FF3.6+ */ | |
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(50,159,243,1)), color-stop(100%,rgba(33,144,229,1))); /* Chrome,Safari4+ */ | |
background: -webkit-linear-gradient(top, rgba(50,159,243,1) 0%,rgba(33,144,229,1) 100%); /* Chrome10+,Safari5.1+ */ | |
background: -o-linear-gradient(top, rgba(50,159,243,1) 0%,rgba(33,144,229,1) 100%); /* Opera 11.10+ */ | |
background: -ms-linear-gradient(top, rgba(50,159,243,1) 0%,rgba(33,144,229,1) 100%); /* IE10+ */ | |
background: linear-gradient(top, rgba(50,159,243,1) 0%,rgba(33,144,229,1) 100%); /* W3C */ | |
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#329ff3', endColorstr='#2190e5',GradientType=0 ); /* IE6-9 */ | |
} | |
.hero .intro { | |
font: 100 19px/35px rooney-web, rooney, georgia, serif; | |
margin-top: 20px; | |
margin-bottom: 30px; | |
padding-right: 20px; | |
} | |
h2 { | |
font-family: museo-sans; | |
font-weight: 300; | |
} | |
#categories-grid .span4 h3 a { | |
font-family: museo-sans; | |
} | |
.icon-pants, .icon-ninja, .icon-shipping { | |
display: block; | |
float: left; | |
margin-right: 15px; | |
margin-left: 15px; | |
} | |
#new-arrivals { | |
padding-bottom: 70px; | |
position: relative; | |
} | |
#new-callout { | |
width: 70px; | |
height: 55px; | |
background: #fff; | |
border-radius: 60px; | |
-moz-border-radius:60px; | |
-webkit-border-radius:60px; | |
position: absolute; | |
top: -20px; | |
left: 50%; | |
margin-left: -35px; | |
color: #7e8797; | |
font-size: 9px; | |
letter-spacing: 3px; | |
text-transform: uppercase; | |
text-align: center; | |
padding-top: 10px; | |
text-indent: 3px; | |
} | |
#new-arrivals .product{ | |
background: url("../img/new-arrivals-sprite.jpg") 0px 0px no-repeat; | |
height: 195px; | |
} | |
#new-arrivals .title { position: absolute; | |
width: 200px; | |
left: 50%; | |
margin-left: -100px; } | |
#new-arrivals .product a { | |
width: 100%; | |
height: 195px; | |
display: block; | |
text-align: center;padding-top: 195px; | |
font-size: 11px; | |
} | |
#new-arrivals .product:hover { | |
margin-top: -2px; | |
padding-top: 2px; | |
} | |
#new-arrivals .product.one { | |
background-position: 0px 0px; | |
width: 182px; | |
float: left; | |
} | |
#new-arrivals .product.two { | |
background-position: -182px 0px ; | |
width: 152px; | |
float: left; | |
} | |
#new-arrivals .product.four { | |
background-position: -623px 0px ; | |
width: 182px; | |
float: right; | |
} | |
#new-arrivals .product.three { | |
background-position: -805px 0px; | |
width: 147px; | |
float: right; | |
} | |
#new-arrivals .span4 { | |
width: 290px; | |
} | |
.icon-rarrow { | |
display: inline-block; | |
line-height: 18px; | |
vertical-align: text-top; | |
background-image: url('../img/bonobos-sprite2.png'); | |
background-position: -101px -73px; | |
background-repeat: no-repeat; | |
margin-top: -2px; | |
*margin-right: .3em; | |
width: 19px; | |
height: 18px; | |
margin-left: 2px; | |
} | |
footer dt { | |
font-family: museo-sans; | |
font-weight: 100; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment