Fire JS Bin - squarespace

You can jump to the latest bin by adding /latest to your URL

Find

→ ←

⟲

Replace

⊗ All Replace

Squarespace.Constants.SS_AUTHKEY = "9x6%2F1KJeAxiAqSgWtASE0w%3D%3D";

var BETA_FEATURES = false;         
var tray;

// unload checking ----------------------------------------------------------------------------

function enableUnloadChecking() {

// key trapping

var keytrap = function() { 
    window.confirmPageExit = true;
    return( true );
  };

if (window.Event) {
    window.captureEvents(Event.KEYDOWN);
    YAHOO.util.Event.addListener(window, "keydown", keytrap);
  } else {
    window.document.onkeydown = keytrap;
  }
  
  // load/unload

window.onbeforeunload = function() {

if (window.confirmPageExit) {
      return( "You have unsaved changes.  These changes will be lost if you leave this page." );
    }

};
  
}

// dialog window notices ---------------------------------------------------------------------

var noticeTimer = null;

function showDialogNotice(title, message, type) {

YAHOO.util.Dom.get("noticeTitle").innerHTML = title;
  YAHOO.util.Dom.get("noticeBody").innerHTML = message;

YAHOO.util.Dom.setStyle("noticeContainer", "display", "block");
  YAHOO.util.Dom.setStyle("noticeContainer", "opacity", "0");

new YAHOO.util.Anim("noticeContainer", { height: { from: 0, to: document.getElementById("noticeContent").offsetHeight }, opacity: { from: .25, to: 1 } }, .6, YAHOO.util.Easing.easeOutStrong).animate();
  
  if (noticeTimer) { window.clearTimeout(noticeTimer); }
  noticeTimer = window.setTimeout(hideDialogNotice, 4000);
  
  if (type == "warning") {
    YAHOO.util.Dom.setStyle("noticeContent", "background-image", "url(/universal/images/helptip-warning.png)");
  } else {
    YAHOO.util.Dom.setStyle("noticeContent", "background-image", "url(/universal/images/helptip-info.png)");
  }

}

function hideDialogNotice() {

new YAHOO.util.Anim("noticeContainer", { height: { to: 0 }, opacity: { to: 0 } }, .6, YAHOO.util.Easing.easeOutStrong).animate();
  noticeTimer = null;
  
}

// default initialization ---------------------------------------------------------------------

