View
Theme
Font Style
7pt
8pt
9pt
10pt
11pt
Line Style
100%
110%
120%
130%
140%
Bold Keyword
Default
Inspector
Kkaefer
Eclipse
SQ Light
Lesser
Dark
Cobalt
Monokai
Rubyblue
Night
SQ Dark
Ambiance
Blackboard
Line Num.
Wrap Lines
Preview
Redraw
JS Tab
HTML Tab
CSS Tab
Live Tab
Prev. Tab
Next Tab
Browser
History…
Help
Edit
Settings
Auto Complete
Match Brackets
Match Highlight
Strip Whitespace
Auto Close Brackets
Auto Close Quotes
Show Print Margin
Undo
Redo
Delete
Select Line
Select All
Find & Replace
Find
Find in Repo.
Find Next
Find Previous
Replace Single
Replace All
Wrap Search
Revert
As Template
Diff Revision
Format
Compress
Text
Zen Coding
Indent
Tab Width
1
2
3
4
5
6
7
8
Indent Unit
1
2
3
4
5
6
7
8
Smart Indent
Use Tabs
Visible Tabs
Shift Left
Shift Right
Put Indent
Number
Increment by 1
Decrement by 1
Increment by 0.1
Decrement by 0.1
Increment by 10
Decrement by 10
Simple Math
Comment
Line
Move Up
Move Down
Copy Up
Copy Down
Go to Line…
Remove Line
Next Point
Prev. Point
Help
Share
Login
You can jump to the latest bin by adding
/latest
to your URL
×
z
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 = '
' + Squarespace.HTML.createButton("Save & Close", "Squarespace.ConfigurationTray.issue(\'save\');", true, "inlineSaveTarget") + '
' + (CLEANFRAME_PROPERTIES.saveKeepOpen ? '
' + Squarespace.HTML.createButton("Save", "Squarespace.ConfigurationTray.issue(\'savekeepopen\');", true) + '
' : ""); } tray.setFooterHTML( footerHTML + '
' + Squarespace.HTML.createButton("Cancel", "Squarespace.ConfigurationTray.hide();", false, "ss-cancel-button") + '
' ); // 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 toggleOptionSelector(selector) { var el = D.get(selector + "-dropdown"); if (!D.hasClass(el, "itemSelected")){ D.hasClass(el, "visible") ? closeOptionSelector() : showOptionSelector(selector); } else { D.removeClass(el, "itemSelected"); D.removeClass(el, "visible"); } } 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"); } function toggleSearch() { if (D.hasClass("css-search-wrapper", "visible")) { D.removeClass("css-search-wrapper", "visible"); Squarespace.CssEditor.toggleSearch(false); D.setStyle("css-search-slider", "opacity", "0"); D.setStyle("css-search-slider", "left", "-40px"); } else { D.addClass("css-search-wrapper", "visible"); Squarespace.CssEditor.toggleSearch(true); D.get("tool-search-input").value = ""; D.get("tool-replace-input").value = ""; new YAHOO.util.Anim("css-search-slider", { opacity: { to: 1.0 }, left: {to : 0} }, .3, YAHOO.util.Easing.easeOutStrong).animate(); } } 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; var a = new YAHOO.util.Anim("currentSelector", { opacity: { to: .6 } }, .4, YAHOO.util.Easing.easeOutStrong); a.onComplete.subscribe(function(t, a, o) { new YAHOO.util.Anim("currentSelector", { opacity: { to: 1 } }, .5, YAHOO.util.Easing.easeOutStrong).animate(); }); a.animate(); YAHOO.util.Event.stopEvent(e); ACTIVE_PATH = ""; } function trackElement(e) { // var el = E.getTarget(e); // var path = ""; // while (true) { // var item; // if (el.tagName == "BODY") { // D.get("currentPage").innerHTML = "body #" + el.id; // } else { // if (SEEK_MODE == "class") { // if (el.className.trim().indexOf(" ") != -1) { // item = "." + el.className.trim().replace(/ /g, "(-OR-)."); // } else { // item = (el.className ? "." + el.className : ""); // } // } else { // item = (el.id ? "#" + el.id : ""); // } // if (item.length > 0) { // path = item + " " + path; // } // } // el = el.parentNode; // if (el == null || el.tagName == "HTML") { break; } // } // D.get("currentSelector").innerHTML = path; // ACTIVE_PATH = path; } 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 ); }
CleanFrame
Refresh Required
Refresh your browser window.
My Style
by firejune
$ContentPaddingExternal$
- 50px
$ContentPaddingInternal$
- 50px
$ContentWidth$
- 520px
$Sidebar1Width$
- 170px
$Sidebar2Width$
- 170px
$ErrorColor$
- #990000
small
normal
large
light
light
grayscale
dark
Save
Find
Replace
/* ----------------------------------------------------- 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
Help
About
×
×