diff options
Diffstat (limited to 'media/sass')
22 files changed, 769 insertions, 0 deletions
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 |