Squarespace.Dom.fastLoad(function() {

try {
  
  tray = window.parent.Squarespace.ConfigurationTray;

window.confirmPageExit = false;

// standard notice closure

setTimeout(function() {
    var anim = new YAHOO.util.Anim("squarespaceClosableNotice", { height: { to: 0 } }, .4, YAHOO.util.Easing.easeOutStrong);
    anim.onStart.subscribe(function() {
      D.setStyle("squarespaceClosableNotice", "overflow", "hidden");
    });
    anim.onComplete.subscribe(function() {
      D.setStyle("squarespaceClosableNotice", "display", "none");
    });
    anim.animate();
  }, 5000);
  
  if (YAHOO.env.ua.webkit > 0){
    Squarespace.CSS.appendCss("input.file { color: white; }");
  }

// form saving

Squarespace.Form.onSave = function() {
    tray.issue('save');
  }

if (isDefined("CLEANFRAME_PROPERTIES")) {

tray.setTitle(CLEANFRAME_PROPERTIES.title, "",  false );
    
    var footerHTML;
    
    if (CLEANFRAME_PROPERTIES.customFooter) {
      footerHTML = CLEANFRAME_PROPERTIES.customFooter;
    } else {
      footerHTML = '<div style="float: right; padding-left: 8px;">' + Squarespace.HTML.createButton("Save & Close", "Squarespace.ConfigurationTray.issue(\'save\');", true, "inlineSaveTarget") + '</div>' +
        (CLEANFRAME_PROPERTIES.saveKeepOpen ? '<div style="float: right; padding-left: 8px;">' + Squarespace.HTML.createButton("Save", "Squarespace.ConfigurationTray.issue(\'savekeepopen\');", true) + '</div>' : "");
    }

tray.setFooterHTML(
      footerHTML + '<div style="float: right; padding-left: 8px;">' + Squarespace.HTML.createButton("Cancel", "Squarespace.ConfigurationTray.hide();", false, "ss-cancel-button") + '</div>'
      );

// establish inline save button
  
    E.addListener("inlineSaveButton", "click", function() { window.parent.document.getElementById("inlineSaveTarget").onclick(); });
    E.addListener("inlineSaveButton", "focus", function() { var t = window.parent.document.getElementById("inlineSaveTarget"); if (t) { D.addClass(t, "button-focused"); } });
    E.addListener("inlineSaveButton", "blur",  function() { var t = window.parent.document.getElementById("inlineSaveTarget"); if (t) { D.removeClass(t, "button-focused"); } });
    
    // sizing

if (CLEANFRAME_PROPERTIES.height > window.parent.D.getViewportHeight()-160) {
      CLEANFRAME_PROPERTIES.height = window.parent.D.getViewportHeight()-160; 
    }

if (Squarespace.EDITOR_MODE) {
      tray.afterResize = function() {
        getEditor().align();
      };
    }

tray.issue = function(action) {

if (action == "save") {
      
        if (Squarespace.EDITOR_MODE) { getEditor().save(); }

tray.lock(CLEANFRAME_PROPERTIES.saveMessage, "Please wait while we process your request.");

document.dataform.SSScrollPosition.value = YAHOO.util.Dom.getDocumentScrollTop(window.parent.document);
        document.dataform.reload.value = "false";
        document.dataform.submit();

} else if (action == "savekeepopen") {
       
        if (Squarespace.EDITOR_MODE) { getEditor().save(); }

document.dataform.SSScrollPosition.value = YAHOO.util.Dom.getDocumentScrollTop(window.parent.document);
        document.dataform.reload.value = "false"; 
        document.dataform.keepOpen.value = "true";
        document.dataform.submit();

} else if (action == "revert") {
      
        if (AUTOSAVE_REVERT_DATA && AUTOSAVE_ENTRY_ID) {
        
          tray.lock("Reverting Draft...", "Please wait while we process your request.");

YAHOO.util.Connect.resetDefaultHeaders();
          YAHOO.util.Connect.setDefaultPostHeader(false);
          YAHOO.util.Connect.initHeader("Content-Type", "application/x-www-form-urlencoded");

YAHOO.util.Connect.asyncRequest("POST", document.dataform.action + "&autoSave=true&revert=true&entryId=" + AUTOSAVE_ENTRY_ID, {
            timeout : 10000, 
            success : function(o) {
              window.parent.Squarespace.ConfigurationTray.hide()
            } 
          }, AUTOSAVE_REVERT_DATA); 
          
        } else {

window.parent.Squarespace.ConfigurationTray.hide()

}

}
    
    tray.ready(function() { ready(); }, CLEANFRAME_PROPERTIES.height);

} else {

tray.ready(function() { ready(); });

}

} catch(e) { console.dir(e); }

});

function ready() {

// initialize forms

Squarespace.Form.manageFormEffects("dataform");
 
  // align WYSIWYGs
 
  if (Squarespace.EDITOR_MODE) { getEditor().render(); } // setTimeout(function(){ getEditor().initializeTabFocus(); }, 2000) ?? 
  
  // destroy dialogs on exit
  
  E.addListener(window, "unload", function() { 
    if (window.parent.Squarespace.FileSelector) window.parent.Squarespace.FileSelector.cancel();
    if (window.parent.Squarespace.ImageSelector) window.parent.Squarespace.ImageSelector.cancel(); 
    if (window.parent.Squarespace.CodeEditor) window.parent.Squarespace.CodeEditor.cancel();
  });
  
  // block on editor before continuing 
  
  if (!isEditorReady()) {
    waitForEditor(nextReady);
  } else {
    nextReady();
  }    
}

function nextReady() {
    if (isDefined("CLEANFRAME_PROPERTIES")) {
      if (CLEANFRAME_PROPERTIES.onReady) { CLEANFRAME_PROPERTIES.onReady(); }
    }
}

var editorWaitTimer = -1;

function isEditorReady() {
    var el = window.parent.document.getElementById("configuration-container-footer-buttons");
    var vis = D.getStyle(el, "visibility");
    return vis == "visible" || (vis == "inherit" && YAHOO.env.ua.ie > 0);
}

function waitForEditor(fcn) {
    editorWaitTimer = setInterval(function() {
      if (isEditorReady()) {
        doneWaitingForEditor(fcn);     
      }
    }, 100);
}

function doneWaitingForEditor(fcn) {
  if (editorWaitTimer > -1) {
      clearInterval(editorWaitTimer);
  }
  fcn();
}

var targetContainer = null;
var instanceConstant = parseInt(Math.random() * 99999999);
var currentStyleId;
var hardChange = false;

YAHOO.util.Event.addListener(window, "load", function() {

var editor = window.parent.Squarespace.StyleEditor;
  var immediate = window.parent.Squarespace.StyleEditor.immediate;

currentStyleId = 1565871;

editor.setTabMode("owner");
  
  editor.ready(400);

ready();

});

var unsaved = true;

function refreshStyle() {

if (hardChange) {
      Squarespace.URL.reload(window.parent);
    } else {
      Squarespace.CSS.cachedStyleLoad("/display/common.css?styleId=" + currentStyleId + "&RK=1330670335423&VK=" + parseInt(Math.random() * 99999999), window.parent, window.parent.Squarespace.SectionEditingStripManager.recalculate);
    }
  
}

function save() {

window.parent.Squarespace.Interaction.SaveTip.show();

var formData = null;
  var successFunction = refreshStyle;
  
          Squarespace.CssEditor.saveContentToTextArea();
    formData = Squarespace.URL.constructUrlParameters({
      "customCss"   : document.getElementById("customCss").value
    });

Squarespace.Form.disableButton("saveButton", "Save");

window.parent.Squarespace.Interaction.SaveTip.show();

YAHOO.util.Connect.asyncRequest("POST", "/process/admin/UpdateVisualStyle", {
      timeout : 10000,
      failure : function(o) { alert(Squarespace.Constants.NO_SAVE_WARNING); },
      success : successFunction
    }, "section=customCss&SS_AUTHKEY=" + Squarespace.Constants.SS_AUTHKEY + "&styleId=" + currentStyleId + "&" + formData);
    
  unsaved = false;

}

function ready() {

Squarespace.CssEditor.initialize(CodeMirror);
    D.get("theme-dropdown-label").innerHTML = Squarespace.CssEditor.getTheme();    
      }

function showOptionSelector(selector) {   
  D.addClass(selector + "-selector", "visible");

if (selector == "font") {

D.removeClass("css-font-small", "selected");
    D.removeClass("css-font-normal", "selected");
    D.removeClass("css-font-large", "selected");
    D.addClass("css-font-" + Squarespace.CssEditor.getFontStyle(), "selected");
  
  } else if (selector == "theme") {

D.removeClass("css-theme-light", "selected");
    D.removeClass("css-theme-grayscale", "selected");
    D.removeClass("css-theme-dark", "selected");
    D.addClass("css-theme-" + Squarespace.CssEditor.editor.getOption("theme"), "selected");
  }

YAHOO.util.Event.addListener(selector + "-dropdown", "mousedown", removeClickListeners, selector, this);
  YAHOO.util.Event.addListener(window.parent.document.body, "mousedown", closeOptionSelector, selector, this);
  YAHOO.util.Event.addListener(window.document.body, "mousedown", closeOptionSelector, selector, this);
  
}

function closeOptionSelector(e, selector) {
  D.removeClass(selector + "-selector", "visible");
  YAHOO.util.Event.removeListener(selector + "-dropdown", "mousedown", removeClickListeners);
  YAHOO.util.Event.removeListener(window.parent.document.body, "mousedown", closeOptionSelector);
  YAHOO.util.Event.removeListener(window.document.body, "mousedown", closeOptionSelector);   
}

function removeClickListeners(e, selector) {
  YAHOO.util.Event.removeListener(selector + "-dropdown", "mousedown", removeClickListeners);
  YAHOO.util.Event.removeListener(window.parent.document.body, "mousedown", closeOptionSelector);
  YAHOO.util.Event.removeListener(window.document.body, "mousedown", closeOptionSelector);   
}

function onSelectFont(style) {
  D.addClass("font-dropdown", "itemSelected");      
  Squarespace.CssEditor.setFontStyle(style);   
  closeOptionSelector(null, "font");
}

function onSelectTheme(style) {
  D.addClass("theme-dropdown", "itemSelected");   
  Squarespace.CssEditor.setEditorOption('theme', style);   
  D.get("theme-dropdown-label").innerHTML = style;
  closeOptionSelector(null, "theme");
}

function onInsertVariable(variable) {
  console.log(variable);
  D.addClass("variable-dropdown", "itemSelected");      
  Squarespace.CssEditor.insertText(variable);   
  closeOptionSelector(null, "variable");
}

var lastPos = null, lastQuery = null, marked = [];

function unmark() {
   for (var i = 0; i < marked.length; ++i) marked[i]();
   marked.length = 0;
 }

function findCss() {
  unmark();     
  var editor = Squarespace.CssEditor.editor;                
  var text = D.get("tool-search-input").value;
  if (!text) return;
  for (var cursor = editor.getSearchCursor(text); cursor.findNext();)
    marked.push(editor.markText(cursor.from(), cursor.to(), "searched"));

if (lastQuery != text) lastPos = null;
  var cursor = editor.getSearchCursor(text, lastPos || editor.getCursor());
  if (!cursor.findNext()) {
    cursor = editor.getSearchCursor(text);
    if (!cursor.findNext()) return;
  }
  editor.setSelection(cursor.from(), cursor.to());
  lastQuery = text; lastPos = cursor.to();
}

function replaceCss() {
  unmark();
  var editor = Squarespace.CssEditor.editor;   
  var text = D.get("tool-search-input").value,
      replace = D.get("tool-replace-input").value;
  if (!text) return;
  for (var cursor = editor.getSearchCursor(text); cursor.findNext();)
    cursor.replace(replace);
}

function mode(m) {
  SEEK_MODE = m;
  D.setStyle("mode-link-class", "font-weight", (m == "class" ? "bold" : "normal"));
  D.setStyle("mode-link-id",    "font-weight", (m == "id" ? "bold" : "normal"));
}

//YAHOO.util.Event.addListener(window, "resize", fixpos);
YAHOO.util.Event.addListener(window, "load", function() {

Squarespace.Form.disableButton('saveButton', 'Save');
  fixpos();

YAHOO.util.Event.addListener(window.parent.document.body, "mousemove", trackElement);
  YAHOO.util.Event.addListener(window.parent.document.body, "dblclick", saveElement);
  YAHOO.util.Event.addListener(window.parent.document.body, "contextmenu", saveElement);         
   
  mode("class");

});

var SEEK_MODE, ACTIVE_PATH, LAST_EL;

function saveElement(e) {

if (ACTIVE_PATH == "") { return; }

var c = D.get("customCss");
  c.value = ACTIVE_PATH + "{  }\n\n" + c.value;

}

Squarespace.Form.captureControlS("customCss");
Squarespace.Form.onSave = save;

function fixpos() {

//D.setStyle( "cssWrapper", "height", ( D.get("styleHolder").clientHeight - D.get("cssActions").clientHeight - Squarespace.CssEditor.CSS_WRAPPER_PADDING - Squarespace.CssEditor.CSS_ACTIONS_PADDING ) + "px" );
 
  D.setStyle( "cssWrapper", "height", ( D.get("styleHolder").clientHeight - Squarespace.CssEditor.CSS_WRAPPER_PADDING - Squarespace.CssEditor.CSS_ACTIONS_PADDING ) + "px" );
  //document.getElementById("customCss").style.width = (YAHOO.util.Dom.getViewportWidth() - 248) + "px";
  //document.getElementById("currentSelectorWrapper").style.width = (YAHOO.util.Dom.getViewportWidth() - 248) + "px";
}

function viewStylesheet() {
  window.open("/display/common.css?styleId=" + currentStyleId + "&RK=1330670335423&VK=" + parseInt(Math.random() * 99999999), "finalSheet");
}

function viewSourceCode() {
  window.open("view-source:" + window.parent.document.location.href, "pageSource");
}

function toggleFullScreen(height) {   
  Squarespace.CssEditor.toggleFullScreen( height );
}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
<head>
  
  <title>CleanFrame</title>
  
  <meta http-equiv="X-UA-Compatible" content="IE=7" />

<div style="position: absolute; display: none; top: 18px; right: 12px; z-index: 10; cursor: pointer; overflow: hidden; " id="noticeContainer">
  <div style="width: 320px;">
  <div style="background: #222 none no-repeat 8px 8px; -moz-border-radius: 5px; -webkit-border-radius: 5px; background-image: url(/universal/images/helptip-warning.png); color: white; padding: 15px; padding-left: 52px; width: 250px;" id="noticeContent" class="slidemenuContent" onmousedown="hideDialogNotice();">
    <div style="margin-bottom: 6px;"><span id="noticeTitle" style="font-weight: bold; font-size: 14px;">Refresh Required</span></div>
    <div><span style="font-size: 11px;" id="noticeBody">Refresh your browser window.</span></div>
  </div></div></div>

<div id="styleContainer1565871" class="styleContainer" style="border-right:1px solid #2E2E2E; cursor: auto; position: fixed; top: 0px; left: 0px; width: 180px;">
  
        <div class="heading">
          <div id="styleNamePreview" class="title">My Style </div>
          <div id="styleAuthorPreview" class="subtitle">by firejune</div>
        </div>
  
        <iframe class="stylePreviewCubeContainer"></iframe>
  
      </div>
  
    
          <div style="padding-left: 240px; height:100%;">
    
    
      <div id="cssWrapper" style="height:100%; position:relative; z-index:100;">
        
        <div id="css-toolbar">
          <div class="css-tool-spacer"></div>

<div id="variable-dropdown" class="css-dropdown-item tool-variable" onclick="toggleOptionSelector('variable');">
            <div id="variable-selector" class="select-field-wrapper" style="width:300px;">              
                                                                    <div class="select-field" style="text-transform:none" onclick="onInsertVariable('$ContentPaddingExternal$');">
                      <div>$ContentPaddingExternal$<span style="color:#777"> - 50px</span></div>
                    </div>  
                                                                                                      <div class="select-field" style="text-transform:none" onclick="onInsertVariable('$ContentPaddingInternal$');">
                      <div>$ContentPaddingInternal$<span style="color:#777"> - 50px</span></div>
                    </div>  
                                                                                                      <div class="select-field" style="text-transform:none" onclick="onInsertVariable('$ContentWidth$');">
                      <div>$ContentWidth$<span style="color:#777"> - 520px</span></div>
                    </div>  
                                                                                                                                                                                                                                                                                                      <div class="select-field" style="text-transform:none" onclick="onInsertVariable('$Sidebar1Width$');">
                      <div>$Sidebar1Width$<span style="color:#777"> - 170px</span></div>
                    </div>  
                                                                                                      <div class="select-field" style="text-transform:none" onclick="onInsertVariable('$Sidebar2Width$');">
                      <div>$Sidebar2Width$<span style="color:#777"> - 170px</span></div>
                    </div>  
                                                                                  <div class="select-field" style="text-transform:none" onclick="onInsertVariable('$ErrorColor$');">
                    <div style="float:left">$ErrorColor$<span style="color:#777"> - #990000</span></div>
                    <div style="width:11px; height:11px; background-color:#990000; float:left; margin:3px 10px 0 5px;"></div>
                  </div>  
                                          </div>
          </div>

<div id="font-dropdown" class="css-dropdown-item tool-font" onclick="toggleOptionSelector('font');">
            <div id="font-selector" class="select-field-wrapper">
              <div id="css-font-small" class="select-field" style="font-size:9px" onclick="onSelectFont('small');">small</div>
              <div id="css-font-normal" class="select-field" style="font-size:11px" onclick="onSelectFont('normal');">normal</div>
              <div id="css-font-large" class="select-field" style="font-size:14px" onclick="onSelectFont('large');">large</div>
            </div>
          </div>

<div id="theme-dropdown" class="css-dropdown-item tool-theme" onclick="toggleOptionSelector('theme');">
            <div id="theme-dropdown-label" class="css-dropdown-label">light</div>
            <div id="theme-selector" class="select-field-wrapper">
              <div id="css-theme-light" class="select-field" style="" onclick="onSelectTheme('light');">light</div>
              <div id="css-theme-grayscale" class="select-field" style="" onclick="onSelectTheme('grayscale');">grayscale</div>
              <div id="css-theme-dark" class="select-field" style="" onclick="onSelectTheme('dark');">dark</div>
            </div>
          </div>

<div id="css-search-wrapper">
          <div id="css-search-slider">
            <div class="css-tool-input"><input id="tool-search-input" class="tool-search-input" /></div>
            <div class="css-tool-input tool_search_button">
              <div style="float: left; padding-top:8px;">  <a  id="findButton"   class="button"  href="javascript:noop()" onmouseout="this.blur();" onclick="this.blur(); if (!YAHOO.util.Dom.hasClass(this, 'button-disabled')) { findCss(); }"><span>Find</span></a>
</div>
            </div>
            <div class="css-tool-input"><input id="tool-replace-input" class="tool-search-input" /></div>
            <div class="css-tool-input tool_search_button">
              <div style="float: left; padding-top:8px;">  <a  id="replaceButton"   class="button"  href="javascript:noop()" onmouseout="this.blur();" onclick="this.blur(); if (!YAHOO.util.Dom.hasClass(this, 'button-disabled')) { replaceCss(); }"><span>Replace</span></a>
</div>
            </div>
          </div>
        </div>

<textarea name="customCss" id="customCss" style="font-family: Courier; height: 100%; width: 100%;">
/*
-----------------------------------------------------
Template: Developer
Style: Wireframe
Copyright: Squarespace Inc. All rights reserved.
Usage: NOT FOR USE OUTSIDE THE SQUARESPACE PLATFORM
-----------------------------------------------------
*/

/* Layout */

body {   }

#canvas {  }
#canvasWrapper {   }

#pageHeaderWrapper {   }
#pageHeader {   }

#pageBodyWrapper {   }
#pageBody {   }

#contentWrapper {   }
#content {   }

#pageFooterWrapper {   }
#pageFooter {   }

/* Navigation */

#active-module-marker {   }

#navigationTop .horizontalNavigationBar {   }
#navigationTop .horizontalNavigationBar .content-navigation {   }
#navigationTop .horizontalNavigationBar .folder {   }
#navigationTop .horizontalNavigationBar .folder-link {   }
#navigationTop .horizontalNavigationBar .folder-open {   }
#navigationTop .horizontalNavigationBar .folder-open .module a {   }

#navigationBottom .horizontalNavigationBar {   }
#navigationBottom .horizontalNavigationBar .content-navigation {   }
#navigationBottom .horizontalNavigationBar .folder {   }
#navigationBottom .horizontalNavigationBar .folder-link {   }
#navigationBottom .horizontalNavigationBar .folder-open {   }
#navigationBottom .horizontalNavigationBar .folder-open .module a {   }

#sidebar1Wrapper {   }
#sidebar1 {   }

#sidebar2Wrapper {   }
#sidebar2 {   }

.sectionInternalWrapper1 {   }
.sectionInternalWrapper2 {   }

.verticalNavigationBar {   }
.verticalNavigationBar .section {   }
.verticalNavigationBar .folder-closed {   }
.verticalNavigationBar .folder-closed .folder-link {   }
.verticalNavigationBar .folder-open {   }
.verticalNavigationBar .folder-open .folder-link {   }
.verticalNavigationBar .section .folder .module { border-bottom: none; }
.verticalNavigationBarInternalWrapper1 {   }
.verticalNavigationBarInternalWrapper2 {   }

/* Amazon Lists */

.amazon-item-list .picture img  {  }
.amazon-item-list-pt .picture img {  }
.amazon-item-list-pt .authors {  }
.amazon-item-list-pt .title {  }

/* Link Lists */

.link-list {   }

.link-group-list-pt li .title {   }
.link-group-list-pt li ul li {   }
.link-group-list-pt li ul li .description {   }
.link-group-list-pt li ul li .title {   }
.link-group-list li ul li {   }

/* Comments */

.comment {   }
.comment .body {   }
.comment .signature {   }
.comment .signature .inline-icon {  }

.discussion-comment-list li {  }

#preview {   }

/*  Forms */

.form-body .fieldTitle {   }
.form-body .formTitle {   }

.form-body .paragraphtext-small,
.form-body .paragraphtext-medium,
.form-body .paragraphtext-large {   }

.form-body .paragraphtext-small-inline,
.form-body .paragraphtext-medium-inline,
.form-body .paragraphtext-large-inline {   }
.form-body .sectionBreak {   }

.form-body .singlelinetext-small,
.form-body .singlelinetext-medium,
.form-body .singlelinetext-large {   }

.form-body .singlelinetext-small-inline,
.form-body .singlelinetext-medium-inline,
.form-body .singlelinetext-large-inline,
.content-passthrough .form-body .singlelinetext-small,
.content-passthrough .form-body .singlelinetext-medium,
.content-passthrough .form-body .singlelinetext-large  {   }

input.text {   }

.input-field .title {   }

.notice-box {   }

textarea {   }

/* Journals */

.category-icon {   }
.comment-icon {   }
.date-icon {   }
.email-icon {   }
.reference-icon {   }
.user-registered-icon {   }

.journal-entry-tag-pre-title {   }
.journal-entry-tag-pre-title .inline-icon { display: none; }
.journal-entry-tag-post-title {   }
.journal-entry-tag-post-title .inline-icon { display: none; }

.postComments {   }
.postReferences {   }

.postedBy {   }
.postedIn {   }
.postedOn {   }

/* Search */

.search-result {   }
.search-result .search-result-body {   }
.search-result .search-result-body .hit-word-body {   }
.search-result .search-result-title {   }
.search-result .search-result-tag {   }

.content-passthrough .search-form-pt .queryField {  }
.content-passthrough .submit-button {  }

/* Thumbnails */

.thumbnail {   }
.thumbnail-image-float-left img {   }
.thumbnail-image-float-right img {   }
.thumbnail-image-float-none img {   }

/* Additional Customizations */

#bannerWrapper {   }

.error-text {   }

.faq-question-list li {  }

.feed-list .feed-link {  }

.file-item-list li {  }

.offsite-link {   }

#squarespace-powered {   }

/* Add Your Custom CSS Below This Line  
--------------------------------------------- */

body { overflow: hidden; }

/* -- CSS Editor Toolbar -- */

#css-toolbar { 
  background-color:#e1e1e1;
  border-bottom:1px solid #CCC;
  width:100%;
  height:40px;   
}
#css-toolbar strong {color:#1A1A1A !important;}
.css-tool-item { float:left; width:30px; height:41px; line-height:41px; cursor:pointer;}
.css-tool-item:hover { opacity:0.6;}
.css-dropdown-item{ position:relative; float:left; width:30px; height:41px; line-height:41px; cursor:pointer;}
.css-dropdown-label  {padding:0 10px; width:auto; color:#1A1A1A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:normal; font-size:11px; text-transform:uppercase; }

.css-tool-text { padding:0 10px; width:auto; text-align:center; color:#1A1A1A; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:normal; font-size:11px; }
.css-tool-divider { float:left; width:10px; height:40px; margin-left:10px; border-left:1px dotted #BBB; }
.css-tool-spacer { float:left; width:10px; height:40px; }
.css-tool-input { float:left; width:auto; padding:0 10px; line-height:41px; cursor:pointer; height:41px; }
.tool-search-input { padding:0; margin:9px 0 0 0; height:16px; border:2px solid #bcbcbc; }

.tool-save { float:right; }
.tool-undo { background:url(http://squarespace.com/universal/images/css-editor/icon-undo-16-dark.png) center center no-repeat; }
.tool-redo { background:url(http://squarespace.com/universal/images/css-editor/icon-redo-16-dark.png) center center no-repeat; }
.tool-outdent { background:url(http://squarespace.com/universal/images/css-editor/icon-outdent-16-dark.png) center center no-repeat; }
.tool-indent { background:url(http://squarespace.com/universal/images/css-editor/icon-indent-16-dark.png) center center no-repeat; }
.tool-comment { background:url(http://squarespace.com/universal/images/css-editor/icon-csscomment-16-dark.png) center center no-repeat; }
.tool-variable { background:url(http://squarespace.com/universal/images/css-editor/icon-variable-16-dark.png) center center no-repeat;  }
.tool-font { background:url(http://squarespace.com/universal/images/css-editor/icon-textsize-16-dark.png) center center no-repeat;  }
.tool-lines { background:url(http://squarespace.com/universal/images/css-editor/icon-line-numbers-16-dark.png) center center no-repeat; }
.tool-highlight { background:url(http://squarespace.com/universal/images/css-editor/icon-brackets-16-dark.png) center center no-repeat; }
.tool_search { background:url(http://squarespace.com/universal/images/css-editor/icon-search-16-dark.png) center center no-repeat; }      
.tool-theme { background:url(http://squarespace.com/universal/images/css-editor/icon-down-arrow-16-dark.png) right center no-repeat; width:auto;}

.select-field-wrapper { 
  display:none;
  position:absolute;
  z-index:30;
  border:1px solid #ccc;
  border:none;
  outline: none;
  background-color:#FFF;
  padding:10px;
  top:35px;
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  border-radius:3px;
  -moz-box-shadow: 0 0 4px #AAA;
  -webkit-box-shadow: 0 0 4px #AAA;
  box-shadow:0 0 4px #AAA;
}
.select-field-wrapper.visible { display:block; }
.select-field { text-align:left; line-height:16px; text-transform:uppercase; padding-left:20px; color:#000; font-family:'Helvetica Neue', Helvetica, Arial, sans-serif; font-weight:normal; clear:left;}
.select-field:hover { color:#777; }
.select-field.selected { background:url(http://squarespace.com/universal/images/css-editor/ico-checkmark.png) left center no-repeat; }

#css-toolbar select {     
  text-transform:uppercase;
  outline:none;
  border:none;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;        
  float: left;
  width:auto !important;
  background: url(http://squarespace.com/universal/images/css-editor/ico-drop-arrow.png) right center no-repeat;
  padding:0 14px 0 0;
  margin:0;
  line-height:41px;
}

#css-search-wrapper { overflow:hidden; width:100%; height:40px; background-color:#E1E1E1; position:relative; display:none; }
#css-search-wrapper.visible { display:block; border-top:1px solid #ececec; border-bottom:1px solid #CCC; }
#css-search-wrapper #css-search-container {
  position:relative;
  width:470px;
  height:38px;
  background-color:#000;
  opacity:0;
  left:-40px;
  border:1px solid transparent;
}

#css-search-wrapper #css-search-slider { position:absolute; left:-40px; opacity:0; filter:alpha(opacity=0); height:40px; background-color:#e1e1e1;}

Pop out