diff options
Diffstat (limited to 'media')
29 files changed, 1145 insertions, 360 deletions
diff --git a/media/config.rb b/media/config.rb new file mode 100644 index 0000000..d3780dd --- /dev/null +++ b/media/config.rb @@ -0,0 +1,12 @@ +# Require any additional compass plugins here. +project_type = :stand_alone +# Set this to the root of your project when deployed: +http_path = "/" +css_dir = "css" +sass_dir = "sass" +images_dir = "img" +javascripts_dir = "js" +output_style = :compressed + +# To enable relative paths to assets via compass helper functions. Uncomment: +# relative_assets = true diff --git a/media/css/base.css b/media/css/base.css index b629d73..e242b5f 100644 --- a/media/css/base.css +++ b/media/css/base.css @@ -1,360 +1 @@ -/* -------------- reset from blueprint ---------------------- */ -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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { - margin: 0; - padding: 0; - font-size: 100%; - vertical-align: baseline; - border: 0; - outline: 0; - background: transparent; -} - -ol, ul, li { list-style: none; } - -blockquote, q { quotes: none; } -:focus { outline: 0; } - -table { - border-collapse: collapse; - border-spacing: 0; -} -/*html5 fix*/ -header, section, footer, aside, article, nav {display: block;text-align:left;} -/* --------------------- Basic Typography Stuff ------------------------ */ - -* {margin:0;} -html {height:100%;} -body { - background: #faf9f4; - font-family: "Hoefler Text", Georgia, "Times New Roman", Times, Serif; - /* font-size 15px */ - font-size: 93.75%; - /* line height of 24 px */ - line-height: 23px; - color: #241d13; -} -body {height:100%;text-align: center;} - -html>body { font-size: 15px;} - -p { - margin: 0.8em 0 0 0; -} -a:link { - text-decoration: none; - color: #333; -} - -a:visited { - color: #736357; - text-decoration: none; -} - -a:hover { - color: #b53a04 !important; - text-decoration: none; -} -article a {border-bottom: 1px dotted #f00;} -blockquote, blockquote p { font-size: 14px !important; margin: 1.2em !important; line-height: 22px !important; font-style: italic !important;} -/* --------------------- layout ------------------------ */ - - -/* global header and nav elements */ -header {margin: 15px auto 0; width: 700px; padding-bottom: 85px;text-align: center;} -header nav {float: left;margin-left: 35px; margin-top: 2px; letter-spacing: .10em} -header nav.rt { float: left; margin: 2px 0 0 0; clear:right;} -header nav ul { margin: 0 auto 0;} -header nav li {display: block; text-align: right; font-size: 11px; margin: 0 0 2px 0; line-height: 19px; text-transform: uppercase;} -header nav.rt li {text-align: left;} -header hgroup {float: left;} -header hgroup h1, -header hgroup h1 a { - font: 44px/44px Georgia, "Times New Roman", Times, Serif; - text-transform: uppercase; - letter-spacing: 6px; - color: #b53a04 !important; - width: 480px; -} -header hgroup h1 a:hover, header hgroup h2 a:hover { color: #736357 !important; } -header hgroup h2 { - font-size: 18px; - line-height: 30px; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 2px; - font-style: italic; -} -header hgroup h2, header hgroup h2 a {color: #b53a04 !important;} - - - -/* global article styles */ -article h1, -article h1 a { - font: 42px/48px Georgia, "Times New Roman", Times, Serif; - font-style: normal; - color: #241d13 !important; - margin: 55px 0 5px 0; - border: none; - text-align: center; -} -h3 { - margin: 24px 0; - font-size: 32px; - line-height: 42px; - font-weight: normal; - font-style: italic; - letter-spacing: 1px; - border-bottom: 1px dotted #ccc; - padding-left: 4px; -} - -/*make the first graf bigger for browsers that understand -- suck it ie6 */ -body.writing-detail article section#post p:nth-of-type(1), body#home article section#featured-article p:nth-of-type(1) { - font: 18px/28px "Hoefler Text", Georgia, "Times New Roman", Times, Serif; - margin: 0 0 1em 0; -} - - - - -article {margin: 0 auto; width: 530px;} - -.all-link { color: #888; text-align: center; margin: 12px 0 22px;text-transform: uppercase; font-size: 80%;font-style: italic; } -.all-link a {border: none;} - - -/* pagination */ -section#pagination ul {padding-top: 36px; text-align:center; clear: both;} -section#pagination ul li { - display: inline; - margin: 0; - font-variant: small-caps; -} -section#pagination ul li a, section#pagination ul li.current { - padding: 3px; - border: none; - font-size: 100%; - -} -section#pagination ul li:first-child {padding-right: 8px;} -section#pagination ul li:last-child {padding-left: 4px;} - -/* Home page */ - -body#home section#writing-archive {clear:both;} -body#home section#writing-archive h2 {font-size: 1.6em; - font-weight: normal; - text-transform:uppercase; - letter-spacing:2px; - margin-top: 32px; - color: #333; -} -body#home section#writing-archive ul h3 {font-size: 22px; line-height: 28px; margin: 30px 0 8px; padding-bottom: 4px;letter-spacing: .01em;} -body#home section#writing-archive ul h3 a {border: none;} -body#home section#writing-archive ul li {clear:both; padding: 18px 0; color: #888;} -body#home section#writing-archive ul li:first-child {padding-top: 0;} -body#home section#writing-archive ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0; } -body#home section#writing-archive ul li p.intro {float:left; color: #000; width: 345px; margin: 6px 0 0 0;} - - - -/* About page */ -body#about article h3 {font-size: 20px; line-height: 22px; clear: both;} -body#about article ul { margin: 22px 0;} -body#about article ul li { - list-style-type: disc; - margin: 8px; - font-size: 85%; - line-height: 150%; - list-style-position: inside; -} - - -/* Writing Archives */ -body#writing article ul h3 {font-size: 26px; line-height: 34px; margin: 36px 0 8px; padding-bottom: 4px;letter-spacing: .01em;} -body#writing article ul h3 a {border: none;} -body#writing article ul li {clear:both; padding: 24px 0; color: #888;} -body#writing article ul li:first-child {padding-top: 0;} -body#writing article ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0;} -body#writing article ul li p.intro {float:left; color: #000; width: 345px; margin:0;} - - - -/* Photo Archives */ -body#photo-archive article {width: 810px;} -body#photo-archive ul#photo-galleries li {background: #000; width: 210px; float: left; margin: 20px; min-height: 370px; color: #888; padding: 10px; font-size: 85%; line-height: 18px;} -body#photo-archive ul li a {border: none;} -body#photo-archive ul li h3 {font-size: 14px; color: #f9f9f4; border: none; line-height: 18px;margin: 4px 0;padding: 0;} -body#photo-archive ul li p {margin: 0;} - - -/* Map pages */ -body#map article {width: 940px;} -div#map-canvas {float: left;width: 800px; height: 500px; border: #000 10px solid; margin-bottom: 120px;} -div.infowin { font-size: 85%; line-height: 18px; margin-bottom: 16px;} -div.infowin h4 {font-size: 16px; - line-height: 24px; - font-weight: normal; - font-style: italic; - letter-spacing: 1px; -} -div.infowin a { color: #b53a04 !important; border-bottom: 1px dotted #b53a04; } -div.infowin .date { color: #888; text-align: center; text-transform: uppercase; font-size: 80%;font-style: italic;display: block;text-align: left; margin: 0;} - -aside {float: right; margin-top: -10px;} -aside h4 { - font-size: 16px; - line-height: 24px; - font-weight: normal; - font-style: italic; - letter-spacing: 1px; - font-variant: small-caps; - margin: 8px 0 2px; -} -aside ul li { margin-left: 4px; font-size: 80%; line-height: 20px;} -aside.meta { float: none; text-align: center; margin: 22px 0 22px 0; color: #736357; font-size: 12px;} -aside.meta a {color: #736357; border: none;} -aside.meta span {line-height: 16px;} -aside.meta .topics {display: block;} -aside.meta div.geo {letter-spacing: .10em; font-size: 13px;text-transform: uppercase;} - -/* Writing Detail Pages */ -.all-link {display: block;color: #888; text-align: center; margin: 12px 0 22px;} -/* drop caps */ -span.drop { - font-size: 5.5em; - display: block; - float: left; - padding: 30px 5px 5px 0; - overflow: visible; - font-family: Georgia, "Times New Roman", Times, Serif; -} -ol.footnote { - border-top: 1px dotted #ccc; - font-size: 12px; - margin: 18px 0; -} -ol.footnote li { - margin: 12px 0; - line-height: .8em; -} -ol.footnote li p {line-height: 18px !important; font-size:12px !important;} -ol.footnote li a, ol.footnote li span {font-size: 12px; } -hr.footnotes { - display: none; -} -section#post-metadata {margin: 30px 0 20px; font-style: italic; border-top: #dadada 1px solid;border-bottom: #dadada 1px solid;} -section#post-metadata h4 {display: none;} -section#post-metadata p {margin: 10px 40px;font-size: 80%; line-height: 18px;} - -section#page-navigation ul {width: 560px;} -section#page-navigation li {display: block; float: left;} -section#page-navigation li a { - border-bottom: none; - font-variant: small-caps; -} -section#page-navigation li.next {float: right;} - -section#comments h4 { - clear: both; - font-size: 26px; - line-height: 26px; - font-weight: normal; - text-transform: uppercase; - letter-spacing: 2px; - margin: 45px 0; - padding-top: 45px; -} -section#comments h4 span {font-size: 90%; font-style: italic;} -section p.pull-quote {text-align: center; font-style: italic;font-size: 14px !important; line-height: 18px !important;margin-bottom: 24px;} -span.credit {display: block;} -/* Projects */ -dl.lprog dd {text-indent: 15px;} -dl.lprog {margin: 44px 0 22px 0;} - - -/*contact form*/ -.form-holder {width: 500px; margin: 40px auto;} -.form-holder li { clear: both; } -.form-holder dt {float: left; margin: 0 10px 6px 0; text-align: right; width: 130px;} -.form-holder dd { float: left;} -.form-holder .button { clear: both; float: right; margin: 8px 30px 100px 0;} -/* --------------------- Footer ------------------------ */ -footer {text-align:center; padding-top: 40px; font-size: 80%; clear:both; margin-top: 60px; background:#ded1c0;} -footer div { margin: 0 auto; width: 580px;} -footer section {float: left; margin: 0 14px; width: 110px; line-height: 20px;} -footer section:first-child {width: 220px; margin: 0 20px 0 30px;} -footer section:last-child {float: none; clear: both; width: 560px; padding-top: 30px; text-align: center;} -footer section h4 { - margin: 0 0 8px 0; - font-size: 16px; - font-weight: normal; - font-variant: small-caps; - letter-spacing: 1px; - border-bottom: #999 1px dotted; - letter-spacing: .2em; - line-height: 1.1em; - text-transform: uppercase; - padding-bottom: 3px; - color: #333; -} -footer section p {margin: 0; padding-bottom: 20px;} -footer section ul li {list-style-type: none; margin-left: 4px;} -footer ul li img {margin-right:5px; -position:relative; -top:2px;} -footer nav {clear:both; margin: 0 auto; width: 560px; margin-bottom: 30px;} -footer nav ul {clear:both; width: 560px;text-align: center;padding: 5px 0;border-bottom: #999 1px dotted;} -footer nav ul li {display: inline; margin: 5px; font-size: 105%; - font-variant: small-caps; - letter-spacing: .2em; - line-height: 1.1em; - text-transform: uppercase;} -/* --------------------- img classes ------------------------ */ -span.figure {display: block; background: #000;border: #000 10px solid; } -span.figure p {color: #f9f9f4; font-size: 80%; font-style: italic; } -div#clearfix {clear:both; } -img.postpic, img.postpicright { - display: block; - margin: .3em .6em; - border: #000 10px solid; - clear: both; -} - -img.postpic { - float: left; - margin-left: 0; - margin-top: .3em; -} -img.postpicright { - float: right; - margin-right: 0; -} - -img.postpicleft { - float: left; - margin: 5px; -} -img.picfull { - border: #000 10px solid; -} -/* --------------------- misc classes ------------------------ */ -.hide {display:none;} -.dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link {display: none;} -#dsq-comments-count {display: none;} -div[dir='ltr'] span { - width: 0; - visibility: collapse; -} -p.update {font-size: 12px !important; line-height: 18px !important;} -#dsq-comments-title {display: none;} -#dsq-new-post {padding: 10px !important; background:#ded1c0 !important; margin-top: 50px !important} -.disqus-link-count {text-decoration: none; border: none;} -a.disqus-link-count:hover {color: #222 !important; cursor:pointer !important;} -span.alert { color: red;} -.notes {font-variant:small-caps; -letter-spacing:1px; -text-transform:lowercase;} -dl.addendum dt {font-style:italic;margin: 0.8em 0 0 0; margin-left: -30px; text-indent: -30px;padding-left: 30px;} -dl.addendum dd {margin: 0.8em 0 0 0;} +ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}*:focus{outline:#b53a04 dotted thin}body{background:white;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;font-size:62.5%;line-height:23px;color:#201a11;text-align:center}p{margin:0.8em 0 0 0}a{text-decoration:none;color:#201a11}a:visited{color:#201a11;text-decoration:none}a:hover{color:#b53a04;text-decoration:none}header{width:980px;margin:0 auto 40px}header{border-bottom:#201a11 2px solid;height:160px}header h1 a{background:url('../img/logo.gif') no-repeat left bottom;height:158px;width:400px;float:left;text-indent:-1000px}header h2{float:left;text-indent:-1000px;display:"none"}header nav{float:left;margin-top:110px;margin-left:40px}header nav li{display:inline;font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:1.2em;margin-left:4px}header nav a:hover{color:#b53a04}footer{width:980px;background:#201a11;height:36px;color:#888;font-size:1.2em;margin:80px auto 0}footer nav li{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;line-height:36px;margin-left:8px}footer a{color:#888 !important}footer a:hover{color:#b53a04 !important}footer nav{float:right;margin-right:8px}footer p{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;padding-left:8px;line-height:36px;margin:0}article{width:980px;margin:0 auto}article ul{font-size:1.5em}ul#breadcrumbs{font-weight:normal;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:110%}ul#breadcrumbs li{display:inline}.hide{display:none}img.postpic,img.postpicright{display:block;margin:.3em .6em;border:#201a11 10px solid;clear:both}img.postpic{float:left;margin-left:0;margin-top:.3em}img.postpicright{float:right;margin-right:0}img.postpicleft{float:left;margin:5px}img.picfull{border:#201a11 10px solid}img.post-image{margin:0 10px 0 0;float:left;border:#201a11 10px solid !important}.hide,.dsq-brlink,img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'],.terms-of-use-link,#dsq-comments-count{display:"none"}div[dir='ltr'] span{width:0;visibility:collapse}p.pull-quote{font-size:14px !important;font-style:italic !important}sup{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:.6em}#writing-archive{margin-top:72px;margin-bottom:36px}#writing-archive li{clear:both}#writing-archive h3{font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;margin:0}#writing-archive div{width:420px;float:left}#writing-archive div.img{width:520px;margin-left:20px;margin-bottom:36px}#writing-archive p{margin:0;font-size:1.1em}#writing-archive .location,#writing-archive time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:3em;font-size:.7em}#writing-archive img{border:#201a11 10px solid}body#writing-detail article{font-size:1.7em;line-height:1.5em}body#writing-detail article header{border:none;height:auto;width:auto;margin:0 0 0 0}body#writing-detail article h1{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.8em;line-height:1.2em;margin:0}body#writing-detail article aside{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:0.7em;line-height:2.3em}body#writing-detail article aside a{color:#201a11}body#writing-detail article aside a:hover{color:#b53a04}body#writing-detail article dl{font-size:100%}body#writing-detail article dl dt{font-style:italic;margin:9px}body#writing-detail article a{color:#b53a04}body#writing-detail article h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.6em;line-height:1.2em}.single article header,.single article div#post-body{margin-left:200px !important;width:560px !important}.single article header p:nth-of-type(1),.single article div#post-body p:nth-of-type(1){font-size:1.2em;line-height:1.4em}.double article header{float:left;width:180px !important;text-align:right !important;margin-top:20px !important}.double article header aside section{text-align:right !important;font-size:1em}.double article div#post-body{width:780px;float:left;margin-left:20px}.double article div#post-body div.col{width:350px;float:left;margin:0 40px 0 0}.double article div#post-body img.picwide{clear:both;margin:30px 0 30px -200px;border:#201a11 10px solid}.double article div#post-body div.narrow{width:520px}span.drop{font-size:4.8em;display:block;float:left;padding:38px 10px 5px 0;overflow:visible}span.drop-small{font-size:2.9em;display:block;float:left;padding:19px 8px 5px 0;overflow:visible}blockquote{font-size:.8em}ol.footnote{font-size:12px;margin:18px 0}ol.footnote li{margin:12px 0;line-height:.8em}ol.footnote li p{line-height:18px !important;font-size:12px !important}ol.footnote li a,ol.footnote li span{font-size:12px}section#post-metadata{width:560px;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;margin:24px 0 24px 200px;font-size:0.8em;padding-bottom:8px}section#page-navigation{width:980px;margin:24px 0 0 0;text-transform:uppercase;font-size:.5em}section#page-navigation li#next{float:right;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin-right:140px}section#page-navigation li#prev{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin-left:120px}section#comments{clear:both;width:520px;margin:24px 0 24px 200px;font-size:.8em}section#comments h4{margin-top:96px;font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;text-transform:uppercase;font-size:1em}h4 a.disqus-link-count{color:#201a11 !important}#pagination{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;width:980px;clear:both;margin:0;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;text-align:center}#pagination .pagination{margin:8px 0}#pagination .current{color:#b53a04}body.dubcol footer nav li{font-size:0.6em}h4.notes{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-weight:bold;text-transform:uppercase}dl.addendum dt{font-style:italic;margin:0.8em 0 0 0;margin-left:-30px !important;text-indent:-30px;padding-left:30px}dl.addendum dd{margin:0.8em 0 0 0}#photo-archive article{width:980px}#photo-archive article h1{display:none}ul#photo-galleries{margin-left:-10px}ul#photo-galleries li{float:left;margin:10px;width:310px;position:relative;display:block}ul#photo-galleries div.figure{border:10px #201a11 solid;height:350px}ul#photo-galleries div.figure img{border:none}ul#photo-galleries span.legend{display:block;color:#888;padding:10px 10px 10px 15px;font-size:85%;line-height:18px;width:285px;background:#201a11;-khtml-opacity:0.9;opacity:0.9;position:absolute;bottom:0;left:0}ul#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase}ul#photo-galleries p{margin:0}.map-legend{width:160px;margin-top:24px;float:left}.map-legend h4{font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:1.4em;margin:8px 0}.map-legend li{font-size:90%;margin:0;line-height:20px}.clearfix{clear:both}#map-canvas{float:left;width:760px;height:500px;border:#201a11 10px solid;margin-left:40px;margin-top:24px}section#location #map-canvas{width:295px;height:350px;border:#201a11 10px solid;margin:10px 0 0 5px}.infowin{line-height:18px;margin-bottom:16px}.infowin p{font-size:1.4em;line-height:1.4em}.infowin h4{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:2.4em;margin:6px 0 0 0}.infowin a{color:#b53a04 !important;border-bottom:1px dotted #b53a04}.infowin .date{color:#888;text-align:center;text-transform:uppercase;display:block;text-align:left;margin:6px 0 0;font-size:1.2em}body#about section{clear:both;margin-top:24px}body#about section ul{font-size:1em;margin:18px}body#about section li{margin:9px}body#about section li a{font-weight:bold}.image{float:left;width:180px;margin-top:48px}.image img{border:#201a11 10px solid}.content{float:left;margin-left:20px;width:540px;font-size:1.6em}.content h3{font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;margin:0}.contact-form li{clear:both;width:440px;padding:4px 0}.contact-form dt{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;text-align:right;font-size:.6em}.contact-form dt label{font-style:normal;text-align:right}.contact-form dd{text-align:right;margin-top:4px}.contact-form dd input#id_name,.contact-form dd input#id_email{width:326px}body#projects h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal}body#projects article p{font-size:1.4em}#featured-image img{margin-left:20px;margin-bottom:78px}section#writing-tease,section#currently{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;font-size:.8em;clear:both;width:980px;padding-top:20px;border-top:#b9b9b9 1px dotted}section#currently{padding:0;margin-bottom:0px;margin-top:36px;border-top:#201a11 1px solid}section#currently div.project-tease{font-size:18px;line-height:16px;margin-top:8px}section#currently div.project-tease h4{font-size:64px;line-height:50px;float:left;margin:0}section#currently div.project-tease h4 span{font-size:36px}section#currently div.project-tease a{display:block;width:220px;float:left}section#currently div.project-tease p{font-size:.7em;text-transform:none;line-height:50px;margin-left:440px;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif}section#currently div.project-tease p cite{padding-left:4px}section#fromthearc{clear:both}section#fromthearc li{float:left;width:300px;margin-bottom:20px}section#fromthearc h2{font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:2em;margin:0}section#fromthearc .col2{margin-left:40px;margin-right:40px}section#fromthearc h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.2em;margin-bottom:12px;min-height:50px}section#fromthearc .location,section#fromthearc time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:2em;font-size:.7em}section#fromthearc p{margin:0;text-align:justify} diff --git a/media/css/base032810.css b/media/css/base032810.css new file mode 100644 index 0000000..b629d73 --- /dev/null +++ b/media/css/base032810.css @@ -0,0 +1,360 @@ +/* -------------- reset from blueprint ---------------------- */ +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, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { + margin: 0; + padding: 0; + font-size: 100%; + vertical-align: baseline; + border: 0; + outline: 0; + background: transparent; +} + +ol, ul, li { list-style: none; } + +blockquote, q { quotes: none; } +:focus { outline: 0; } + +table { + border-collapse: collapse; + border-spacing: 0; +} +/*html5 fix*/ +header, section, footer, aside, article, nav {display: block;text-align:left;} +/* --------------------- Basic Typography Stuff ------------------------ */ + +* {margin:0;} +html {height:100%;} +body { + background: #faf9f4; + font-family: "Hoefler Text", Georgia, "Times New Roman", Times, Serif; + /* font-size 15px */ + font-size: 93.75%; + /* line height of 24 px */ + line-height: 23px; + color: #241d13; +} +body {height:100%;text-align: center;} + +html>body { font-size: 15px;} + +p { + margin: 0.8em 0 0 0; +} +a:link { + text-decoration: none; + color: #333; +} + +a:visited { + color: #736357; + text-decoration: none; +} + +a:hover { + color: #b53a04 !important; + text-decoration: none; +} +article a {border-bottom: 1px dotted #f00;} +blockquote, blockquote p { font-size: 14px !important; margin: 1.2em !important; line-height: 22px !important; font-style: italic !important;} +/* --------------------- layout ------------------------ */ + + +/* global header and nav elements */ +header {margin: 15px auto 0; width: 700px; padding-bottom: 85px;text-align: center;} +header nav {float: left;margin-left: 35px; margin-top: 2px; letter-spacing: .10em} +header nav.rt { float: left; margin: 2px 0 0 0; clear:right;} +header nav ul { margin: 0 auto 0;} +header nav li {display: block; text-align: right; font-size: 11px; margin: 0 0 2px 0; line-height: 19px; text-transform: uppercase;} +header nav.rt li {text-align: left;} +header hgroup {float: left;} +header hgroup h1, +header hgroup h1 a { + font: 44px/44px Georgia, "Times New Roman", Times, Serif; + text-transform: uppercase; + letter-spacing: 6px; + color: #b53a04 !important; + width: 480px; +} +header hgroup h1 a:hover, header hgroup h2 a:hover { color: #736357 !important; } +header hgroup h2 { + font-size: 18px; + line-height: 30px; + font-weight: normal; + text-transform: uppercase; + letter-spacing: 2px; + font-style: italic; +} +header hgroup h2, header hgroup h2 a {color: #b53a04 !important;} + + + +/* global article styles */ +article h1, +article h1 a { + font: 42px/48px Georgia, "Times New Roman", Times, Serif; + font-style: normal; + color: #241d13 !important; + margin: 55px 0 5px 0; + border: none; + text-align: center; +} +h3 { + margin: 24px 0; + font-size: 32px; + line-height: 42px; + font-weight: normal; + font-style: italic; + letter-spacing: 1px; + border-bottom: 1px dotted #ccc; + padding-left: 4px; +} + +/*make the first graf bigger for browsers that understand -- suck it ie6 */ +body.writing-detail article section#post p:nth-of-type(1), body#home article section#featured-article p:nth-of-type(1) { + font: 18px/28px "Hoefler Text", Georgia, "Times New Roman", Times, Serif; + margin: 0 0 1em 0; +} + + + + +article {margin: 0 auto; width: 530px;} + +.all-link { color: #888; text-align: center; margin: 12px 0 22px;text-transform: uppercase; font-size: 80%;font-style: italic; } +.all-link a {border: none;} + + +/* pagination */ +section#pagination ul {padding-top: 36px; text-align:center; clear: both;} +section#pagination ul li { + display: inline; + margin: 0; + font-variant: small-caps; +} +section#pagination ul li a, section#pagination ul li.current { + padding: 3px; + border: none; + font-size: 100%; + +} +section#pagination ul li:first-child {padding-right: 8px;} +section#pagination ul li:last-child {padding-left: 4px;} + +/* Home page */ + +body#home section#writing-archive {clear:both;} +body#home section#writing-archive h2 {font-size: 1.6em; + font-weight: normal; + text-transform:uppercase; + letter-spacing:2px; + margin-top: 32px; + color: #333; +} +body#home section#writing-archive ul h3 {font-size: 22px; line-height: 28px; margin: 30px 0 8px; padding-bottom: 4px;letter-spacing: .01em;} +body#home section#writing-archive ul h3 a {border: none;} +body#home section#writing-archive ul li {clear:both; padding: 18px 0; color: #888;} +body#home section#writing-archive ul li:first-child {padding-top: 0;} +body#home section#writing-archive ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0; } +body#home section#writing-archive ul li p.intro {float:left; color: #000; width: 345px; margin: 6px 0 0 0;} + + + +/* About page */ +body#about article h3 {font-size: 20px; line-height: 22px; clear: both;} +body#about article ul { margin: 22px 0;} +body#about article ul li { + list-style-type: disc; + margin: 8px; + font-size: 85%; + line-height: 150%; + list-style-position: inside; +} + + +/* Writing Archives */ +body#writing article ul h3 {font-size: 26px; line-height: 34px; margin: 36px 0 8px; padding-bottom: 4px;letter-spacing: .01em;} +body#writing article ul h3 a {border: none;} +body#writing article ul li {clear:both; padding: 24px 0; color: #888;} +body#writing article ul li:first-child {padding-top: 0;} +body#writing article ul li img {border: #000 10px solid; float: left; margin: 4px 18px 0 0;} +body#writing article ul li p.intro {float:left; color: #000; width: 345px; margin:0;} + + + +/* Photo Archives */ +body#photo-archive article {width: 810px;} +body#photo-archive ul#photo-galleries li {background: #000; width: 210px; float: left; margin: 20px; min-height: 370px; color: #888; padding: 10px; font-size: 85%; line-height: 18px;} +body#photo-archive ul li a {border: none;} +body#photo-archive ul li h3 {font-size: 14px; color: #f9f9f4; border: none; line-height: 18px;margin: 4px 0;padding: 0;} +body#photo-archive ul li p {margin: 0;} + + +/* Map pages */ +body#map article {width: 940px;} +div#map-canvas {float: left;width: 800px; height: 500px; border: #000 10px solid; margin-bottom: 120px;} +div.infowin { font-size: 85%; line-height: 18px; margin-bottom: 16px;} +div.infowin h4 {font-size: 16px; + line-height: 24px; + font-weight: normal; + font-style: italic; + letter-spacing: 1px; +} +div.infowin a { color: #b53a04 !important; border-bottom: 1px dotted #b53a04; } +div.infowin .date { color: #888; text-align: center; text-transform: uppercase; font-size: 80%;font-style: italic;display: block;text-align: left; margin: 0;} + +aside {float: right; margin-top: -10px;} +aside h4 { + font-size: 16px; + line-height: 24px; + font-weight: normal; + font-style: italic; + letter-spacing: 1px; + font-variant: small-caps; + margin: 8px 0 2px; +} +aside ul li { margin-left: 4px; font-size: 80%; line-height: 20px;} +aside.meta { float: none; text-align: center; margin: 22px 0 22px 0; color: #736357; font-size: 12px;} +aside.meta a {color: #736357; border: none;} +aside.meta span {line-height: 16px;} +aside.meta .topics {display: block;} +aside.meta div.geo {letter-spacing: .10em; font-size: 13px;text-transform: uppercase;} + +/* Writing Detail Pages */ +.all-link {display: block;color: #888; text-align: center; margin: 12px 0 22px;} +/* drop caps */ +span.drop { + font-size: 5.5em; + display: block; + float: left; + padding: 30px 5px 5px 0; + overflow: visible; + font-family: Georgia, "Times New Roman", Times, Serif; +} +ol.footnote { + border-top: 1px dotted #ccc; + font-size: 12px; + margin: 18px 0; +} +ol.footnote li { + margin: 12px 0; + line-height: .8em; +} +ol.footnote li p {line-height: 18px !important; font-size:12px !important;} +ol.footnote li a, ol.footnote li span {font-size: 12px; } +hr.footnotes { + display: none; +} +section#post-metadata {margin: 30px 0 20px; font-style: italic; border-top: #dadada 1px solid;border-bottom: #dadada 1px solid;} +section#post-metadata h4 {display: none;} +section#post-metadata p {margin: 10px 40px;font-size: 80%; line-height: 18px;} + +section#page-navigation ul {width: 560px;} +section#page-navigation li {display: block; float: left;} +section#page-navigation li a { + border-bottom: none; + font-variant: small-caps; +} +section#page-navigation li.next {float: right;} + +section#comments h4 { + clear: both; + font-size: 26px; + line-height: 26px; + font-weight: normal; + text-transform: uppercase; + letter-spacing: 2px; + margin: 45px 0; + padding-top: 45px; +} +section#comments h4 span {font-size: 90%; font-style: italic;} +section p.pull-quote {text-align: center; font-style: italic;font-size: 14px !important; line-height: 18px !important;margin-bottom: 24px;} +span.credit {display: block;} +/* Projects */ +dl.lprog dd {text-indent: 15px;} +dl.lprog {margin: 44px 0 22px 0;} + + +/*contact form*/ +.form-holder {width: 500px; margin: 40px auto;} +.form-holder li { clear: both; } +.form-holder dt {float: left; margin: 0 10px 6px 0; text-align: right; width: 130px;} +.form-holder dd { float: left;} +.form-holder .button { clear: both; float: right; margin: 8px 30px 100px 0;} +/* --------------------- Footer ------------------------ */ +footer {text-align:center; padding-top: 40px; font-size: 80%; clear:both; margin-top: 60px; background:#ded1c0;} +footer div { margin: 0 auto; width: 580px;} +footer section {float: left; margin: 0 14px; width: 110px; line-height: 20px;} +footer section:first-child {width: 220px; margin: 0 20px 0 30px;} +footer section:last-child {float: none; clear: both; width: 560px; padding-top: 30px; text-align: center;} +footer section h4 { + margin: 0 0 8px 0; + font-size: 16px; + font-weight: normal; + font-variant: small-caps; + letter-spacing: 1px; + border-bottom: #999 1px dotted; + letter-spacing: .2em; + line-height: 1.1em; + text-transform: uppercase; + padding-bottom: 3px; + color: #333; +} +footer section p {margin: 0; padding-bottom: 20px;} +footer section ul li {list-style-type: none; margin-left: 4px;} +footer ul li img {margin-right:5px; +position:relative; +top:2px;} +footer nav {clear:both; margin: 0 auto; width: 560px; margin-bottom: 30px;} +footer nav ul {clear:both; width: 560px;text-align: center;padding: 5px 0;border-bottom: #999 1px dotted;} +footer nav ul li {display: inline; margin: 5px; font-size: 105%; + font-variant: small-caps; + letter-spacing: .2em; + line-height: 1.1em; + text-transform: uppercase;} +/* --------------------- img classes ------------------------ */ +span.figure {display: block; background: #000;border: #000 10px solid; } +span.figure p {color: #f9f9f4; font-size: 80%; font-style: italic; } +div#clearfix {clear:both; } +img.postpic, img.postpicright { + display: block; + margin: .3em .6em; + border: #000 10px solid; + clear: both; +} + +img.postpic { + float: left; + margin-left: 0; + margin-top: .3em; +} +img.postpicright { + float: right; + margin-right: 0; +} + +img.postpicleft { + float: left; + margin: 5px; +} +img.picfull { + border: #000 10px solid; +} +/* --------------------- misc classes ------------------------ */ +.hide {display:none;} +.dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link {display: none;} +#dsq-comments-count {display: none;} +div[dir='ltr'] span { + width: 0; + visibility: collapse; +} +p.update {font-size: 12px !important; line-height: 18px !important;} +#dsq-comments-title {display: none;} +#dsq-new-post {padding: 10px !important; background:#ded1c0 !important; margin-top: 50px !important} +.disqus-link-count {text-decoration: none; border: none;} +a.disqus-link-count:hover {color: #222 !important; cursor:pointer !important;} +span.alert { color: red;} +.notes {font-variant:small-caps; +letter-spacing:1px; +text-transform:lowercase;} +dl.addendum dt {font-style:italic;margin: 0.8em 0 0 0; margin-left: -30px; text-indent: -30px;padding-left: 30px;} +dl.addendum dd {margin: 0.8em 0 0 0;} diff --git a/media/css/dark.css b/media/css/dark.css new file mode 100644 index 0000000..f983f48 --- /dev/null +++ b/media/css/dark.css @@ -0,0 +1 @@ +*:focus{outline:#b53a04 dotted thin}body{background:#201a11;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;font-size:62.5%;line-height:23px;color:white;text-align:center}p{margin:0.8em 0 0 0}a{text-decoration:none;color:#b53a04}a:visited{color:white;text-decoration:none}a:hover{color:white;text-decoration:none}header{border-bottom:#cccccc 2px solid}header h1 a{background:url('../img/logo-dark.gif') no-repeat left bottom}footer{background:#cccccc;color:#201a11}footer a{color:#201a11 !important}footer a:hover{color:#b53a04 !important}img.postpic,img.postpicright{border:none}img.picfull{border:none}div#post-body{color:#ccc}aside,header{color:#cccccc}aside section a{color:#cccccc !important}aside section a:hover{color:#b53a04 !important}section#post-metadata{border-top:#555555 1px dotted;border-bottom:#555555 1px dotted}dl.addendum dt{margin-left:-30px !important}h4 a.disqus-link-count{color:#cccccc !important} diff --git a/media/img/logo-dark.gif b/media/img/logo-dark.gif Binary files differnew file mode 100644 index 0000000..75b0dca --- /dev/null +++ b/media/img/logo-dark.gif diff --git a/media/img/logo.gif b/media/img/logo.gif Binary files differnew file mode 100644 index 0000000..75e0102 --- /dev/null +++ b/media/img/logo.gif diff --git a/media/js/html5.js b/media/js/html5.js new file mode 100644 index 0000000..d9d0544 --- /dev/null +++ b/media/js/html5.js @@ -0,0 +1,2 @@ +// For discussion and comments, see: http://remysharp.com/2009/01/07/html5-enabling-script/ (credit to @jdalton for minif) +/*@cc_on'abbr article aside audio canvas details figcaption figure footer header hgroup mark menu meter nav output progress section summary time video'.replace(/\w+/g,function(n){document.createElement(n)})@*/
\ No newline at end of file diff --git a/media/sass/.sass-cache/669177b24888cd2f55d8b961caf59756e4150aa7/_reset.sassc b/media/sass/.sass-cache/669177b24888cd2f55d8b961caf59756e4150aa7/_reset.sassc Binary files differnew file mode 100644 index 0000000..eaceef4 --- /dev/null +++ b/media/sass/.sass-cache/669177b24888cd2f55d8b961caf59756e4150aa7/_reset.sassc diff --git a/media/sass/.sass-cache/a272e4dc5864282e2392b2f56eaaec11d8a4dc64/_reset.sassc b/media/sass/.sass-cache/a272e4dc5864282e2392b2f56eaaec11d8a4dc64/_reset.sassc Binary files differnew file mode 100644 index 0000000..e86d2d8 --- /dev/null +++ b/media/sass/.sass-cache/a272e4dc5864282e2392b2f56eaaec11d8a4dc64/_reset.sassc diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_about.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_about.sassc Binary files differnew file mode 100644 index 0000000..1db4520 --- /dev/null +++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_about.sassc diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_contact.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_contact.sassc Binary files differnew file mode 100644 index 0000000..e0d7e37 --- /dev/null +++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_contact.sassc diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_globals.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_globals.sassc Binary files differnew file mode 100644 index 0000000..fdd6435 --- /dev/null +++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_globals.sassc diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_grid.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_grid.sassc Binary files differnew file mode 100644 index 0000000..52beae7 --- /dev/null +++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_grid.sassc diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_maps.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_maps.sassc Binary files differnew file mode 100644 index 0000000..75ce2fe --- /dev/null +++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_maps.sassc diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_mixins.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_mixins.sassc Binary files differnew file mode 100644 index 0000000..afaa2fa --- /dev/null +++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_mixins.sassc diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_photos.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_photos.sassc Binary files differnew file mode 100644 index 0000000..02f60f1 --- /dev/null +++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_photos.sassc diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_reset.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_reset.sassc Binary files differnew file mode 100644 index 0000000..5ea1402 --- /dev/null +++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_reset.sassc diff --git a/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_writing.sassc b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_writing.sassc Binary files differnew file mode 100644 index 0000000..0dfa36c --- /dev/null +++ b/media/sass/.sass-cache/a586b3abbc514115a9dcca3b70cd34cd243d2d02/_writing.sassc diff --git a/media/sass/_about.sass b/media/sass/_about.sass new file mode 100644 index 0000000..a9d67d5 --- /dev/null +++ b/media/sass/_about.sass @@ -0,0 +1,30 @@ +//About page + +body#about + section + clear= both + margin-top: 24px + ul + font-size = 1em + margin= 18px + li + margin= 9px + + a + font-weight: bold +.image + :float left + width = !col3+!pad + margin-top: 48px + img + border= !luxagraf_brown 10px solid + +.content + float: left + margin-left= !pad + width = !col9+!pad + font-size: 1.6em + + h3 + +sm-headline-sans + margin: 0
\ No newline at end of file diff --git a/media/sass/_contact.sass b/media/sass/_contact.sass new file mode 100644 index 0000000..30c84ed --- /dev/null +++ b/media/sass/_contact.sass @@ -0,0 +1,18 @@ +.contact-form + li + clear= both + width= !col7+!pad*2 + padding= 4px 0 + dt + :float left + +sm-headline-sans + text-align: right + font-size: .6em + label + font-style: normal + text-align: right + dd + text-align: right + margin-top: 4px + input#id_name, input#id_email + width: 326px
\ No newline at end of file diff --git a/media/sass/_globals.sass b/media/sass/_globals.sass new file mode 100644 index 0000000..93cd846 --- /dev/null +++ b/media/sass/_globals.sass @@ -0,0 +1,156 @@ +//basic stuff + +!luxagraf_brown = #201a11 +!luxagraf_orange = #b53a04 + +*:focus + outline= !luxagraf_orange dotted thin + +body + background= #fff + font-family= "Hoefler Text", Georgia, "Times New Roman", Times, serif + /* font-size 15px */ + font-size= 62.5% + /* line height of 24 px */ + line-height= 23px + color= !luxagraf_brown + height=100% + text-align= center + +p + margin: 0.8em 0 0 0 + +a + text-decoration= "none" + color= !luxagraf_brown + + &:visited + color= !luxagraf_brown + text-decoration= "none" + &:hover + color= !luxagraf_orange + text-decoration= "none" + + +// structure + +header + width= !full + margin= 0 auto 40px + //background= url("../img/horiz.png") repeat-x left bottom + +header + border-bottom= !luxagraf_brown 2px "solid" + height= 160px + + h1 + a + background= url("../img/logo.gif") no-repeat left bottom + height= 158px + width= !col7 + float = left + text-indent= -1000px + h2 + float= left + text-indent= -1000px + display: "none" + nav + float= left + margin-top= 110px + margin-left= !col + li + display= "inline" + +small-serif + font-size= 1.2em + margin-left= 4px + a:hover + color= !luxagraf_orange + +footer + width= !full + background= !luxagraf_brown + height: 36px + color: #888 + font-size= 1.2em + margin= 80px auto 0 + nav li + float: left + +sm-sans + text-transform: uppercase + line-height: 36px + margin-left= 8px + a + color: #888 !important + &:hover + color = !luxagraf_orange !important + nav + float= right + margin-right: 8px + p + float= left + +sm-sans + padding-left= 8px + line-height: 36px + margin: 0 + +article + width= !full + margin= 0 auto + //background= url("../img/bg.gif") + + ul + font-size= 1.5em + + +ul#breadcrumbs + font-weight= normal + +tiny-serif + font-size: 110% + li + display= "inline" + +.hide + display= "none" + +img + &.postpic, &.postpicright + display: block + margin: .3em .6em + border= !luxagraf_brown 10px "solid" + clear: both + + &.postpic + float: left + margin-left: 0 + margin-top: .3em + + &.postpicright + float: right + margin-right: 0 + + &.postpicleft + float: left + margin: 5px + + &.picfull + border= !luxagraf_brown 10px "solid" + &.post-image + margin: 0 10px 0 0 + float: left + border= !luxagraf_brown 10px "solid" !important + +.hide, .dsq-brlink, img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png'], .terms-of-use-link, #dsq-comments-count + display: "none" + + +div[dir='ltr'] span + width: 0 + visibility: collapse + +p.pull-quote + font-size= 14px !important + font-style= "italic" !important + +sup + +sm-sans + font-size: .6em
\ No newline at end of file diff --git a/media/sass/_grid.sass b/media/sass/_grid.sass new file mode 100644 index 0000000..d785055 --- /dev/null +++ b/media/sass/_grid.sass @@ -0,0 +1,23 @@ +// Grid Parameters +!col = 40px +!pad = 20px +!cols = 16 + +// Grid Width Calculations +!full = ((!col + !pad) * !cols) + !pad +!col1 = !col +!col2 = (!col * 2) + !pad +!col3 = (!col * 3) + (!pad * 2) +!col4 = (!col * 4) + (!pad * 3) +!col5 = (!col * 5) + (!pad * 4) +!col6 = (!col * 6) + (!pad * 5) +!col7 = (!col * 7) + (!pad * 6) +!col8 = (!col * 8) + (!pad * 7) +!col9 = (!col * 9) + (!pad * 8) +!col10 = (!col * 10) + (!pad * 9) +!col11 = (!col * 11) + (!pad * 10) +!col12 = (!col * 12) + (!pad * 11) +!col13 = (!col * 13) + (!pad * 12) +!col14 = (!col * 14) + (!pad * 13) +!col15 = (!col * 15) + (!pad * 14) +!col16 = (!col * 16) + (!pad * 15) diff --git a/media/sass/_maps.sass b/media/sass/_maps.sass new file mode 100644 index 0000000..cdb76b5 --- /dev/null +++ b/media/sass/_maps.sass @@ -0,0 +1,58 @@ +//Map Page + +.map-legend + width= !col3 + margin-top= 24px + float= left + + h4 + +small-serif + font-size: 1.4em + margin= 8px 0 + + li + font-size: 90% + margin= 0 + line-height= 20px +.clearfix + clear= both +#map-canvas + float= left + width= !col13 + height: 500px + border= !luxagraf_brown 10px solid + margin-left= !pad*2 + margin-top= 24px + +section#location #map-canvas + width= 295px + height: 350px + border= !luxagraf_brown 10px solid + margin: 10px 0 0 5px + + +.infowin + line-height: 18px + margin-bottom: 16px + + + p + font-size: 1.4em + line-height: 1.4em + h4 + +sm-sans + font-size: 2.4em + margin: 6px 0 0 0 + + a + color: #b53a04 !important + border-bottom: 1px dotted #b53a04 + + .date + color: #888 + text-align: center + text-transform: uppercase + display: block + text-align: left + margin: 6px 0 0 + font-size: 1.2em diff --git a/media/sass/_mixins.sass b/media/sass/_mixins.sass new file mode 100644 index 0000000..ab4dee1 --- /dev/null +++ b/media/sass/_mixins.sass @@ -0,0 +1,37 @@ +=small-serif + font-size= 1.1em + letter-spacing= 1px + line-height= 1.2em + text-transform= uppercase + +=tiny-serif + font-size= .8em + letter-spacing= 1px + line-height= 1.2em + text-transform= uppercase + +=sm-headline-sans + font-family= Helvetica,Verdana,sans-serif + font-size= 1.6em + line-height= 1.3em + font-weight= normal + +=sm-sans + font-family= Helvetica,Verdana,sans-serif + font-size= 1em + font-weight= normal + +=headline-sans + font-family= Helvetica,Verdana,sans-serif + font-size= 2em + line-height= 1.5em + font-weight= normal + +=transparent_class + filter:alpha(opacity=90) + -moz-opacity:0.9 + -khtml-opacity: 0.9 + opacity: 0.9 + +!luxagraf_brown = #201a11 +!luxagraf_orange = #b53a04 diff --git a/media/sass/_photos.sass b/media/sass/_photos.sass new file mode 100644 index 0000000..5e481f0 --- /dev/null +++ b/media/sass/_photos.sass @@ -0,0 +1,45 @@ +#photo-archive + article + width= !full + + h1 + display: none + + +ul#photo-galleries + margin-left= -10px + li + float= left + margin= 10px + width: 310px + position: relative + display: block + + div.figure + border= 10px !luxagraf_brown solid + height= 350px + img + border= none + + span.legend + display= block + color: #888 + padding: 10px 10px 10px 15px + font-size: 85% + line-height: 18px + width: 285px + background= !luxagraf_brown + +transparent_class + position: absolute + bottom: 0 + left: 0 + + h3 + color: #fff + padding: 0 + margin= 3px 0 + +tiny-serif + p + margin: 0 + +
\ No newline at end of file diff --git a/media/sass/_reset.sass b/media/sass/_reset.sass new file mode 100644 index 0000000..c81cd3a --- /dev/null +++ b/media/sass/_reset.sass @@ -0,0 +1,22 @@ + +ol, ul, li, dl + list-style: none + margin: 0 + padding: 0 + border: 0 + outline: 0 + background: transparent + + + +blockquote, q + quotes: none + + +\:focus + outline: 0 + + +header, section, footer, aside, article, nav + display: block + text-align: left diff --git a/media/sass/_writing.sass b/media/sass/_writing.sass new file mode 100644 index 0000000..39e113b --- /dev/null +++ b/media/sass/_writing.sass @@ -0,0 +1,208 @@ +#writing-archive + margin-top= 72px + margin-bottom= 36px + li + clear= both + h3 + +sm-headline-sans + margin= 0 + + div + width= !col7 + !pad + float= left + div.img + width = !col9 + margin-left= !pad + margin-bottom= 36px + p + margin= 0 + font-size: 1.1em + .location,time + +tiny-serif + line-height= 3em + font-size: .7em + + img + border= !luxagraf_brown 10px solid + + +body#writing-detail + article + font-size: 1.7em + line-height: 1.5em + header + border: none + height: auto + width: auto + margin: 0 0 0 0 + h1 + +headline-sans + font-size: 1.8em + line-height: 1.2em + margin= 0 + + aside + +tiny-serif + font-size= .7em + line-height= 2.3em + a + color= !luxagraf_brown + &:hover + color= !luxagraf_orange + + div#post-body + + + + dl + font-size= 100% + dt + font-style: italic + margin: 9px + + a + color= !luxagraf_orange + + h3 + +headline-sans + font-size: 1.6em + line-height: 1.2em + +.single article + header, div#post-body + margin-left= !col4-!pad !important + width= !col10-!pad !important + p:nth-of-type(1) + font-size: 1.2em + line-height: 1.4em + +.double article + header + float= left + width= !col4-!pad*2 !important + text-align= right !important + margin-top= !pad !important + aside + section + text-align= right !important + font-size: 1em + div#post-body + width= !col13+!pad + float= left + margin-left= !pad + div.col + width= 350px + float= left + margin= 0 !pad*2 0 0 + + img.picwide + clear= both + margin= 30px 0 30px -200px + border= !luxagraf_brown 10px solid + + div.narrow + width= !col9 + + +span.drop + font-size: 4.8em + display: block + float: left + padding: 38px 10px 5px 0 + overflow: visible + +span.drop-small + font-size: 2.9em + display: block + float: left + padding: 19px 8px 5px 0 + overflow: visible +blockquote + font-size: .8em + +ol.footnote + font-size: 12px + margin: 18px 0 + + li + margin: 12px 0 + line-height: .8em + + p + line-height: 18px !important + font-size: 12px !important + + a, span + font-size: 12px + + +section#post-metadata + width= !col10-!pad + border-top= !luxagraf_brown 1px dotted + border-bottom= !luxagraf_brown 1px dotted + margin= 24px 0 24px !col4-!pad + font-size= .8em + padding-bottom= 8px + +section#page-navigation + width= !full + clear=both + margin= 24px 0 0 0 + :text-transform uppercase + font-size: .5em + li#next + float= right + +sm-sans + + margin-right= !col3-!pad + li#prev + float= left + +sm-sans + margin-left= !col2+!pad + +section#comments + clear= both + width= !col9 + margin= 24px 0 24px !col4-!pad + font-size: .8em + h4 + margin-top: 96px + +headline-sans + :text-transform uppercase + font-size: 1em + +h4 a.disqus-link-count + color= !luxagraf_brown !important + +#pagination + +sm-sans + width= !full + clear= both + margin= 0 + border-top= !luxagraf_brown 1px dotted + border-bottom= !luxagraf_brown 1px dotted + text-align= center + .pagination + margin= 8px 0 + .current + color= !luxagraf_orange + +body.dubcol + footer + nav + li + font-size= .6em + +h4.notes + +sm-sans + font-weight: bold + text-transform: uppercase +dl.addendum dt + font-style: italic + margin: 0.8em 0 0 0 + margin-left: -30px !important + text-indent: -30px + padding-left: 30px + +dl.addendum dd + margin: 0.8em 0 0 0 diff --git a/media/sass/base.sass b/media/sass/base.sass new file mode 100644 index 0000000..c3df2cf --- /dev/null +++ b/media/sass/base.sass @@ -0,0 +1,92 @@ +@import _reset.sass +@import _grid.sass +@import _mixins.sass +@import _globals.sass +@import _writing.sass +@import _photos.sass +@import _maps.sass +@import _about.sass +@import _contact.sass + +body#projects + h3 + +headline-sans + article p + font-size: 1.4em + + + +#featured-image img + margin-left= !pad + margin-bottom= 78px + + + + +section#writing-tease, section#currently + +sm-sans + text-transform: uppercase + font-size: .8em + clear: both + width= !full + padding-top: 20px + //border-top= !luxagraf_brown 1px "solid" + border-top= #b9b9b9 1px "dotted" + +section#currently + padding: 0 + margin-bottom: 0px + margin-top: 36px + border-top= !luxagraf_brown 1px "solid" + div.project-tease + font-size: 18px + line-height: 16px + margin-top: 8px + h4 + font-size: 64px + line-height: 50px + float: left + margin: 0 + span + font-size: 36px + + a + display: block + width= !col4 + float: left + + p + font-size: .7em + text-transform: none + line-height: 50px + margin-left= !col8 - !pad + font-family= "Hoefler Text", Georgia, "Times New Roman", Times, serif + cite + padding-left: 4px + +section#fromthearc + clear: both + li + float: left + width= !col5+!pad + margin-bottom= !pad + h2 + +small-serif + font-size: 2em + margin: 0 + .col2 + margin-left= !pad*2 + margin-right= !pad*2 + h3 + +headline-sans + font-size: 1.2em + margin-bottom: 12px + min-height: 50px + .location,time + +tiny-serif + line-height= 2em + font-size: .7em + p + margin: 0 + text-align: justify + diff --git a/media/sass/dark.sass b/media/sass/dark.sass new file mode 100644 index 0000000..ad36fa5 --- /dev/null +++ b/media/sass/dark.sass @@ -0,0 +1,80 @@ +//basic stuff + +!luxagraf_brown = #201a11 +!luxagraf_orange = #b53a04 + +*:focus + outline= !luxagraf_orange dotted thin + +body + background= !luxagraf_brown + font-family= "Hoefler Text", Georgia, "Times New Roman", Times, serif + /* font-size 15px */ + font-size= 62.5% + /* line height of 24 px */ + line-height= 23px + color= #fff + height=100% + text-align= center + +p + margin: 0.8em 0 0 0 + +a + text-decoration= "none" + color= !luxagraf_orange + + &:visited + color= #fff + text-decoration= "none" + &:hover + color= #fff + text-decoration= "none" + + + +header + border-bottom= #ccc 2px "solid" + h1 + a + background= url("../img/logo-dark.gif") no-repeat left bottom + + +footer + background= #ccc + color= !luxagraf_brown + + a + color= !luxagraf_brown !important + &:hover + color = !luxagraf_orange !important + + + +img + &.postpic, &.postpicright + border= "none" + + &.picfull + border= none + +div#post-body + color: #ccc + +aside, header + color= #ccc +aside section + a + color= #ccc !important + &:hover + color= !luxagraf_orange !important + +section#post-metadata + border-top= #555 1px dotted + border-bottom= #555 1px dotted + +dl.addendum dt + margin-left= -30px !important + +h4 a.disqus-link-count + color= #ccc !important
\ No newline at end of file |
