html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; } /* remember to define focus styles! */ :focus { outline: 0; } body { line-height: 1; color: black; background: white; } ol, ul { list-style: none; } /* tables still need 'cellspacing="0"' in the markup */ table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } blockquote, q { quotes: "" ""; }
 /* CONSOLE.LOG(SELF.JOURNAL); @FONT-FACE DECLARATIONS * * Hands off! * * ================================================================ */ /* CAECILIA ---------------------------------------------------------------- */ @font-face { font-family: "Caecilia LT Std 75 Bold"; src: url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Bold.eot"); src: local("Caecilia LT Std 75 Bold"), local("CaeciliaLTStd-Bold"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Bold.woff") format("woff"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Bold.svg#CaeciliaLTStd-Bold") format("svg"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Bold.otf") format("opentype"); } @font-face { font-family: "Caecilia LT Std 76 Bold Italic"; src: url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-BoldItalic.eot"); src: local("Caecilia LT Std 76 Bold Italic"), local("CaeciliaLTStd-BoldItalic"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-BoldItalic.woff") format("woff"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-BoldItalic.svg#CaeciliaLTStd-BoldItalic") format("svg"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-BoldItalic.otf") format("opentype"); } @font-face { font-family: "Caecilia LT Std 85 Heavy"; src: url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Heavy.eot"); src: local("Caecilia LT Std 85 Heavy"), local("CaeciliaLTStd-Heavy"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Heavy.woff") format("woff"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Heavy.svg#CaeciliaLTStd-Heavy") format("svg"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Heavy.otf") format("opentype"); } @font-face { font-family: "Caecilia LT Std 86 Heavy Italic"; src: url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-HeavyItalic.eot"); src: local("Caecilia LT Std 86 Heavy Italic"), local("CaeciliaLTStd-HeavyItalic"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-HeavyItalic.woff") format("woff"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-HeavyItalic.svg#CaeciliaLTStd-HeavyItalic") format("svg"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-HeavyItalic.otf") format("opentype"); } @font-face { font-family: "Caecilia LT Std 56 Italic"; src: url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Italic.eot"); src: local("Caecilia LT Std 56 Italic"), local("CaeciliaLTStd-Italic"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Italic.woff") format("woff"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Italic.svg#CaeciliaLTStd-Italic") format("svg"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Italic.otf") format("opentype"); } @font-face { font-family: "Caecilia LT Std 45 Light"; src: url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Light.eot"); src: local("Caecilia LT Std 45 Light"), local("CaeciliaLTStd-Light"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Light.woff") format("woff"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Light.svg#CaeciliaLTStd-Light") format("svg"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Light.otf") format("opentype"); } @font-face { font-family: "Caecilia LT Std 46 Light Italic"; src: url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-LightItalic.eot"); src: local("Caecilia LT Std 46 Light Italic"), local("CaeciliaLTStd-LightItalic"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-LightItalic.woff") format("woff"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-LightItalic.svg#CaeciliaLTStd-LightItalic") format("svg"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-LightItalic.otf") format("opentype"); } @font-face { font-family: "Caecilia LT Std 55 Roman"; src: url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Roman.eot"); src: local("Caecilia LT Std 55 Roman"), local("CaeciliaLTStd-Roman"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Roman.woff") format("woff"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Roman.svg#CaeciliaLTStd-Roman") format("svg"), url("/sitefiles/48/fonts/caecilia/CaeciliaLTStd-Roman.otf") format("opentype"); } /* NILLAND ---------------------------------------------------------------- */ @font-face { font-family: "Nilland Regular"; src: url("/sitefiles/48/fonts/nilland/Nilland.eot"); src: local("Nilland Regular"), local("Nilland"), url("/sitefiles/48/fonts/nilland/Nilland.woff") format("woff"), url("/sitefiles/48/fonts/nilland/Nilland.ttf") format("truetype"), url("/sitefiles/48/fonts/nilland/Nilland.svg#Nilland") format("svg"); } @font-face { font-family: "Nilland Small Caps Regular"; src: url("/sitefiles/48/fonts/nilland/Nilland-SmallCaps.eot"); src: local("Nilland-SmallCaps Regular"), local("Nilland-SmallCaps"), url("/sitefiles/48/fonts/nilland/Nilland-SmallCaps.woff") format("woff"), url("/sitefiles/48/fonts/nilland/Nilland-SmallCaps.ttf") format("truetype"), url("/sitefiles/48/fonts/nilland/Nilland-SmallCaps.svg#Nilland-SmallCaps") format("svg"); } @font-face { font-family: "Nilland Small Caps Bold"; src: url("/sitefiles/48/fonts/nilland/Nilland-SmallCaps-Bold.eot"); src: local("Nilland-SmallCaps Bold"), local("Nilland-SmallCaps-Bold"), url("/sitefiles/48/fonts/nilland/Nilland-SmallCaps-Bold.woff") format("woff"), url("/sitefiles/48/fonts/nilland/Nilland-SmallCaps-Bold.ttf") format("truetype"), url("/sitefiles/48/fonts/nilland/Nilland-SmallCaps-Bold.svg#Nilland-SmallCaps-Bold") format("svg"); } @font-face { font-family: "Nilland Extra Bold Regular"; src: url("/sitefiles/48/fonts/nilland/Nilland-ExtraBold.eot"); src: local("Nilland-ExtraBold Regular"), local("Nilland-ExtraBold"), url("/sitefiles/48/fonts/nilland/Nilland-ExtraBold.woff") format("woff"), url("/sitefiles/48/fonts/nilland/Nilland-ExtraBold.ttf") format("truetype"), url("/sitefiles/48/fonts/nilland/Nilland-ExtraBold.svg#Nilland-ExtraBold") format("svg"); } @font-face { font-family: "Nilland Bold"; src: url("/sitefiles/48/fonts/nilland/Nilland-Bold.eot"); src: local("Nilland Bold"), local("Nilland-Bold"), url("/sitefiles/48/fonts/nilland/Nilland-Bold.woff") format("woff"), url("/sitefiles/48/fonts/nilland/Nilland-Bold.ttf") format("truetype"), url("/sitefiles/48/fonts/nilland/Nilland-Bold.svg#Nilland-Bold") format("svg"); } @font-face { font-family: "Nilland Black Regular"; src: url("/sitefiles/48/fonts/nilland/Nilland-Black.eot"); src: local("Nilland-Black Regular"), local("Nilland-Black"), url("/sitefiles/48/fonts/nilland/Nilland-Black.woff") format("woff"), url("/sitefiles/48/fonts/nilland/Nilland-Black.ttf") format("truetype"), url("/sitefiles/48/fonts/nilland/Nilland-Black.svg#Nilland-Black") format("svg"); }
 /* CONSOLE.LOG(SELF.JOURNAL); * * Hand crafted by Hein Haraldson Berg * Hands off! * * ================================================================ */ /* GRID CSS [TO BE REMOVED UPON RELEASE] ---------------------------------------------------------------- */ #grid { position: fixed; width: 960px; height: 100%; top: 0; left: 50%; margin: 0 0 0 -480px; display: none; } #grid .col { width: 80px; height: 100%; float: left; background: hsla(180,100%,50%,.3); } #grid .col.even { background: hsla(180,100%,50%,.15); } #grid .col.last { margin: 0; } #grid-toggle { position: fixed; display: block; width: 120px; height: 30px; top: 106px; left: 20px; color: #FFF; text-decoration: none; font-size: 1.2em; text-transform: uppercase; } #grid-toggle span, #grid-toggle strong { display: block; height: 30px; line-height: 30px; text-align: center; font-weight: normal; } #grid-toggle span { width: 45px; float: left; clear: left; background: hsla(330,100%,50%,.6); } #grid-toggle strong { width: 75px; float: right; clear: right; background: hsla(330,100%,50%,1); } /* GENERIC CSS ---------------------------------------------------------------- */ body { font-size: 62.5%; line-height: 1; font-family: Georgia, Garamond, serif; background: #FFF; color: #625972; } #wrap { width: 960px; margin: 0 auto; } h1, h2, h3, h4 { font-family: "Nilland Extra Bold Regular", "Helvetica Neue", Arial, "Lucida Grande", FreeSans, sans-serif; } strong { font-family: "Nilland Extra Bold Regular", Georgia, Garamond, serif; } em { font-style: italic; } code { font-family: "Lucida Console", Courier, "Bitstream Vera Sans Mono", "Courier New", monospace; color: #CA6095; letter-spacing: -.0375em; } /* THE FOLLOWING CLASSES DECREASE CSS REDUNDANCY ---------------------------------------------------------------- */ .clear { clear: both; } .rel { position: relative; } .abs { position: absolute; } .hid { overflow: hidden; } .full-block { width: 960px; float: left; } .main-col .full-block { width: 640px; } .side-col .full-block { width: 300px; } .main-col { width: 640px; float: left; clear: left; } .side-col { width: 300px; float: right; clear: right; } /* SECTION: TOP ================================================================ */ #section-top { border-top: 20px solid #F1EAEF; } #section-top h1 { font-size: 2.75em; line-height: 1.2; } #section-top h1 a { color: #4C3C6A; display: block; float: right; padding: 1.1em 40px 0 10px; text-decoration: none; } #section-top h1 a .args { color: #A22E85; } #section-top h1 a .args strong { font-family: "Nilland Black Regular", "Helvetica Neue", Arial, "Lucida Grande", FreeSans, sans-serif; color: #7F2469; } #section-top h1 a:hover { color: #A22E85; } #section-top h1 a:hover strong { color: #4C3C6A; } /* SECTION: MAIN ================================================================ */ #section-main { padding: 30px 0 40px; } /* LOG ENTRY DETAILS ---------------------------------------------------------------- */ #log h2 { font-family: "Nilland Black Regular", "Helvetica Neue", Arial, "Lucida Grande", FreeSans, sans-serif; font-size: 3em; color: #A22E85; padding: .75em 20px .5em 40px; border-top: 3px solid #ECD1E5; letter-spacing: .025em; } #log h3 { font-size: 2.4em; color: #4C3C6A; padding: 0 20px .25em 40px; font-family: "Nilland Extra Bold Regular", "Helvetica Neue", Arial, "Lucida Grande", FreeSans, sans-serif; } #log h4 { font-size: 2em; color: #7F2469; padding: 0 20px .25em 40px; } #log p { font-size: 1.5em; line-height: 1.75; padding: 0 20px 2.25em 40px; } #log p.excerpt { color: #4C3C6A; font-size: 1.9em; line-height: 1.5; font-family: "Nilland Extra Bold Regular", "Helvetica Neue", Arial, "Lucida Grande", FreeSans, sans-serif; letter-spacing: .05em; padding-bottom: 1.5em; } #log p.meta { font-size: 1.2em; line-height: 1; color: #879; text-transform: uppercase; padding: 1em 20px; background: #F6F1F5; margin: 0 0 4em 20px; } #log p.meta .date { padding: 0 1em 0 0; border-right: 1px solid #B6A8C3; } #log p.meta .cats { padding: 0 0 0 1em; } #log p.meta .cats a { color: #4C3C6A; text-decoration: none; } #log p.meta .cats a:hover { color: #A22E85; text-decoration: underline; } #log .content a { background: #FF66B2; color: #FFF; text-decoration: none; padding: 0 .35em; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #log .content a:hover { background: #FF007F; } #log ul, #log ol { font-size: 1.75em; line-height: 1.75; padding: 0 20px 2.25em 60px; list-style: square inside; } #log ol { list-style: decimal-leading-zero inside; } #log blockquote p:before { content: open-quote; } #log blockquote p { font-size: 2em; line-height: 1.5; font-family: Georgia, Garamond, serif; font-style: italic; color: #833670; padding-bottom: 1em; } #log blockquote cite { display: block; font-size: 1.3em; line-height: 1; padding: 0 20px 4em 60px; text-align: right; font-family: Georgia, Garamond, serif; text-transform: uppercase; } /* LOG ENTRIES ---------------------------------------------------------------- */ .logs .log h2 { font-size: 3em; color: #A22E85; padding: 0 20px .25em 40px; letter-spacing: .025em; } .logs .log-first h2 { padding-top: .75em; border-top: 3px solid #ECD1E5; } .logs .log h2 a { color: #964C84; text-decoration: none; } .logs .log-first h2 a { color: #A22E85; } .logs .log h2 a:hover { text-decoration: underline; } .logs .log p.meta { font-size: 1.2em; line-height: 1; color: #879; text-transform: uppercase; padding: 1em 20px; background: #F6F1F5; margin: 0 0 1em 20px; } .logs .log p.meta .date { padding: 0 1em 0 0; border-right: 1px solid #B6A8C3; } .logs .log p.meta .cats { padding: 0 0 0 1em; } .logs .log p.meta .cats a { color: #4C3C6A; text-decoration: none; } .logs .log p.meta .cats a:hover { color: #A22E85; text-decoration: underline; } .logs .log p.meta a.comments { float: right; clear: right; color: #879; text-decoration: none; } .logs .log p.meta a.comments:hover { color: #4C3C6A; } .logs .log p.excerpt { font-size: 1.5em; line-height: 1.75; padding: 0 20px 4em 40px; } /* SIDE COL ITEMS ---------------------------------------------------------------- */ .side-col .box { margin: 0 0 40px; } .side-col .box-pink { background: #FF66B2; -moz-border-radius-topright: 10px; -webkit-border-top-right-radius: 10px; border-top-right-radius: 10px; } .side-col .box h2 { border-top: 3px solid #FF66B2; color: #833670; font-size: 2.4em; letter-spacing: .025em; padding: .75em 0 .5em 20px; } .side-col .box-first h2 { padding-top: 1.5em; } .side-col .box-pink h2 { border: 0; color: #FFF; text-shadow: 1px 1px 0 #A22E85; } .side-col .box ul.links, .side-col .box ul.links li .side-col .box ul.links li a { width: 300px; float: left; } .side-col .box ul.links li { border-bottom: 1px solid #FFF; } .side-col .box-pink ul.links li { border: 0; } .side-col .box ul.links li a { color: #7F6D7C; display: block; width: 260px; border-bottom: 1px solid #EADEE8; text-decoration: none; font-size: 1.4em; line-height: 1.8em; padding: .425em 20px; } .side-col .box ul.links li a:hover { border-color: #FF66B2; background: #F6F1F5; } .side-col .box-pink ul.links li a { background: #F6F1F5; } .side-col .box-pink ul.links li a:hover { background: #FFF; border-color: #FF66B2; } .side-col .box ul.links li a strong { display: block; float: left; color: #4C3C6A; width: 2.5em; } .side-col .box ul.links li a:hover strong { color: #A22E85; } /* SECTION: COMMENTS ================================================================ */ #section-comments { background: #F6F1F5; -moz-border-radius-topleft: 10px; -webkit-border-top-left-radius: 10px; border-top-left-radius: 10px; margin: 0 0 80px; } /* LOG ENTRY DETAILS: COMMENT FORM ---------------------------------------------------------------- */ #add-comment .main-col { width: 580px; padding: 40px 20px 40px 40px; } #add-comment .side-col { width: 240px; padding: 40px 40px 40px 20px; } #add-comment .main-col h2 { font-size: 3em; border: 0; padding-top: 0; color: #FF66B2; font-family: "Nilland Black Regular", "Helvetica Neue", Arial, "Lucida Grande", FreeSans, sans-serif; } #add-comment .side-col h3 { font-size: 2.4em; } #add-comment ul { font-size: 1em; list-style: none; padding: 0 0 3em; } #add-comment ul li { padding: 0 0 1em; } #add-comment ul li label { display: block; width: 120px; float: left; padding: 1em 0; } #add-comment ul li input, #add-comment ul li textarea { width: 560px; padding: 7px 10px; background: #FFF; float: left; clear: both; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; color: #FF66B2; border: 1px solid #879; box-shadow: 2px 2px 1px #879; -moz-box-shadow: 2px 2px 1px #879; -webkit-box-shadow: 2px 2px 1px #879; } #add-comment ul li textarea { height: 140px; } /* SECTION: BOTTOM ================================================================ */ #section-bottom { background: #F6F1F5; padding: 40px 0 20px; } #section-bottom .row { width: 920px; padding: 0 20px; } #section-bottom .cols-3 .col { width: 280px; margin: 0 40px 0 0; padding: 0 0 20px; } #section-bottom .row .col { float: left; } #section-bottom .row .col-last { margin: 0; } #section-bottom .row .col h2 { color: #FF007F; font-size: 2.1em; letter-spacing: .025em; padding: 0 20px .5em; text-shadow: 1px 1px 0 #FFF; } #section-bottom .row .col h2 .args { color: #BA0D63; } #section-bottom .row .col p { font-size: 1.4em; line-height: 1.8em; padding: .425em 20px 1.425em; color: #7F6D7C; } #section-bottom .row .col p a { padding: 0 .35em; background: #FFF; color: #FF007F; text-decoration: none; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } #section-bottom .row .col p a:hover { text-decoration: underline; } #section-bottom .row .col ul.links, #section-bottom .row .col ul.links li, #section-bottom .row .col ul.links li a { float: left; } #section-bottom .cols-3 .col ul.links, #section-bottom .cols-3 .col ul.links li { width: 280px; } #section-bottom .cols-3 .col ul.links li a { width: 240px; } #section-bottom .row .col ul.links li { border-bottom: 1px solid #FFF; } #section-bottom .row .col ul.links li a { color: #7F6D7C; display: block; border-bottom: 1px solid #EADEE8; text-decoration: none; font-size: 1.4em; line-height: 1.8em; padding: .425em 20px; } #section-bottom .row .col ul.links li a:hover { border-color: #FF66B2; background: #FBF6FA; }