Skip to content

Instantly share code, notes, and snippets.

@JDMcKinstry
Forked from bmegod/gist:5731771
Last active December 18, 2015 07:29
Show Gist options
  • Save JDMcKinstry/5746686 to your computer and use it in GitHub Desktop.
Save JDMcKinstry/5746686 to your computer and use it in GitHub Desktop.
/* ==========================================================================
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 {
background-color: #333;
bottom: 0;
left: 0;
position: fixed;
right: 0;
top: 0;
z-index: -999;
}
#background {
float: right;
height: auto;
width: auto;
}
.home-copy{margin-left:0px;}
.container-fluid {
padding: 0px;
margin: 0px;
min-height: 100%;
/*position:relative;*/
}
/* ==========================================================================
Navigation
========================================================================== */
#nav-row {
}
#nav-row .navbar {
}
#nav-row .navbar .navbar-inner {
padding: 10px 0 0 0;
}
#nav-row .navbar .navbar-inner .container {
}
#top {
}
#navigation {
background: #004329;
margin: 0 auto;
text-align: center;
width: 100%;
}
#navigation .nav-link {
display: inline-block;
float: none;
text-align: justify;
}
#navigation .nav-link:hover {
background: #FFF;
font-family: 'Quicksand';
}
#navigation .nav-link.open {
}
#navigation .nav-link > a {
font-size: 16px;
font-weight: bold;
}
#navigation .nav-link ul {
margin-top: 0;
}
#navigation .nav-link:hover ul {
display: block;
}
#navigation .nav-link ul li {
}
#navigation .nav-link ul li a {
}
#navigation .nav-link:hover ul li a {
color: #004329;
}
/*
#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;
}
.green a {
z-index: 1;
color: #004329;
}
.green a,
.green a,
.green a:hover {
z-index: 1;
color: #004329;
}
.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 li:hover {
letter-spacing: 1px;
}
#subnav a:hover {
text-decoration: none;
float:right;
color: #bd8441;
}
/* ==========================================================================
Content
========================================================================== */
#content-row{
margin-bottom: 2em;
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;
min-height: 220px;
/*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-logo ul {
}
#home-logo ul li {
}
#home-logo ul li a {
/*color: #FFF;*/
}
#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-list-content { display: none !important; }
#footer-row {
background: #000;
bottom: 0;
display: block;
left: 0;
position: fixed;
right: 0;
text-align: center;
width: 100%;
}
#footer-row > div {
margin: 0 auto;
min-height: 1em;
}
#footer-row > div ul {
list-style: none;
margin: 0 auto;
padding: .5em 0;
}
#footer-row > div ul li {
display: inline-block;
}
#footer-row > div ul li, #footer-row > div ul li a { color: #FFF; }
#footer-row > div ul li a {
text-decoration: none;
}
#footer-row > div ul li:hover a {
color: #333;
cursor: pointer;
}
/*
#footer-row {
text-align: center;
color: white;
text-transform: uppercase;
font-size: 9pt;
position: absolute;
bottom:0;
width:100%;
height:5%;
z-index=999;
}
#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