Created
June 7, 2013 19:30
-
-
Save bmegod/5731771 to your computer and use it in GitHub Desktop.
main.css
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
/* ========================================================================== | |
Globals | |
========================================================================== */ | |
@font-face { | |
font-family: 'GaramondPro'; | |
src: url('fonts/AGaramondPro-Regular.otf'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
@font-face { | |
font-family: 'Quicksand'; | |
src: url('fonts/Quicksand_Book.otf'); | |
font-weight: normal; | |
font-style: normal; | |
} | |
html{ | |
width: 100%; | |
} | |
body { | |
font-family: 'GaramondPro', Palatino; | |
overflow-x: hidden; | |
overflow-y:auto; | |
height:100%; | |
} | |
#background{position: fixed;top: 0;left: 0;right: 0;bottom: 0;z-index: -999;} | |
.home-copy{margin-left:0px;} | |
.container-fluid { | |
padding: 0px; | |
margin: 0px; | |
min-height: 100%; | |
/*position:relative;*/ | |
} | |
/* ========================================================================== | |
Navigation | |
========================================================================== */ | |
#nav-row { | |
font-family: 'GaramondPro', Palatino; | |
font-weight: bold; | |
font-size: 12pt; | |
text-transform: uppercase; | |
margin-top: 20px; | |
width:100%; | |
} | |
ul.nav li.dropdown:hover > ul.dropdown-menu { | |
display: block; | |
margin: 0; | |
} | |
#magic-line { | |
position: absolute; | |
left: 0; | |
top: -4px; | |
width: 100px; | |
height: 55px; | |
background: white; | |
} | |
.nav-link { | |
margin-right: 20px; | |
} | |
.dropdown-menu li a { | |
font-family: 'Quicksand', Palatino; | |
font-weight: normal; | |
font-size: 10pt; | |
text-transform: none; | |
} | |
.nav-link:hover { | |
background: white; | |
} | |
.current_page_item { | |
background: white; | |
background-size:100% 100%; | |
} | |
.current_page_item_green { | |
background: white; | |
opacity: .65; | |
filter: alpha(opacity=.65); | |
} | |
.hovering a, | |
.current_page_item a, | |
.nav-link a:hover { | |
z-index: 1; | |
color: #004329 !important; | |
} | |
.hovering a, | |
.current_page_item a, | |
.nav-link a:hover { | |
z-index: 1; | |
color: #004329 !important; | |
} | |
.green a { | |
z-index: 1; | |
color: #004329 !important; | |
} | |
.green a, | |
.green a, | |
.green a:hover { | |
z-index: 1; | |
color: #004329 !important; | |
} | |
.green { | |
opacity: 65%; | |
} | |
#subnav { | |
margin-top: 50px; | |
list-style-type: none; | |
} | |
#subnav a { | |
font-family: 'Quicksand', Palatino; | |
color: white; | |
} | |
#subnav #active a { | |
color: #bd8441; | |
} | |
#subnav a:hover { | |
text-decoration: none; | |
float:right; | |
color: #bd8441; | |
} | |
/* ========================================================================== | |
Content | |
========================================================================== */ | |
#content-row{ | |
width:100%; | |
} | |
a{ | |
color:#004329; | |
} | |
a:hover{ | |
color:#004329; | |
} | |
h1 { | |
font-size: 22px; | |
text-transform: uppercase; | |
color: #004329; | |
margin-top: 18px; | |
} | |
p, | |
.normal { | |
font-family: 'Quicksand', Palatino; | |
margin-top:34px; | |
} | |
.team-member { | |
display: inline-block; | |
vertical-align: top; | |
width: 165px; | |
height: 295px; | |
padding-right: 20px; | |
padding-bottom: 20px; | |
font-family: 'Quicksand', Palatino; | |
font-size: 13px; | |
} | |
.team-member img { | |
height: 210px; | |
width: 160px; | |
} | |
/* ========================================================================== | |
Home | |
========================================================================== */ | |
#home-logo, | |
#home-copy { | |
background-color: #004329; | |
color: white; | |
/*height: 200px;*/ | |
/*margin-top: 20%;*/ | |
margin-top: 12%; | |
} | |
#home-copy .contact .col { margin-bottom: 35px; } | |
#home-copy .contact .col a { cursor: pointer; } | |
#home-logo { | |
text-align: right; | |
padding-top: 50px; | |
padding-right: 40px; | |
padding-left:60px; | |
} | |
#home-copy { | |
text-align: left; | |
padding-left: 42px; | |
padding-right: 80px; | |
} | |
#home-p { | |
margin-top: 0; | |
padding-top: 70px; | |
padding-bottom: 65px; | |
max-width: 768px; | |
font-size: 18pt; | |
line-height: 19pt; | |
text-transform: uppercase; | |
font-family: 'GaramondPro', Palatino; | |
} | |
#logo { | |
margin-top:30px; | |
margin-left:3px; | |
width: 120%; | |
cursor: pointer; | |
} | |
#homelogo{ | |
cursor:pointer; | |
} | |
/* ========================================================================== | |
Footer | |
========================================================================== */ | |
#footer-row { | |
text-align: center; | |
color: white; | |
text-transform: uppercase; | |
font-size: 9pt; | |
position: absolute; | |
bottom:0; | |
width:100%; | |
height:5%; | |
} | |
#footer-list { | |
padding-left: 195px; | |
padding-right: 25px; | |
} | |
#footer-list li { | |
list-style-type: none; | |
display: inline; | |
padding-right: 5px; | |
} | |
#footer-list-content { | |
margin:0; | |
padding:100px 0 20px 0; | |
} | |
#footer-list-content li { | |
list-style-type: none; | |
display: inline; | |
padding-right: 5px; | |
} | |
@media (max-width: 1186px) { | |
#home-copy { | |
font-size: 16pt; | |
line-height: 17pt; | |
} | |
} | |
@media (max-width: 768px) { | |
#home-copy { | |
min-height: 250px; | |
padding-right: 30px; | |
} | |
} | |
@media (max-width: 480px) { | |
#home-copy { | |
min-height: 250px; | |
padding-right: 15px; | |
} | |
#home-p { | |
padding-top: 60px; | |
} | |
} | |
@media (max-width: 320px) { | |
#home-copy { | |
min-height: 250px; | |
padding-right: 15px; | |
} | |
#home-p { | |
padding-top: 40px; | |
} | |
} | |
ul{font-family: 'Quicksand';} | |
.col{float:left;width:31%;margin-right:3%;font-family: 'Quicksand';font-size:13px;} | |
.col a{color:#fff;} | |
.col:last-child{margin:0;} | |
.contact{margin-top:35px;} | |
.dropdown-menu li:first-child{padding-top:5px;} | |
.dropdown-menu li:last-child{padding-bottom:5px;} | |
.overview{height:220px;} | |
.overview img{width:160px;height:210px;} | |
.overview div{float:left;margin-right:25px;padding-top: 10px;} | |
.overview h1{margin:-7px 0 25px 0;} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment