Settings & Code

In case things go wacky, here is a snapshot of customizations as of 1/18/14.

Style Editor Settings (“Five” Theme)

SITE WIDE
Site Background: #ffffff
Site Background Image: (none)
Site Width: 1140px
Canvas Setting: Full Width
Canvas Offset: 0px
Canvas Padding: 60px
Canvas Border Size: 0px
Lines & Decorations: #e6e6e6
Hide Delimiter: (checked)

HEADER
Header Background: #f17b05
Header Background Image: (none)
Site Title Color: #3c5a98
Site Title Hover Color: #f17b05
Page Title:
    Helvetica Neue
    Bold (unchecked)
    Italic (unchecked)
    Font Size: 55px
    Line Height: 1.25em
    Text Transform: none
    Letter Spacing: 1px
Page Title Color: #ffffff
Page Title Hover Color: #ffffff
Site Tagline: (not used)
Site Tagline Color: (not used)
Banner Area Spacing: 12px
Banner Text Width: 40%
Banner Content: Page Title Description
Banner Alignement: Left
Page Thumbnail as Banner: (checked)
Stretch Page Thumbnail: (NOT checked)

NAVIGATION
Navigation Background: #ffffff
Site Name: 
    Helvetica Neue
    Bold (unchecked)
    Italic (unchecked)
    Font Size: 35px
    Text Transform: none
    Letter Spacing: 2px
Navigation:
    Helvetica Neue
    Bold (unchecked)
    Italic (unchecked)
    Font Size: 14px
    Text Transform: uppercase
    Letter Spacing: 0px
Navigation Link Color: #bbbcbe
Navigation Link Hover Color: #f17b05
Navigation Active Link Color: #f17b05
Navigation Spacing: 24px
Logo Height (Navigation): 90px
Top Navigation Position: Above Banner
Top Navigation Alignment: Left

MAIN CONTENT
Canvas Background: #ffffff
Canvas Background Image: (none)
Heading 1:
    Helvetica Neue
    Bold (unchecked)
    Italic (unchecked)
    Font Size: 30px
    Line Height: 1.8em
    Text Transform: none
    Letter Spacing: 0px
Heading 1 Color: #3c5a98
Heading 2:
    Helvetica Neue
    Bold (unchecked)
    Italic (unchecked)
    Font Size: 21px
    Line Height: 1.35em
    Text Transform: none
    Letter Spacing: 0px
Heading 2 Color: #3c5a98
Heading 3:
    Helvetica Neue
    Bold (unchecked)
    Italic (unchecked)
    Font Size: 17px
    Line Height: 1.35em
    Text Transform: none
    Letter Spacing: 0px
Heading 3 Color: #3c5a98
Body Text:
    Helvetica Neue
    Bold (unchecked)
    Italic (unchecked)
    Font Size: 15px
    Line Height: 1.8em
    Letter Spacing: 0px
Body Text Color: #777777
Body Link Color: #f17b05
Body Link Hover Color: #3c5a98
Blockquote:
    Helvetica Neue
    Bold (unchecked)
    Italic (unchecked)
    Font Size: 16px
    Line Height: 1.6em
    Letter Spacing: 1px
Page Spacing: 40px

FOOTER
Footer Text:
    Helvetica Neue
    Bold (unchecked)
    Italic (unchecked)
    Font Size: 14px
    Line Height: 1.8em
    Letter Spacing: 0px
Footer Alignment: Left
Disable Footer Border: (checked)

SOCIAL ICONS
Social Icon Style: Normal
Social Icon Placement: Hide

BLOG
Meta Text:
    Helvetica Neue
    Bold (unchecked)
    Italic (unchecked)
    Font Size: 11px
    Line Height: 1.8em
    Letter Spacing: 0px
Meta Text Color: #cfcfcf


Home Page CSS

/*

This should go in the Home page's Page Settings > Advanced > Page Header Code Injection

*/
#banner-area {
display: none !important;
}
#page-body-wrapper {
padding-top: 0 !important;
}

