style-archive

Template Custom CS

Colors

site.css

/***** MAIN SITE CONTAINER *****/

/* whole page container */
#site {
padding: 0em 2em;
}

/* set the width of the main page area */
#header, #header > .wrapper, #site > .wrapper, #content, #content > .wrapper, #footer, #footer > .wrapper {
max-width: 1100px;
}



/***** SITE COLOR SCHEME *****/

#header, #footer {
background-color: rgb(8, 35, 65);
background-color: rgba(8, 35, 65, 0.93);
}

#content {
background-color: rgb(224, 215, 209);
background-color: rgba(224, 215, 209, 0.8);
}

#content a:hover {
text-decoration: underline;
}

/* borders between content areas */
#header {
border-bottom-color: tan;
}

#footer {
border-top-color: tan;
}

/* footer nav link */
#sqs-layout-footer, #sqs-layout-footer h2, #sqs-layout-footer a, #sqs-layout-footer a:link, #sqs-layout-footer a:visited {
color: #e2ddda;
}
#footer #sqs-layout-footer a:hover {
color: #dda949;
text-decoration: underline;
}



/***** HEADER *****/

/* container for the full header */
#header {
position: static !important;
margin: 0px auto;
padding-bottom: 0px;
border-bottom-width: .4em;
border-bottom-style: solid;
}

/* move navigation menu down */
.logo-image #header .primary-nav {
padding-top: 95px;
}

/* navigation */
#header .primary-nav .nav div a {
padding-bottom: 5px;
}

/* drop-down menu items */
#header .nav .folder-wrapper div.folder {
top: 25px;
background-color: rgba(72, 86, 125, 0.93);
}

.logo-image #header .nav .folder-wrapper div.folder {
top: 18px;
}



/***** LOGO / TAGLINE *****/

.logo-image #header .site-tagline {
display: none;
line-height: inherit;
font-size: 14px;
}

.logo-image #header .primary-nav {
line-height: inherit;
}

.logo-image #header .nav .folder-wrapper div.folder {
top: 20px;
}

/* color of the tagline text */
#header .site-tagline {
color: #fbffff;
}



/***** MAIN CONTENT AREA *****/

#site, #site > .wrapper {
padding: 0px;
}

.logo-image #site {
margin-top: 0px;
}

/* container for the full content area */
#content {
margin: 0px auto;
padding: 2em;
}

/* only specify a min screen height for regular screens */
@media screen and (min-width: 640px) {

#content {
min-height: 40em;
}
}


.logo-image #content {
margin-top: 0em;
}
.logo-image #content > .wrapper {
margin-top: 0em;
}

h1, h2, h3, h4, h5, h6 {
line-height: 1.2em;
}

/* blog entries */
h1.post-title {
font-size: 27px !important;
}

/* container for showing the current nav folder contents */
#arc-folder-nav {
width: 100%;
text-align: center;
}

/*#arc-folder-nav ul {
display: inline-block;
background-color: #938477;
-webkit-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
-moz-box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
box-shadow: inset 0px -3px 1px rgba(0, 0, 0, 0.45), 0px 2px 2px rgba(0, 0, 0, 0.25);
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
text-align: left;
margin-top: -10px;
margin-bottom: 0px;
padding: 1em 0.4em;
font-size: 100%;
}*/

#arc-folder-nav li {
display: inline-block;
}

#arc-folder-nav li a {
padding: 0.2em 1em;
margin: 0em;
border-left: 1px solid black;
}

#arc-folder-nav li#arc-first a {
border-left: none;
}

/*#arc-folder-nav li a:hover {
color: rgb(51, 51, 51);
background-color: #B9A696;
}*/



/***** FOOTER *****/

/* container for the full footer area */
#footer {
margin: 0px auto;
border-top-width: .5em;
border-top-style: solid;
background-image: url("http://static.squarespace.com/static/507acf8be4b066e11647e20b/t/50e909ebe4b0404f376e5a36/1357449707976/blue01top.png");
}

/* container for the contents of the footer */
#footer > .wrapper {
height: auto;
font-size: 120%;
font-weight: bold;
}

/* footer nav */
#footer-nav {
margin: -1em 1em auto;
text-align: center;
}

#footer-nav-col {
display: inline-block;
margin: 0em;
padding: 0.5em 0em;
width: 9em;
text-align: left;
vertical-align: top;
}

#footer-nav-col ul {
list-style-type: none;
margin: 0em;
padding-left: 0em;
}

#footer-nav-col ul li {
padding-top: 0.6em;
}

#footer-nav-col ul li a {
text-decoration: none;
}

#footer-nav-col ul li ul {
padding-top: 0.4em;
font-size: 12px;
}

#footer-nav-col ul li ul li {
padding-top: 0.2em;
margin-left: 0.5em;
}

#footer-nav-col ul li ul li a {
text-decoration: none;
}

#sqs-layout-footer, #sqs-layout-footer h2, #sqs-layout-footer a {
color: #e2ddda;
background-color: inherit;
font-weight: normal;
}

/* footer nav - link hover */
#footer #sqs-layout-footer a:hover {
background-color: inherit;
color: #dda949;
}

/* footer image */
#footer .intrinsic {
max-width: none;
}

/* corrections for the social icons */
#footer #sqs-social a
{
color: #FFFFFF;
}



/***** MOBILE SITE OPTIMIZATIONS *****/
@media all and (max-width: 640px) {

#site {
padding: 0em;
}

.mobile-nav .show-nav,
.mobile-nav .nav a:link,
.mobile-nav .nav a:visited,
.mobile-nav .nav a:hover,
.mobile-nav .nav.active a:link,
.mobile-nav .nav.active a:visited,
.mobile-nav .nav.active a:hover {
color: #FFFFFF;
}

#content > .wrapper > .sqs-layout{
padding: 0.5em;
}

.collection-type-blog .entry {
padding-top: 1em;
padding-left: 1em;
padding-right: 1em;
}
}

@media all and (max-width: 480px) {
body, #header, #footer {
background-image: none;
}
}

Pin It on Pinterest