.rs-hero {
background: #ef7a26;
color: #fff !important;
margin: 0;
position: relative;
}
.rs-hero-inner {
overflow: hidden;
position: relative;
}
.rs-hero h1 {
color: #405995 !important;
font-size: 90px;
line-height: 1em;
font-weight: 400;
margin-left: -.1em;
}
.rs-hero h2 {
font-size: 24px;
font-weight: 400;
color: #fff !important;
}
.rs-col1 {
padding: 20px;
}
.rs-col2 {
margin: 20px;
overflow: hidden;
height: 0;
padding-bottom: 70%;
}
.summary-block,
.twitter-block {
margin-top: -10px;
}
.summary-block .summary-item,
.summary-block .summary-content {
margin-bottom: 10px;
}
.twitter-block .tweet-list,
.twitter-block .tweet {
margin-bottom: 10px;
}
@media all and (min-width:768px) {
.rs-col1 {
padding: 40px 0 30px 40px;
width: 45%;
float: left;
}
.rs-col2 {
max-height: none;
position: absolute;
right: 0;
width: 45%;
margin: 0;
}
}

Settings > Code Injection

Header

<link rel="stylesheet"  type="text/css" href="/s/MyFontsWebfontsKit_squarespace.css" media="all" />

Footer

<script>
YUI().use('anim', function(Y) {

var bodyNode = Y.one(document.body);
var winHeight = bodyNode.get('winHeight');
var bodyHeight = bodyNode.get('clientHeight');
var backToTopLink = Y.one('.backtotop');

console.log(bodyNode, winHeight, bodyHeight, backToTopLink);

if (bodyHeight > winHeight + 100) {
backToTopLink.setStyle("display", "block");

var anim = new Y.Anim({
duration: 0.5,
node: 'win',
easing: 'easeBoth',
to: {
scroll: [0, 0]
}
});

backToTopLink.on('click', function(e) {
e.preventDefault();
anim.run();
});

}

});
</script>

Style Editor Custom CSS

/*

These should be in the Styles > CSS Editor

*/

/*
font overrides:
AvenirLTStd-MediumOblique
AvenirLTStd-Medium
AvenirLTStd-Oblique
AvenirLTStd-Roman
AvenirLTStd-Heavy
*/

#page-title a,
body,
p,
ul,
ol,
h1,
h2,
h3,
#page-footer p,
#page-footer ul,
#page-footer ol,
.site-subtitle,
.page-description p,
.logo-subtitle,
.vertical-navigation-bar nav ul,
article .post span.inline-action,
article .post .article-meta,
.page-title-font,
.tagline-font,
.heading1,
.body-font,
.site-desc-font,
.footer-font,
.meta-font,
#site-title a,
.site-title-font{
font-family: "AvenirLTStd-Roman",'helvetica neue',arial,sans-serif !important;
font-weight: normal !important;
font-style: normal !important;
}

em,
i {
font-family: "AvenirLTStd-Oblique",'helvetica neue',arial,sans-serif !important;
font-weight: normal !important;
font-style: normal !important;
}

blockquote,
blockquote p,
.quote-block blockquote,
.quote-font,
strong em,
em strong {
font-family: "AvenirLTStd-MediumOblique",'helvetica neue',arial,sans-serif !important;
font-weight: normal !important;
font-style: normal !important;
}

#mobile-navigation,
#mobile-navigation ul li a,
#mobile-navigation ul li label,
.nav-font,
.heading2,
.heading3,
#page-header nav ul,
strong,
b {
font-family: "AvenirLTStd-Heavy",'helvetica neue',arial,sans-serif !important;
font-weight: normal !important;
font-style: normal !important;
}

#page-header nav ul ul {
font-family: "AvenirLTStd-Medium",'helvetica neue',arial,sans-serif !important;
font-weight: normal !important;
font-style: normal !important;
}

.summary-block .summary-content {
line-height: 1.4em;
margin-bottom: 1em;
}


.horizontal-navigation-bar #site-title-wrapper {
float: right !important;
/*padding-right: 0;*/
}

.quote-block .sqs-block-content {
/* padding: 0 10px 0 20px;*/
max-width: 250px;
margin: 0 auto;
}

.quote-block blockquote {
text-indent: -.5em;
color: #405995;
}

.html-block blockquote {
text-indent: -0.5em;
}

.quote-block .source {
color: #425291;
font-size: 1em;
text-align: left;
}

#page-header nav .subnav ul {
text-transform: none;
}

.horizontal-navigation-bar nav.main-nav .folder .subnav li a {
padding: .5em 1em;
}

.horizontal-navigation-bar nav {
padding-left: 0px !important;
}

#mobile-navigation ul li .folder-toggle-box:checked + .folder-toggle-label ~ a {
text-transform: none;
}

.backtotop {
display: none;
float: right;
}

h2 {
margin: 27px 0 9px;
}

p {
margin: 0 0 18px;
}

.collection-type-blog #page-body-wrapper h1 {
font-size: 24px;
}

.summary-block .summary-item:not(:last-child) {
margin-bottom: 14px;
}

/* articles by me */
.collection-52a73efee4b06a6d08d831b0 .article-dateline,
.collection-52a73efee4b06a6d08d831b0 .article-byline {
display: none;
}
.collection-52a73efee4b06a6d08d831b0 #sidebar-one-wrapper {
display: none;
}
.collection-52a73efee4b06a6d08d831b0.collection-layout-two-sidebars #content-wrapper {
border-right-width: 270px;
}
.collection-52a73efee4b06a6d08d831b0.collection-layout-two-sidebars #sidebar-two-wrapper {
margin-left: -270px;
width: 270px;
}

/* recent articles summary on blog sidebar */
#a8848965fcf867aecd2c .timestamp {
display: none;
}

.homepage .timestamp {
display: none;
}
/* upcoming workshops */
#block-17930d622306408fc543 .timestamp {
display: block;
}

/* home */
@media all and (min-width:768px) {
.flash-cards {
position: absolute;
bottom: -50px;
right: 0px;
width: 290px;
}
}
.box h1,
.box h2,
.box h3,
.box p {
margin: 0 0 4px;
}
.box .content {
display: block;
padding: 20px;
}
.blue-bkgd {
background: #405995;
}
.blue-bkgd h2,
.blue-bkgd h3,
.blue-bkgd p {
color: #fff !important;
}
.box a {
-webkit-transition: all .3s;
-moz-transition: all .3s;
-ms-transition: all .3s;
-o-transition: all .3s;
transition: all .3s;
}
.blue-bkgd a:hover {
background: #f17b05;
}


/* forms */

.e2ma_signup_form input {
width: 100%;
padding: 12px;
margin: 0 0 14px;
border: 1px solid #ccc;
background: #fafafa;
font-family: sans-serif;
font-size: 12px;
line-height: normal;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
box-sizing: border-box;
-moz-border-radius: 2px;
border-radius: 2px;
}

.e2ma_signup_form .e2ma_signup_form_button,
.form-wrapper input[type=submit] {
display: inline-block;
background-color: #f17b05;
border: none;
color: #fff;
cursor: pointer;
font: 14px/1em 'Helvetica Neue', helvetica, arial, sans-serif;
font-weight: normal;
padding: 14px 25px;
text-align: center;
-webkit-appearance: none;
width: auto;
}
.e2ma_signup_form .e2ma_signup_form_button:hover,
.form-wrapper input[type=submit]:hover {
background-color: #3c5a98;
}
.e2ma_signup_form #e2ma_signup_reset_button {
background: #fafafa;
border: 1px solid #ccc;
color: #272727;
}

#e2ma_signup_form_button_row {
margin: 15px 0 0;
}
#e2ma_signup_image_container,
#e2ma_signup_message {
display: none;
}