summaryrefslogtreecommitdiff
path: root/media/sass
diff options
context:
space:
mode:
Diffstat (limited to 'media/sass')
-rw-r--r--media/sass/_480.sass388
-rw-r--r--media/sass/_768.sass405
-rw-r--r--media/sass/_992.sass135
-rw-r--r--media/sass/_contact.sass23
-rw-r--r--media/sass/_reset.sass17
-rw-r--r--media/sass/_typography.sass312
-rw-r--r--media/sass/base.sass747
-rw-r--r--media/sass/dark.sass417
-rw-r--r--media/sass/ie.sass320
-rw-r--r--media/sass/old/_about.sass29
-rw-r--r--media/sass/old/_globals.sass214
-rw-r--r--media/sass/old/_grid.sass23
-rw-r--r--media/sass/old/_maps.sass53
-rw-r--r--media/sass/old/_oldbase.sass125
-rw-r--r--media/sass/old/_oldmixins.sass58
-rw-r--r--media/sass/old/_photos.sass35
-rw-r--r--media/sass/old/_projects.sass211
-rw-r--r--media/sass/old/_writing.sass245
-rw-r--r--media/sass/old/ie.css14
-rw-r--r--media/sass/photos.sass287
-rw-r--r--media/sass/print.sass11
-rw-r--r--media/sass/stylesv6.sass49
22 files changed, 1289 insertions, 2829 deletions
diff --git a/media/sass/_480.sass b/media/sass/_480.sass
new file mode 100644
index 0000000..45d0da0
--- /dev/null
+++ b/media/sass/_480.sass
@@ -0,0 +1,388 @@
+//layout small
+
+
+//**************** Masthead ************************
+header[role="banner"]
+ margin: 0 auto
+ text-align: center
+ h1
+ background: url('../img/tree.png') 0 0 no-repeat
+ text-indent: -9999px
+ width: 151px
+ height: 84px
+ margin: 0 auto
+ h2
+ background: url('../img/text-centered.png') 0 0 no-repeat
+ text-indent: -9999px
+ width: 184px
+ height: 54px
+ margin: 0 auto
+nav[role="navigation"], footer[role="contentinfo"] nav
+ margin: 1em auto
+ border-top: 1px $brown dotted
+ border-bottom: 1px $brown dotted
+ padding: .5em
+ text-align: center
+ ul
+ margin: .25em 0 .25em -30px
+ li
+ display: inline
+ margin: 0 .125em
+
+
+
+//**************** Page Breadcrumbs ************************
+
+#breadcrumbs
+ text-align: center
+ li
+ display: inline
+
+
+
+//**************** Images ************************
+
+img
+ width: 95%
+ height: auto
+
+.postpic, .postpicright
+ display: block
+ width: auto
+object, embed
+ width: 100%
+.postpic
+ float: left
+ margin: 0.3em 10px 10px 0
+
+.postpicright
+ float: right
+ margin: 0.3em 0 10px 10px
+
+.postpicleft
+ float: left
+ margin: 5px
+
+.picfull
+ margin-top: 20px
+
+.picwide
+ clear: both
+ margin: 1em 0
+
+.figure
+ position: relative
+ .legend
+ display: block
+ +transparent_class
+ position: absolute
+ bottom: 10px
+ left: 0
+ font-size: 13px
+ padding: 8px 0 8px 12px
+ width: 95%
+ background: $brown
+ color: #999999
+
+
+//**************** Writing Archive Structure ************************
+
+.dateline
+ text-align: center
+.archive
+ h1
+ font-size: 1.5em
+ text-align: center
+ article
+ padding-bottom: 1em
+ border-bottom: 1px #ececec solid
+.home
+ article
+ border: none
+ margin-bottom: 2em
+ h1
+ font-size: 1.2em
+ margin: 0
+ text-align: center
+ img
+ float: left
+ width: auto
+ margin: 20px 8px 0 0
+ .sh
+ text-transform: uppercase
+ font-weight: bold
+ font-size: .75em
+ margin: 2em 0
+//**************** Photo Archive Structure ************************
+
+#photo-galleries
+ margin-top: 2em
+ h1
+ font: 13px bold unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
+ color: white
+ li
+ margin: 10px 0 0 0
+
+
+//**************** Entry Structure ************************
+.geo, article[role="main"] time
+ margin: .5em 0
+ display: block
+ text-align: center
+article[role="main"]
+ margin-top: 3em
+ h1
+ text-align: center
+ font-size: 1.5em
+ p > a
+ color: $orange
+ &:hover
+ text-decoration: underline
+.footnote
+ font-size: .75em
+ border-top: 1px $brown dotted
+ margin: 1.5em 0 0 0
+ padding: 1em 0 0 0
+
+#page-navigation
+ margin: 2em 0
+ ul
+ margin: 0 auto
+ width: 100%
+ text-align: center
+ padding: 0
+ li
+ margin: 10px 0
+ clear: both
+ line-height: 24px
+ span
+ display: block
+ width: 100px
+ text-align: right
+ margin-right: 10px
+ margin-top: 2px
+ float: left
+ a
+ display: block
+ float: left
+ text-align: left
+ font-style: italic
+ width: 60%
+
+//**************** Map Structure ************************
+
+#map-canvas
+ border: 10px $brown solid
+ width: 95%
+ height: 300px
+.map-legend
+ h4
+ font-size: 1em
+ font-weight: bold
+ margin: 1em 0 .25em
+ li
+ display: inline
+ &:after
+ content: ","
+
+//******************* Footer **********************
+
+
+footer[role="contentinfo"]
+ margin-top: 2em
+
+nav:after, footer:before,
+footer:after, .archive article:after, #archive:after, article[role="main"] header:after, #map-canvas:after
+ content: "."
+ display: block
+ height: 0
+ clear: both
+ visibility: hidden
+
+
+//******************************************************
+//******************************************************
+//********** DARK BROWN PAGES **************
+//******************************************************
+//******************************************************
+
+
+.dark
+ background: $brown
+ body
+ color: #ccc
+ *:focus
+ outline: $orange dotted thin
+ a
+ color: $orange
+ &:visited
+ color: white
+ text-decoration: none
+ &:hover
+ color: white
+ text-decoration: none
+ &:visited > :hover
+ color: $orange
+ img
+ border: none
+ header[role="banner"], footer[role='contentinfo']
+ margin-bottom: .5em
+ nav
+ margin-bottom: 0
+ a
+ color: white
+ &:hover
+ color: $orange
+ h1
+ background: url('../img/tree.png') left -84px no-repeat
+ h2
+ background: url('../img/text-centered.png') 0 -60px no-repeat
+ header[role="banner"]
+ border-bottom: #cccccc 1px solid
+ article[role="main"]
+ .legend
+ bottom: 0
+ // National parks page
+ .park
+ text-align: center
+ position: relative
+ h1
+ font-size: 1.5em
+ margin-bottom: 5px
+
+ h2
+ font-size: 1.125em
+ margin: 0
+ img
+ width: 100%
+ .legend
+ position: relative
+ .meta
+ height: 0
+ .buttons li
+ margin: 5px
+ display: inline
+ text-transform: uppercase
+ font: normal .5em unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif
+ .map-container
+ width: 469px
+ height: 392px
+ position: absolute
+ right: 20px
+ bottom: 60px
+ z-index: 2000
+ margin: 0
+ padding: 0
+ background: url("../img/mapbg-dark.png") no-repeat top left
+ .map-wrapper
+ width: 400px
+ height: 328px
+ margin: 37px 0 0 44px
+ .more-container
+ width: 405px
+ height: 260px
+ position: absolute
+ right: -30px
+ bottom: 40px
+ z-index: 2000
+ background: url("../img/parkbg.png") no-repeat top left
+ font: normal .9em/25px unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif
+ dl
+ margin-top: 45px
+ margin-left: 45px
+ text-align: left
+ dt,dd
+
+ margin: 4px 0
+
+ color: white
+ dt
+ clear: left
+ float: left
+ width: 65px
+ //border-bottom: 1px solid #999
+ font-weight: bold
+ line-height: 25px
+ font-size: 0.7em
+ text-transform: uppercase
+ text-align: right
+ margin-right: 8px
+ dd
+ float: left
+ width: 250px
+ overflow: hidden
+ //border-bottom: 1px solid #999
+ a:hover
+ color: $orange
+
+
+//******************************************************
+//******************************************************
+//********** BLACK PAGES **************
+//******************************************************
+//******************************************************
+.black
+ background: #14100b
+ color: #ccc
+ *:focus
+ outline: $orange dotted thin
+ a
+ text-decoration: none
+ color: $orange
+ &:visited
+ color: white
+ text-decoration: none
+ &:hover
+ color: white
+ text-decoration: none
+ #breadcrumbs
+ color: #ccc
+ header[role="banner"]
+ h1
+ background: url('../img/tree.png') left -168px no-repeat
+ h2
+ background: url('../img/text-centered.png') 0 -121px no-repeat
+ nav[role="navigation"]
+ border-top: 1px #ccc dotted
+ border-bottom: 1px #ccc dotted
+ .directions
+ display: none
+ #slides
+ width: 100%
+ h3
+ font-size: 1em
+ margin: 0 .5em
+ h6
+ display: none
+ #slides
+ article
+ clear: both
+ margin: 20px 0
+ img
+ width: 100%
+ border: none
+ .photo-options, .map-link
+ display: none
+ .figcaption
+ clear: both
+ background: #1a1713
+ -moz-border-radius: 0 0 .5em .5em
+ -webkit-border-radius: 0 0 .5em .5em
+ border-radius: 0 0 .5em .5em
+ color: white
+ margin: -.25em 0 0 0
+ padding: 1em 0 1em 0
+ z-index: 100
+ .caption
+ width: 100%
+ float: none
+ p
+ font: normal .75em Helvetica, Verdana, sans-serif
+ margin: .5em 0 0 .75em
+ padding-bottom: .25em
+ footer[role='contentinfo']
+ nav
+ border-top: #ccc 1px dotted
+ border-bottom: #ccc 1px dotted
+ p
+ color: #ccc \ No newline at end of file
diff --git a/media/sass/_768.sass b/media/sass/_768.sass
new file mode 100644
index 0000000..4499851
--- /dev/null
+++ b/media/sass/_768.sass
@@ -0,0 +1,405 @@
+//768px
+@media only screen and (min-width: 768px)
+
+ //**************** Masthead ************************
+
+ header[role="banner"]
+ margin-top: 2em
+ height: 60px
+ padding-bottom: 12px
+ border-bottom: 2px solid $brown
+ margin-bottom: 2em
+ h1
+ float: left
+ width: 160px
+ margin-top: -12px
+ h2
+ background: url('../img/text.png') 0 0 no-repeat
+ margin-top: 5px
+ float: left
+ nav[role="navigation"]
+ border: none
+ float: left
+ margin-left: 2em
+ ul
+ margin-top: 14px
+
+ #breadcrumbs
+ text-align: left
+
+
+ //writing archives
+ .archive
+ article
+ margin-bottom: 2em
+ padding-bottom: 2em
+ border: none
+ h1, p
+ float: left
+ text-align: left
+ margin: 0
+ p
+ line-height: 1.25em
+ h1
+ line-height: 2.4em
+ margin-top: .15em
+ width: 100%
+ .dateline
+ clear: left
+ width: 38%
+
+ .hyphenate
+ text-align: justify
+ width: 38%
+ margin-top: .5em
+ font-size: 1em
+ time
+ display: inline
+ float: right
+ img
+ float: right
+ width: 56%
+ .home
+ article
+ clear: both
+ min-height: 300px
+ h1
+ margin-top: 2em
+ text-align: left
+ .dateline
+ text-align: left
+ img
+ margin-bottom: 2em
+ margin-left: 2em
+ float: right
+ //Photos
+ #photo-galleries
+ margin: 0 auto
+ padding-left: 12px
+ width: 100%
+ img
+ width: auto
+ .legend
+ width: 291px
+ li
+ float: left
+ margin-right: 16px
+ #photo-galleries:after
+ content: "."
+ display: block
+ height: 0
+ clear: both
+ visibility: hidden
+
+ //individual posts
+ .single
+ article
+ width: 35.625em
+ margin: 4em auto
+ header
+ width: 35.625em
+ h1
+ font-size: 2em
+ text-align: left
+ margin: 0 0 .675em 0
+ aside, time
+ text-align: left
+ .drop
+ font-size: 4.8em
+ padding: 38px 10px 5px 0
+
+ // generic two col layout
+ .col
+ float: left
+ width: 38%
+ margin-right: 2em
+ .two
+ width: 53%
+ .top
+ margin-bottom: 2em
+ font-size: .875em
+ padding-bottom: 2em
+ border-bottom: #e3e3e3 1px solid
+
+ .top:after
+ content: "."
+ display: block
+ height: 0
+ clear: both
+ visibility: hidden
+
+ #page-navigation
+ margin-left: 10%
+ // specifics for two column posts
+ .double article[role="main"]
+ header
+ width: 9em
+ float: left
+ margin-left: 0
+ h1, aside
+ text-align: right
+ line-height: 1.1em
+ margin-top: 16px
+ h1
+ font-size: 1.875em
+ time
+ display: block
+ text-align: right
+ .col
+ margin-left: 1.25em
+ width: 34%
+ .sec
+ margin-right: 0
+ margin-left: 1em
+ .narrow
+ width: 35.625em
+ margin: 0 auto
+ #page-navigation
+ margin-left: 10%
+
+ .post-body-single .legend
+ width: 98%
+ .post-body-single
+ p:nth-of-type(1)
+ font-size: 1.25em
+ line-height: 28px
+ #about .post-body-single
+ p:nth-of-type(1)
+ font-size: 1.063em
+ .addendum
+ line-height: 25px
+ dt
+ margin-left: -30px
+ font-style: italic
+ padding-left: 30px
+ text-indent: -30px
+ margin-bottom: .5em
+ dd
+ margin-left: 0
+ h4.notes
+ text-transform: uppercase
+ font-size: 1em
+ .pullquote
+ width: 10em
+ margin: 0 1em 1em -2em
+ font-style: italic
+ font-size: 1.3em
+ float: left
+ line-height: 1.6em
+ #page-navigation
+ margin-left: 15%
+ .numeral
+ display: block
+ font: bold 1.2em Helvetica, Verdana, sans-serif
+ margin-bottom: 0
+ margin-top: 60px
+
+ .post-body-single h3
+ font-size: 1.6em
+ line-height: 1.2em
+ font-weight: normal
+ //map
+ #map-canvas
+ height: 400px
+
+ //about
+ #about img
+ width: auto
+ clear: both
+
+ footer[role="contentinfo"]
+ font-size: 110%
+ nav
+ border: none
+ li
+ margin: 0 .5em
+
+ //******************************************************
+ //******************************************************
+ //********** DARK PAGES **************
+ //******************************************************
+ //******************************************************
+ .dark
+ header[role="banner"]
+ h2
+ background: url('../img/text.png') 0 -61px no-repeat
+
+ .park
+ position: relative
+ display: block
+ margin: 2em 0 2em 0
+ h1
+ display: block
+ position: absolute
+ top: 0px
+ background: $brown
+ z-index: 1000
+ +transparent_class
+ color: white
+ margin: 0
+ width: 100%
+ text-align: left
+ line-height: 2em
+ font-size: 2em
+ padding-left: .25em
+
+ .figure
+ position: relative
+ border: none
+ .legend
+ position: absolute
+ bottom: 0
+ width: 100%
+ margin: 0
+ background: $brown
+ +transparent_class
+ h2
+ font: normal 1.2em/2.6 Helvetica, Verdana, sans-serif
+ color: white
+ margin: 0 0 0 1em
+ float: left
+ padding: .3em 0
+ .legend:after
+ content: "."
+ display: block
+ height: 0
+ clear: both
+ visibility: hidden
+ .buttons
+
+ margin: .5em 10px 0 0
+ line-height: 2.6em
+ float: right
+ li
+ margin: 0 .25em
+ font-size: 10px
+ a
+ font-weight: bold
+ padding: 0.875em 1.75em 0.75em
+ background: #463215
+ color: white
+ -moz-border-radius: 25px
+ -webkit-border-radius: 25px
+ border-radius: 25px
+ &:hover
+ background: $orange
+
+
+
+
+
+
+
+ //******************************************************
+ //******************************************************
+ //********** BLACK PAGES **************
+ //******************************************************
+ //******************************************************
+
+ .black
+ header[role="banner"]
+ border-bottom: 1px #ccc solid
+ h2
+ background: url('../img/text.png') 0 -121px no-repeat
+ h6
+ display: block
+ text-align: center
+ text-transform: uppercase
+ font-size: .625em
+ margin: 0 0 1.25em 0
+ a
+ color: #b5b5b5
+ a:hover
+ color: $orange
+ #slides
+ article
+ position: relative
+ img
+ display: block
+ margin: 0 auto
+ .v
+ width: auto
+ .photo-options, .map-link
+ display: block
+ .figcaption
+ margin: 0
+ padding: 1em 0 1em 0
+ h3
+ float: left
+ padding: 0
+ font-weight: normal
+ .caption
+ border-right: 1px solid #1f1f21
+ width: 58%
+ float: left
+ padding-right: 1em
+ p
+ margin-left: .5em
+ font-size: .875em
+ clear: both
+ .map-link
+ float: right
+ background: #211d19
+ line-height: 1em
+ color: white
+ text-align: center
+ text-transform: uppercase
+ margin: 0 .25em
+ font: normal .75em Helvetica, Verdana, sans-serif
+ padding: .5em 1em
+ -moz-border-radius: 1em
+ -webkit-border-radius: 1em
+ border-radius: 1em
+ .map-link:hover
+ background: $orange
+ .photo-options
+ float: left
+ margin-left: 1em
+ p
+ font: normal .75em Helvetica, Verdana, sans-serif
+ color: #414144
+ line-height: 1.5em
+ a
+ color: #414144
+ font-weight: normal
+ a:hover
+ color: $orange
+ li
+ display: inline
+ margin: 0 .25em
+ font: normal 1em Helvetica, Verdana, sans-serif
+ a
+ font-weight: bold
+ p
+ margin: 0 1em
+ color: #74757A
+ font-size: 1em
+ .figcaption:after
+ content: "."
+ display: block
+ height: 0
+ clear: both
+ visibility: hidden
+
+
+ .map-container
+ //clear: left
+ width: 469px
+ height: 392px
+ position: absolute
+ bottom: 100px
+ left: 20px
+ z-index: 2000
+ margin: 0
+ padding: 0
+ background: url("../img/mapbg.png") no-repeat top left
+
+ .map-wrapper
+ width: 400px
+ height: 328px
+ position: absolute
+ bottom: 27px
+ margin: 0px 0 0 44px
+ footer[role='contentinfo']
+ nav
+ border: none \ No newline at end of file
diff --git a/media/sass/_992.sass b/media/sass/_992.sass
new file mode 100644
index 0000000..d34c565
--- /dev/null
+++ b/media/sass/_992.sass
@@ -0,0 +1,135 @@
+///mediaquery
+
+//992px __________________________________________________________________________________________________________
+@media only screen and (min-width: 992px)
+ body
+ width: 61.75em
+ img
+ width: auto !important
+ header[role="banner"]
+ margin-top: 5.5em
+ h1
+ width: 190px
+ nav[role="navigation"]
+ margin-left: 8%
+ .archive
+ padding-top: 2em
+ article
+ margin-bottom: 2em
+ padding-bottom: 2em
+ border: none
+ h1
+ width: 42%
+ font-size: 1.5em
+ line-height: 1.3em
+ margin-top: .15em
+ margin-bottom: .25em
+ letter-spacing: .5px
+ p
+ line-height: 1.5em
+ img
+ float: right
+ .hyphenate, .dateline
+ width: 41%
+ .hyphenate
+ font-size: 1em
+
+ //individual posts
+ .single
+ article
+ margin-left: 19%
+ .picwide
+ clear: both
+ margin: 30px 0 30px -200px
+ .pullquote
+ margin-left: -6em
+ #page-navigation
+ margin-left: 10%
+
+ .home
+ .sh
+ text-align: left
+ article
+ width: 19em
+ float: left
+ margin-right: 2em
+ clear: none
+ .last
+ margin-right: 0
+ .post-image
+ float: left
+ margin: 20px 8px 8px 0
+ .hyphenate, .dateline
+ width: auto
+ text-align: left
+ .hyphenate
+ text-align: justify
+ // specifics for two column posts
+ .double article[role="main"]
+ header
+ width: 10em
+ float: left
+ margin-left: 0
+ margin-top: 1em
+ h1, aside
+ text-align: right
+ line-height: 1.2em
+ h1
+ font-size: 1.875em
+ .col
+ width: 47%
+ margin-left: .875em
+ .sec
+ margin-left: 0
+ .post-body-double
+ margin: 2em 0 0 1.25em
+ float: left
+ width: 48.75em
+ p
+ margin: 0 0 1em 0
+ .narrow
+ width: 35.625em
+ margin-bottom: 1em
+ clear: both
+ .hyphenate
+ margin-top: 0
+ #page-navigation
+ margin-left: 12em
+ //maps
+ #map-canvas
+ width: 48.5em
+ height: 31.25em
+ float: right
+ margin-bottom: 3em
+ .map-legend
+ h4
+ margin-bottom: .5em
+ letter-spacing: 1px
+ font-size: .75em
+ text-transform: uppercase
+ li
+ display: block
+ font-size: .875em
+ margin: 3px 0
+ li:after
+ content: ""
+ .two
+ margin-left: 3em
+ width: 51%
+ .black
+ #slides
+ width: 62.5em
+ img
+ width: auto
+ .directions
+ display: block
+ font: normal .675em Helvetica, Verdana, sans-serif
+ color: #414144
+ text-align: center
+ margin-bottom: 1.75em
+ .caption
+ width: 70% !important
+
+
+///mediaquery
+
diff --git a/media/sass/_contact.sass b/media/sass/_contact.sass
deleted file mode 100644
index 05aa4ff..0000000
--- a/media/sass/_contact.sass
+++ /dev/null
@@ -1,23 +0,0 @@
-section#post
- margin-left: $col4 - $pad
- h1
- +headline-sans
-
-.contact-form
- li
- clear: both
- width: $col7 + $pad * 2
- padding: 4px 0
- dt
- float: left
- +sm-headline-sans
- text-align: right
- font-size: 0.9em
- label
- font-style: normal
- text-align: right
- dd
- text-align: right
- margin-top: 4px
- input#id_name, input#id_email, input#id_subject_line
- width: 298px
diff --git a/media/sass/_reset.sass b/media/sass/_reset.sass
deleted file mode 100644
index a06badd..0000000
--- a/media/sass/_reset.sass
+++ /dev/null
@@ -1,17 +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
diff --git a/media/sass/_typography.sass b/media/sass/_typography.sass
new file mode 100644
index 0000000..6e294d2
--- /dev/null
+++ b/media/sass/_typography.sass
@@ -0,0 +1,312 @@
+// font-sizes:
+// base: 16px = 1em
+// 10px = .625em
+// 12px = .75em
+// 14px = .875em
+// 16px = 1em
+// 17px = 1.0625em (body text in articles)
+// 18px = 1.125em
+// 24px = 1.5em
+// 30px = 1.875em
+// 32px = 2em
+
+ol, ul, li, dl
+ list-style: none
+ margin: 0
+ padding: 0
+ border: 0
+ outline: 0
+ background: transparent
+
+blockquote, q
+ quotes: none
+hr
+ display: none
+\:focus
+ outline: 0
+
+article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
+ display: block
+ margin: 0
+ padding: 0
+
+// 1.ROOT
+
+html
+ overflow-y: scroll
+ background: rgb(255, 255, 255) /*url(../img/grid.jpg) 50% 0 repeat-y*/
+
+body
+ margin: 0 auto
+ padding: 0
+ width: 90%
+ font: normal 100% unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
+ color: $brown
+ background-color: transparent
+
+
+// 2.HEADINGS
+
+h1, h2, h3, h4, h5, h6
+ font-family: unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif
+
+h1
+ font-size: 1.875em
+ line-height: 1.3em
+ font-weight: normal
+
+h2
+ margin-bottom: .75em
+ font-size: 1.5em /* 36 / 16 = 2 */
+ line-height: 1.5
+ font-weight: normal
+
+h3
+ margin-bottom: 1em
+ font-size: 1.6em
+ line-height: 1.5
+
+h4
+ margin-bottom: 1.25em
+ font-size: 1.25em /* 20 / 16 = 1.25 */
+ line-height: 1.25
+
+h5
+ margin-bottom: 1.5em
+ font-size: 1em /* 16 / 16 = 1 */
+
+h6
+ font-size: 1em /* 16 / 16 = 1 */
+
+// 3.TYPOGRAPHY
+
+p
+ font-size: 1.0625em /* 17px / 16px */
+ line-height: 1.5em /* 24px / 16px */
+ margin: 1em 0 0
+
+ul, ol
+ margin: 0 0 1.5em -24px
+ padding-left: 24px
+
+ul
+ list-style-type: disc
+
+ol
+ list-style-type: decimal
+
+li
+ ul, ol
+ margin: 0
+ font-size: 1em /* 16 / 16 = 1 */
+
+dl, dd
+ margin-bottom: 1.5em
+
+dt
+ font-weight: normal
+
+
+b, strong
+ font-weight: bold
+
+i, em
+ font-style: italic
+
+footer p
+ font-size: .625em
+ text-align: center
+a
+ text-decoration: none
+ color: $brown
+ &:hover
+ color: $orange
+sup
+ font: normal .625em Helvetica, Verdana, sans-serif
+small
+ font: normal .75em Helvetica, Verdana, sans-serif
+
+blockquote
+ font-style: italic
+ font-size: 1em
+ line-height: 1.625em
+ p
+ font-size: 1em
+ cite
+ font-style: normal
+img
+ border: 10px $brown solid
+
+pre
+ margin-bottom: 1.5em
+ white-space: pre
+ white-space: pre-wrap
+ word-wrap: break-word
+
+pre, code
+ font: .875em 'andale mono', 'lucida console', monospace
+ line-height: 1.5
+
+//Classes
+
+//.dateline, .breadcrumbs li, .geo, .legend h3, time
+
+.bl, time, #photo-galleries h1
+ text-transform: uppercase
+ font-size: 11px
+ letter-spacing: 1px
+
+.drop
+ font-size: 3em
+ float: left
+ display: block
+ padding: 18px 10px 5px 0
+ overflow: visible
+.double .drop, .drop-small
+ font-size: 2.9em
+ display: block
+ float: left
+ padding: 18px 8px 5px 0
+ overflow: visible
+.button
+ display: block
+ margin-top: 8px
+ a
+ padding: 9px 14px 7px 14px
+ font-weight: bold
+ line-height: 25px
+ text-transform: uppercase
+ background: #d7d7d7
+ color: #666 !important
+ -moz-border-radius: 25px
+ -webkit-border-radius: 25px
+ border-radius: 25px
+ font: bold 10px Helvetica, Verdana, sans-serif
+ width: auto
+ a:hover
+ background: $orange
+ color: white !important
+.alert
+ color: #ff3530
+//Pagination
+//next previous table
+#page-navigation
+ margin: 24px auto
+ strong
+ display: block
+ text-align: right
+ margin-top: 1px
+ text-transform: uppercase
+ font-size: .75em
+ letter-spacing: .1625em
+ font-weight: normal
+ font-style: normal
+
+//pagination in archives
+#pagination
+ margin-top: 1em
+ border-top: 1px $brown dotted
+ border-bottom: 1px $brown dotted
+ text-align: center
+ font-family: unquote("Helvetica Neue"), Helvetica, Verdana, sans-serif
+ padding: .25em 0
+ ul
+ margin-bottom: 0
+ li
+ display: inline
+ text-align: center
+
+// 4.LINKS
+
+a
+ outline: none
+ color: #111
+ text-decoration: none
+ &:visited
+ outline: none
+ color: #111
+ text-decoration: none
+ &:hover
+ outline: none
+ color: $orange
+ text-decoration: none
+ &:active, &:focus
+ outline: none
+ color: rgb(0, 0, 0)
+
+/* 5.FIGURES & IMAGES
+
+figure
+ margin-bottom: 1.5em
+ img, object, embed
+ margin-bottom: .75em
+ max-width: 100%
+
+figcaption
+ display: block
+ font-weight: normal
+
+// 6.TABLES
+
+table
+ border-collapse: collapse
+ border-spacing: 0
+ margin-bottom: 1.4em
+ width: 100%
+ font-size: .875em
+ /* 14 / 16 = .875
+
+th
+ font-weight: bold
+ padding: .25em 10px .25em 5px
+
+td, caption
+ padding: .25em 10px .25em 5px
+
+tfoot
+ font-style: italic
+
+caption
+ background-color: transparent
+
+// 14.GLOBAL OBJECTS
+
+.clearfix
+ zoom: 1
+ &:before, &:after
+ content: "\0020"
+ display: block
+ height: 0
+ overflow: hidden
+ &:after
+ clear: both
+
+.hide
+ display: none
+
+///* 15.VENDOR-SPECIFIC
+
+body
+ -webkit-text-size-adjust: 100%
+ -ms-text-size-adjust: 100%
+
+a:link
+ -webkit-tap-highlight-color: rgb(52, 158, 219)
+
+::-webkit-selection
+ background: rgb(23, 119, 175)
+ color: rgb(250, 250, 250)
+ text-shadow: none
+::-moz-selection
+ background: rgb(23, 119, 175)
+ color: rgb(250, 250, 250)
+ text-shadow: none
+::selection
+ background: rgb(23, 119, 175)
+ color: rgb(250, 250, 250)
+ text-shadow: none
+
+
+.ie7 img, .iem7 img
+ -ms-interpolation-mode: bicubic
+
diff --git a/media/sass/base.sass b/media/sass/base.sass
deleted file mode 100644
index a85f091..0000000
--- a/media/sass/base.sass
+++ /dev/null
@@ -1,747 +0,0 @@
-@import _reset.sass
-@import _mixins.sass
-
-// grid = 988 with 9 cols at 92px plus 20px gutters (via http://gridulator.com/)
-// font-sizes:
-// base: 16px = 1em
-// 10px = .625em
-// 12px = .75em
-// 14px = .875em
-// 16px = 1em
-// 17px = 1.0625em (body text in articles)
-// 18px = 1.125em
-// 24px = 1.5em
-// 30px = 1.875em
-// 32px = 2em
-
-
-html
- height: 100%
-
-body
- font: normal 100% unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
- color: $brown
- margin: 0 1.125em
- min-height: 100%
- position: relative
- padding: 0
- //max-width: 61.75em /* 988px / 16px = 61.75em */
- max-width: 20.9375em /* 3 cols @ 92px + 20px gutter -- 335px / 16px = */
- background: white /* url('../img/988px-9col-92w-20gut.png') 217px 0 repeat-y */
-
-
-/* ###################Typography############# */
-p
- font-size: 1.0625em /* 17px / 16px */
- line-height: 1.5em /* 24px / 16px */
- margin: 1em 0 0
-footer p
- font-size: .625em
- text-align: center
-a
- text-decoration: none
- color: $brown
- &:hover
- color: $orange
-strong
- font-weight: bold
-
-sup
- font: normal .625em Helvetica, Verdana, sans-serif
-small
- font: normal .75em Helvetica, Verdana, sans-serif
-ul li
- display: inline
- margin: 0 .125em
-
-blockquote
- font-style: italic
- font-size: 1em
- line-height: 1.625em
- p
- font-size: 1em !important
-div[role="main"]
- ul li
- display: block
- margin: .5em 0
-.dateline, nav li, .breadcrumbs li, .geo, .legend h3, time
- text-transform: uppercase
- font-size: .75em
- letter-spacing: .0625em
-.geo
- text-align: center
-header time
- span
- font-size: 1.125em
-img
- border: 10px $brown solid
- width: 100%
- height: auto
-
-
-#featured-image img
- width: 95% /* 315 / 520 */
-
-h1
- font: normal 1.875em Helvetica, Verdana, sans-serif
- letter-spacing: 0.5px
- text-align: center
-article h1
- font: normal 1.5em Helvetica, Verdana, sans-serif
- letter-spacing: 0.5px
- text-align: center
- text-transform: none
- margin: 1.875em 0 .875em 0
-#archive > h1
- font-weight: 700
- font-size: .75em
- text-transform: uppercase
- text-align: left
-
-#archive
- img
- width: auto
- p
- margin-top: 0
- time
- display: inline
-.footnote
- font-size: .75em
- border-top: 1px $brown dotted
- margin-top: 1.5em
- margin-bottom: 0
- p
- line-height: 1.5em !important
-#post-metadata
- margin-top: 0
- border-top: 1px $brown dotted
- p
- font-size: .875em
- text-align: left
-#pagination
- border-top: 1px $brown dotted
- border-bottom: 1px $brown dotted
- text-align: center
- padding: .25em 0
-.top .col
- font-size: .875em
-/* ######### layout small ################*/
-
-header[role="banner"]
- margin: 0 auto
- text-align: center
- h1
- background: url('../img/tree.png') 0 0 no-repeat
- text-indent: -9999px
- width: 151px
- height: 84px
- margin: 0 auto
- h2
- background: url('../img/text-centered.png') 0 0 no-repeat
- text-indent: -9999px
- width: 184px
- height: 54px
- margin: 0 auto
-nav[role="navigation"]
- margin: 1em auto .5em auto
- text-align: center
- border-top: 1px $brown dotted
- border-bottom: 1px $brown dotted
- width: 100%
- padding: .25em 0
- font-size: .875em
-nav:after, footer:before,
-footer:after, .archive article:after, #archive:after, article[role="main"] header:after
- content: "."
- display: block
- height: 0
- clear: both
- visibility: hidden
-.dateline
- text-align: center
- time
- display: block
-
-.postpic, .post-image
- float: left
- margin: 0 .625em .625em 0
-
-.postpic, .postpicright
- width: auto
-article img
- width: 95%
-article object, article embed
- width: 100%
-#breadcrumbs
- margin: 0 0 2em .75em
- font-size: .875em
-
-article[role="main"]
- header h1
- margin-bottom: .675em
- li
- display: block
- margin: .5em 0
-td
- vertical-align: top
- line-height: 1em
-tr
- margin-bottom: 2em !important
-td
- strong
- display: block
- text-align: right
- margin-top: 1px
-#page-navigation
- max-width: 20.9375em
- margin: 4em auto
- line-height: 1.5em
-
- letter-spacing: .025em
- strong
- text-transform: uppercase
- margin-right: 1em
- text-align: right
- font-weight: normal
- letter-spacing: .125em
- font-size: .75em
- a
- font-style: italic
-/* misc classes */
-.hide
- display: none
-
-#writing-archive article
- border-bottom: 1px $brown dotted
- margin-bottom: 1.5em
- padding-bottom: 1.5em
-
-//Photos
-.figure
- position: relative
- margin: 0
- .legend
- display: block
- +transparent_class
- position: absolute
- bottom: 0
- left: 0
- font-size: 13px
- padding: 8px 0 8px 8px
- width: auto
- background: $brown
- color: #999999
-
-#photo-galleries
- li
- margin: 8px
- position: relative
- display: block
- width: 100%
- margin-bottom: 30px
- .figure
- width: 100%
- margin: 0
- img
- width: 87%
- .legend
- padding: 10px
- color: #888888
- width: 85%
- +transparent_class
- line-height: 18px
- text-align: left
- margin-bottom: 5px
- h3
- color: white
- padding: 0
- margin: 3px 0
- font-size: .875em
- p
- margin: 0
-// Maps
-
-#map-canvas
- border: 10px $brown solid
- width: 95%
- height: 300px
-.map-legend
- h4
- font-size: 1em
- font-weight: bold
- margin: 1em 0 .25em
- li:after
- content: ","
-
-//About page
-
-#about
- img
- width: auto
- float: left
- margin: 0 8px 8px 0
- h2
- font: normal 1.5em Helvetica, Verdana, sans-serif
- margin: 1em 0
- article[role="main"] a
- color: $orange
- section:after
- content: "."
- display: block
- height: 0
- clear: both
- visibility: hidden
-
-.button
- display: block
- font-family: Helvetica, Verdana, sans-serif !important
- margin: 10px 10px 0 0
- width: auto
- font-size: 10px
- a
- padding: 9px 14px 7px 14px
- font-weight: bold
- line-height: 25px
- text-transform: uppercase
- background: #d7d7d7
- color: #666666
- -moz-border-radius: 25px
- -webkit-border-radius: 25px
- border-radius: 25px
- a:hover
- background: $orange
- color: white
-footer
- margin-top: 2em
-footer[role="contentinfo"]
- nav
- text-align: center
- padding: .25em
- border-top: 1px $brown dotted
- border-bottom: 1px $brown dotted
-
-.figure
- margin: 0
- position: relative
-
-.legend
- background: $brown
- color: #999999
- display: block
- position: absolute
- bottom: 0
- width: auto
- +transparent_class
-
-#post-body
- .legend
- width: 95%
- margin: 10px
- font-size: .875em
-#post-body>p:last-of-type:after
- content: " " url(../img/stop.gif)
-
-#post-body hr
- display: none
-//special cases for the various strange formatting tricks on individual posts over the years
-
-//numbered posts
-.numeral
- display: block
- font: bold 1.2em Helvetica, Verdana, sans-serif
- margin-bottom: 0
- margin-top: 60px
-
-
-.nfirst
- margin-top: 0 !important
-
-//posts with elaborate footers:
-
-#post-body .notes
- font: bold 1em Helvetica, Verdana, sans-serif
- text-transform: uppercase
-
-#post-body .addendum
- font-size: 17px
- line-height: 25px
- dt
- font-style: italic
- margin: .675em
- margin: 0.8em 0 0 -30px !important
- padding-left: 30px
- text-indent: -30px
- dd
- margin: 0.8em 0 0
-
-//posts with section headers
-
-#post-body
- h3, h2
- font: normal 1.6em Helvetica,Verdana,sans-serif
- line-height: 1.2em
-//pull quotes
-
-#post-body
- .pullquote
- width: 10em
- margin: 0 1em 1em -6em
- font-style: italic
- font-size: 1.3em
- float: left
- line-height: 1.6em
-
-/* ######### layout large ################*/
-
-@media screen and (min-width: 800px)
- //main content container
- body
- max-width: 61.75em
- margin: 0 auto
- header[role="banner"]
- text-align: left
- clear: both
- border-bottom: $brown 2px solid
- height: 9.375em
- h1, h2
- float: left
- padding-top: 2.2em
- position: relative
- top: 2.2em
- background-position: 0 0px no-repeat !important
- margin: 0 !important
- height: 18px
- h2
- position: relative
- top: 3.3em
- background: url('../img/text.png') 0 0px no-repeat !important
- height: 0px !important
- margin-left: 1.7em !important
- nav[role="navigation"]
- width: 25em
- border: none
- padding-top: 7.3em
- padding-left: 15em
- a
- letter-spacing: 1px
- li
- font-size: 12px
- //global
- #pagination
- font-family: Helvetica, Verdana, sans-serif !important
- font-size: 1.125em
- //homepage specific
- #archive
- clear: both
- article
- width: 18.75em
- float: left
- text-align: justify
- h1
- text-align: left
- font-size: 1.125em
- margin: 1em 0 .5em
- .hyphenate
- font-size: .9375em
- line-height: 1.4375em
- .dateline
- text-align: left
- margin-bottom: .75em
- font-size: .65em
- .mid
- margin: 0 2.5em
-
- #home .archive
- margin-top: 3em
- #home .dateline time
- font-size: 1.125em
- article img
- width: auto !important
-
- .img
- float: right
- img
- margin: 0
-
- //writing archives
- .archive
- padding-top: 2em
- article
- margin-bottom: 2em
- padding-bottom: 2em
- border: none !important
- h1, p
- width: 41%
- float: left
- text-align: left
- margin: 0
- font-size: 1em
- h1
- font-size: 1.5em
- line-height: 1.3em
- margin-top: .15em
- letter-spacing: .5px
- .dateline
- clear: left
- margin: .75em 0
- font-size: .6875em
- .hyphenate
- text-align: justify
- time
- display: inline
- float: right
-
-
-
-
- #photo-galleries:after, #projects-page .top:after
- content: "."
- display: block
- height: 0
- clear: both
- visibility: hidden
-
- //breadcrumbs
- #page-nav
- border: none
- text-align: left
- margin-top: 2em
- #breadcrumbs
- margin-left: 0
- li
- letter-spacing: 1px
-
-
- //photo pages
-
- #photo-galleries li
- float: left
- width: 291px
- margin: 0 1em 1em 1em
- .figure img
- width: 100%
-
- #photo-galleries .legend
- width: 97%
- padding: 1em
- font-size: .75em !important
- line-height: 95%
-
- //map page
- #map-canvas
- width: 47.5em
- height: 31.25em
- float: right
-
- .map-legend
- h4
- margin-bottom: .25em
- letter-spacing: 1px
- font-size: .875em
- li
- display: block
- font-size: .875em
- margin: 3px 0
- li:after
- content: ""
- .infowin
- h4
- font: normal 1.3em Helvetica, Verdana, sans-serif
- margin: .5em 0
- p
- font-size: 95%
- overflow: auto
- //projects page
- #projects-page .col
- float: left
- font-size: .875em
- margin: 0 40px 0 0
- width: 360px
- #projects-page .two
- margin: 0 0 0 3.5em
- width: 32em
- #projects-page .top
- padding-bottom: 2em
- margin-bottom: 2em
- border-bottom: 1px solid #E3E3E3
- #projects-page article p
- margin: 1em 0 0 0
- //Permalink pages
- article[role="main"]
- header, #post-body, footer, #comments, #page-navigation, #post
- width: 35.625em
- margin: 3.5em 0 0 12em
- #post-body
- margin-top: 0
- .legend
- width: 96%
- font-size: 1em
-
- h1, aside
- text-align: left
- margin: 0 0 .4em 0
- h1
- font-size: 2em
- #post-body
- p:nth-of-type(1)
- font-size: 1.25em
- line-height: 28px
- #post-metadata
- border-bottom: 1px $brown dotted
- margin-bottom: 1em
- margin-top: 1.5em
- padding: .75em 0
- p
- line-height: 1.5em !important
- margin: 0
- a
- color: $orange
- #page-navigation
- max-width: 20.9375em
- margin: 4em auto
- line-height: 1.5em
-
- letter-spacing: .025em
- strong
- text-transform: uppercase
- margin-right: 1em
- text-align: right
- font-weight: normal
- letter-spacing: .125em
- font-size: .75em
- a
- font-style: italic
-
-
-
- // two col layout
- .double article[role="main"]
- p:nth-of-type(1)
- font-size: 1.0625em /* 17px / 16px */
- line-height: 1.5em /* 24px / 16px */
- margin: 1em 0 0
- header
- width: 11.25em
- float: left
- margin-left: 0
- margin-top: 0
- h1, aside
- text-align: right
- line-height: 1.2em
- h1
- font-size: 1.875em
- time
- display: block
- text-align: right !important
- #post-body
- margin: 0em 0 0 1.25em
- float: left
- width: 48.75em
-
- .col
- float: left
- width: 23.125em
- .sec
- margin-left: 2.5em
- .narrow
- width: 35.625em
- margin-left: -8px
- margin-bottom: 1em
- clear: both
- .hyphenate
- margin-top: 0
- #post-metadata
- clear: both
- //About Page
- #about article[role="main"]
- .content
- width: 35.625em
- margin: 0 0 0 12.4em
- small
- font-style: italic
- h2
- margin-left: 8.2em
- p:nth-of-type(1)
- font-size: 1.063em
- line-height: 1.5em
- footer[role="contentinfo"]
- height: 2em
- color: $brown
- margin: 4em auto 2em
- font-size: 1em
- padding: 0
- li
- line-height: 1.5em
- margin-top: .75em
- margin-left: 8px
- nav
- border: none
- margin: 0 auto
- padding: 0
- text-align: center
- p
- padding-left: 8px
- line-height: 2em
- margin-top: .75em
- color: #888888
- a
- color: #888888 !important
- &:hover
- color: $orange !important
- .drop
- font-size: 4.8em
- display: block
- float: left
- padding: 38px 10px 5px 0
- overflow: visible
-
-
- .drop-small
- font-size: 2.9em
- display: block
- float: left
- padding: 19px 8px 5px 0
- overflow: visible
- .postpic, .postpicright
- display: block
- margin: 0.3em 0.6em
-
- .postpic
- float: left
- margin-left: 0
- margin-top: 0.3em
-
- .postpicright
- float: right
- margin-right: 0
-
- .postpicleft
- float: left
- margin: 5px
-
- .picfull
- margin-top: 20px
-
- .picwide
- border: 10px solid $brown
- clear: both
- margin: 30px 0 30px -200px
-
-.ie8 .drop
- padding-top: 28px
-.ie7 footer[role="contentinfo"], .ie7 #projects-archive, .ie7 #writing-archive article, .ie7 #pagination, .ie7 #projects-archive .button
- clear: both
-.ie7 .top
- height: 90px
-.ie7 nav[role="navigation"]
- padding-top: 6.2em
- padding-left: 3.5em
- margin-left: 90px !important
-
-//.formatted
-// column-count: 3
-// column-gap: 1.125em
-// -moz-column-count: 3
-// -moz-column-gap: 18px
-// -webkit-column-count: 3
-// -webkit-column-gap: 1.125em
diff --git a/media/sass/dark.sass b/media/sass/dark.sass
deleted file mode 100644
index b835305..0000000
--- a/media/sass/dark.sass
+++ /dev/null
@@ -1,417 +0,0 @@
-@import base.sass
-
-
-$brown: #201a11
-$orange: #b53a04
-
-*:focus
- outline: $orange dotted thin
-
-body
- background: $brown
-
-a
- text-decoration: none
- color: $orange
- &:visited
- color: white
- text-decoration: none
- &:hover
- color: white
- text-decoration: none
-
-header[role="banner"]
- border-bottom: #cccccc 1px solid
- margin-bottom: 1em
- a
- color: white !important
- &:hover
- color: $orange unquote("!important")
- h1
- background: url('../img/tree.png') left -84px no-repeat !important
- h2
- background: url('../img/text-centered.png') 0 -60px no-repeat !important
-
-
-#breadcrumbs
- color: white
- a
- color: white
- &:hover
- color: $orange
-article[role="main"] .geo a
- color: white
-article[role="main"] .geo a:hover
- color: $orange
-footer
- color: #cccccc
- a
- color: #cccccc !important
- &:hover
- color: $orange !important
-
-img
- &.postpic, &.postpicright
- border: none
- &.picfull
- border: none
-
-#post-body, #page-navigation strong
- color: #cccccc
-
-
-aside, header
- color: #cccccc
-
-aside section
- a
- color: #cccccc !important
- &:hover
- color: $orange !important
-
-#post-metadata
- border-top: #555555 1px dotted
- border-bottom: #555555 1px dotted
- p
- color: #cccccc
-
-.addendum dt
- margin-left: -30px !important
-
-h4 a.disqus-link-count
- color: #cccccc !important
-
-#writing-detail
- img
- border: none
- .legend
- padding: 8px
-
-
-#parks article
- position: relative
- display: block
- margin: 0 0 2em 0
- h1
- display: block
- background: $brown
- +transparent_class
- color: white
- margin: 0 0 0 10px
- width: 100%
- text-align: left
-
- .figure
- position: relative
- border: none
- .legend
- position: relative
- width: 100%
- padding: 0
- margin: 0
- h2
- font: normal .875em Helvetica, Verdana, sans-serif
- color: white
- margin: 0 0 1.3em 1em
-
- .buttons
- display: block
- padding: 0
- background: $brown
- font-size: 10px
- line-height: 1em
- color: white
- text-align: center
- text-transform: uppercase
- margin: 0 auto
- li
- display: inline
- margin: 0 .25em
- font: normal 1em Helvetica, Verdana, sans-serif
- a
- font-weight: bold
-
-
- .map-container
- width: 469px
- height: 392px
- position: absolute
- right: 20px
- bottom: 60px
- z-index: 2000
- margin: 0
- padding: 0
- background: url("../img/mapbg-dark.png") no-repeat top left
- .map-wrapper
- width: 400px
- height: 328px
- margin: 37px 0 0 44px
-
- .meta
- height: 0
- .more-container
- width: 405px
- height: 260px
- position: absolute
- right: -30px
- bottom: 40px
- z-index: 2000
- background: url("../img/parkbg.png") no-repeat top left
- dl
- margin-top: 45px
- margin-left: 45px
- dt,dd
- font-size: 0.9em
- line-height: 25px
- margin: 4px 0
- font-family: Helvetica, Verdana, sans-serif
- color: white
- dt
- clear: left
- float: left
- width: 65px
- //border-bottom: 1px solid #999
- font-weight: bold
- line-height: 25px
- font-size: 0.7em
- text-transform: uppercase
- dd
- float: left
- width: 250px
- overflow: hidden
- //border-bottom: 1px solid #999
- a:hover
- color: $orange
-
-
-
-//############# Photo Pages #################
-body.image_gallery
- background: #14100b !important
- header[role="banner"]
- h1
- background: url('../img/tree.png') 0 -168px no-repeat !important
- h2
- background: url('../img/text.png') 0 -121px no-repeat !important
- .directions
- font: normal .675em Helvetica, Verdana, sans-serif
- color: #414144
- text-align: center
- margin-bottom: 1.75em
- article
- clear: both
- margin-bottom: 5em
- position: relative
- h6
- text-align: center
- text-transform: uppercase
- font-size: .625em
- margin: 0 0 1.25em 0
- a
- color: #b5b5b5
- a:hover
- color: $orange
- #slides
- width: 62.5em
- img
- border: none
- margin: 0 auto
- text-align: center
- padding: 0
-
- .figcaption
- clear: both
- background: #1a1713
- -moz-border-radius: 0 0 .5em .5em
- -webkit-border-radius: 0 0 .5em .5em
- border-radius: 0 0 .5em .5em
- color: white
- margin: -.25em 0 0 0
- padding: 1em 0 1em 0
- z-index: 100
- h3
- float: left
- margin: 0 0 1em 1em
- padding: 0
- font-weight: normal
- .caption
- border-right: 1px solid #1f1f21
- width: 70%
- float: left
- padding-right: 1em
- p
- clear: both
- .map-link
- float: right
- background: #211d19
- line-height: 1em
- color: white
- text-align: center
- text-transform: uppercase
- margin: 0 .25em
- font: normal .75em Helvetica, Verdana, sans-serif
- padding: .5em 1em
- -moz-border-radius: 1em
- -webkit-border-radius: 1em
- border-radius: 1em
- .map-link:hover
- background: $orange
- .photo-options
- float: left
- margin-left: 1em
- p
- font: normal .75em Helvetica, Verdana, sans-serif
- color: #414144
- line-height: 1.5em
- a
- color: #414144
- font-weight: normal
- a:hover
- color: $orange
- li
- display: inline
- margin: 0 .25em
- font: normal 1em Helvetica, Verdana, sans-serif
- a
- font-weight: bold
- p
- margin: 0 1em
- color: #74757A
- font-size: 1em
- .figcaption:after
- content: "."
- display: block
- height: 0
- clear: both
- visibility: hidden
-
- .meta
- margin: 43px 0 0 37px
- color: black
- dl
- font-size: 13px
- dt
- clear: left
- float: left
- line-height: 16px
- margin: 4px 0
- width: 100px
- //border-bottom: 1px solid #999
- dd
- float: left
- width: 125px
- margin: 4px 0 4px 4px
- line-height: 16px
- a
- color: black !important
- a:hover
- color: $orange !important
-
-
- .map-container
- //clear: left
- width: 469px
- height: 392px
- position: absolute
- bottom: 100px
- left: 293px
- z-index: 2000
- margin: 0
- padding: 0
- background: url("../img/mapbg.png") no-repeat top left
-
- .map-wrapper
- width: 400px
- height: 328px
- position: absolute
- bottom: 27px
- margin: 0px 0 0 44px
-
-
-@media only screen and (max-width: 480px)
- body.image_gallery
- header[role="banner"]
- h2
- background: url('../img/text-centered.png') 0 -121px no-repeat !important
- #slides
- width: 100%
- h3
- margin-left: .5em !important
- margin-bottom: .5em !important
- h6
- display: none
- #slides
- img
- width: 100%
- margin-left: 0px !important
- .photo-options, .map-link
- display: none
- .figcaption
- padding: 1em 0 .5em 0
- .caption
- width: 100% !important
- float: none !important
- p
- font: normal .75em Helvetica, Verdana, sans-serif
- margin: 0 0 0 .75em
- padding-bottom: .25em
-
-
-@media only screen and (min-width: 800px)
- header[role="banner"]
- h2
- background: url('../img/text.png') 0 -63px no-repeat !important
-
-
- #parks article
- h1
- margin: 0
- font-size: 2em
- padding-left: .25em
- position: absolute
- top: 10px
- left: 10px
- line-height: 2em
- z-index: 1000
- .legend
- position: absolute
- padding: .25em 1em
- height: 4em
- h2
- float: left
- font-size: 1.2em
- margin: 0
- line-height: 2.6em
- .buttons
- +transparent_class
- float: right
- margin: 2em 2em 0 0
- a
- padding: .875em 1.75em .75em
- background: #463215
- color: #fff
- -moz-border-radius: 25px
- -webkit-border-radius: 25px
- border-radius: 25px
- a:hover
- background: $orange
- color: white
-
-
- #post-body
- .legend
- width: 100% !important
-
-
-
-.ie :focus
- outline: 0
-.ie header[role="banner"]
- border-bottom: #cccccc 1px solid !important
- h2
- background: url('../img/text-dark.png') left bottom no-repeat !important
-.ie #parks .buttons
- a
- padding: 10px
- line-height: 2em
-
diff --git a/media/sass/ie.sass b/media/sass/ie.sass
deleted file mode 100644
index 2937cf9..0000000
--- a/media/sass/ie.sass
+++ /dev/null
@@ -1,320 +0,0 @@
-@import _mixins.sass
-//main content container
-body
- max-width: 61.75em
- margin: 0 auto
-header[role="banner"]
- text-align: left
- clear: both
- border-bottom: $brown 2px solid
- height: 9.375em
- h1, h2
- float: left
- padding-top: 2.2em
- background-position: left bottom
- margin: 0 !important
- h2
- padding-top: 3.5em
- background: url('../img/text-wide.png') left bottom no-repeat !important
- margin-left: 1.7em !important
-nav[role="navigation"]
- width: 25em
- border: none
- padding-top: 7.3em
- padding-left: 15em
- a
- letter-spacing: 1px
- li
- font-size: 12px
-//global
-#pagination
- font-family: Helvetica, Verdana, sans-serif !important
- font-size: 1.125em
-//homepage specific
-#archive
- clear: both
- article
- width: 18.75em
- float: left
- text-align: justify
- h1
- text-align: left
- font-size: 1.125em
- margin: 1em 0 .5em
- .hyphenate
- font-size: .9375em
- line-height: 1.4375em
- .dateline
- text-align: left
- margin-bottom: .75em
- font-size: .65em
- .mid
- margin: 0 2.5em
-
-
-article img
- width: auto !important
-
-.img
- float: right
- img
- margin: 0
-
-//writing archives
-.archive
- padding-top: 2em
- article
- margin-bottom: 2em
- padding-bottom: 2em
- border: none !important
- h1, p
- width: 41%
- float: left
- text-align: left
- margin: 0
- font-size: 1em
- h1
- font-size: 1.5em
- line-height: 1.3em
- margin-top: .15em
- letter-spacing: .5px
- .dateline
- clear: left
- margin: .75em 0
- font-size: .6875em
- .hyphenate
- text-align: justify
- time
- display: inline
- float: right
-
-
-
-
-#photo-galleries:after, #projects-page .top:after
- content: "."
- display: block
- height: 0
- clear: both
- visibility: hidden
-
-//breadcrumbs
-#page-nav
- border: none
- text-align: left
- margin-top: 2em
-#breadcrumbs
- margin-left: 0
- li
- letter-spacing: 1px
-
-
-//photo pages
-
-#photo-galleries li
- float: left
- width: 291px
- margin: 0 1em 1em 1em
- .figure img
- width: 100%
-
-#photo-galleries .legend
- width: 97%
- padding: 1em
- font-size: .75em !important
- line-height: 95%
-
-//map page
-#map-canvas
- width: 47.5em
- height: 31.25em
- float: right
-
-.map-legend
- h4
- margin-bottom: .25em
- letter-spacing: 1px
- font-size: .875em
- li
- display: block
- font-size: .875em
- margin: 3px 0
- li:after
- content: ""
-.infowin
- h4
- font: normal 1.3em Helvetica, Verdana, sans-serif
- margin: .5em 0
- p
- font-size: 95%
- overflow: auto
-//projects page
-#projects-page .col
- float: left
- font-size: .875em
- margin: 0 40px 0 0
- width: 360px
-#projects-page .two
- margin: 0 0 0 3.5em
- width: 32em
-#projects-page .top
- padding-bottom: 2em
- margin-bottom: 2em
- border-bottom: 1px solid #E3E3E3
-#projects-page article p
- margin: 1em 0 0 0
-//Permalink pages
-article[role="main"]
- header, #post-body, footer, #comments
- width: 35.625em
- margin: 3.5em 0 0 12em
- #post-body
- margin-top: 0
- .legend
- width: 96%
- font-size: 1em
-
- h1, aside
- text-align: left
- margin: 0 0 .4em 0
- h1
- font-size: 1.875em
- p:nth-of-type(1)
- font-size: 1.25em
- line-height: 28px
- #post-metadata
- border-bottom: 1px $brown dotted
- margin-bottom: 1em
- margin-top: 1.5em
- padding: .75em 0
- p
- line-height: 1.5em !important
- margin: 0
- a
- color: $orange
- #page-navigation
- text-transform: uppercase
- font: normal 1.125em Helvetica, Verdana, sans-serif
- a
- color: $orange
- li#next
- float: right
- padding-right: 9em
- li#prev
- float: left
- padding-left: 6em
-// two col layout
-.double article[role="main"]
- p:nth-of-type(1)
- font-size: 1.0625em /* 17px / 16px */
- line-height: 1.5em /* 24px / 16px */
- margin: 1em 0 0
- header
- width: 11.25em
- float: left
- margin-left: 0
- h1, aside
- text-align: right
- line-height: 1.2em
- #post-body
- margin: 2em 0 0 1.25em
- float: left
- width: 48.75em
- .col
- float: left
- width: 23.125em
- .sec
- margin-left: 2.5em
- .narrow
- width: 35.625em
- margin-left: -8px
- margin-bottom: 1em
- clear: both
- #post-metadata
- clear: both
-//About Page
-#about article[role="main"]
- .content
- width: 35.625em
- margin: 0 0 0 12.4em
- h2
- margin-left: 8.2em
- p:nth-of-type(1)
- font-size: 1.063em
- line-height: 1.5em
-footer[role="contentinfo"]
- font-family: Helvetica, Verdana, sans-serif
- background: $brown
- height: 3em
- color: #888888
- margin: 80px auto 0
- font-size: 1em
- padding: 0
- li
- float: left
- text-transform: uppercase
- line-height: 3em
- margin-top: .75em
- margin-left: 8px
- a
- color: #888888 !important
- &:hover
- color: $orange !important
- nav
- border: none
- margin: 0 1em 0 0
- padding: 0
- float: right
- p
- float: left
- padding-left: 8px
- line-height: 4em
- margin-top: .75em
-.drop
- font-size: 4.8em
- display: block
- float: left
- padding: 38px 10px 5px 0
- overflow: visible
-
-.drop-small
- font-size: 2.9em
- display: block
- float: left
- padding: 19px 8px 5px 0
- overflow: visible
-.postpic, .postpicright
- display: block
- margin: 0.3em 0.6em
-
-.postpic
- float: left
- margin-left: 0
- margin-top: 0.3em
-
-.postpicright
- float: right
- margin-right: 0
-
-.postpicleft
- float: left
- margin: 5px
-
-.picfull
- margin-top: 20px
-
-.picwide
- border: 10px solid $brown
- clear: both
- margin: 30px 0 30px -200px
-
-.ie8 .drop
- padding-top: 28px
-.ie7 footer[role="contentinfo"], .ie7 #projects-archive, .ie7 #writing-archive article, .ie7 #pagination, .ie7 #projects-archive .button
- clear: both
-.ie7 .top
- height: 90px
-.ie7 nav[role="navigation"]
- padding-top: 6.2em
- padding-left: 3.5em
- margin-left: 90px !important \ No newline at end of file
diff --git a/media/sass/old/_about.sass b/media/sass/old/_about.sass
deleted file mode 100644
index dc25bdb..0000000
--- a/media/sass/old/_about.sass
+++ /dev/null
@@ -1,29 +0,0 @@
-//About page
-
-#about article
- 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: 16px
- h3
- +sm-headline-sans
- margin: 0
diff --git a/media/sass/old/_globals.sass b/media/sass/old/_globals.sass
deleted file mode 100644
index 9fb7ffd..0000000
--- a/media/sass/old/_globals.sass
+++ /dev/null
@@ -1,214 +0,0 @@
-//basic stuff
-
-$luxagraf_brown: #201a11
-$luxagraf_orange: #b53a04
-
-*:focus
- outline: $luxagraf_orange dotted thin
-
-html
- height: 100%
-
-body
- background: white
- font-family: unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
- /* font-size 15px
- font-size: 15px
- /* line height of 24 px
- line-height: 23px
- color: $luxagraf_brown
- position: relative
- min-height: 100%
- width: $full
- height: 100%
- text-align: center
- margin: 0 auto
-
-
-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
- border-bottom: $luxagraf_brown 2px solid
- height: 150px
- margin-bottom: 40px
- +small-serif
- font-size: 12px
- nav
- text-transform: uppercase
- float: left
- margin-top: 102px
- margin-left: $col
- li
- display: inline
- font-size: 12px
- margin-left: 4px
- letter-spacing: 1px
- a:hover
- color: $luxagraf_orange
-
-//logo link
-#logo
- background: url("../img/logo.png") no-repeat left bottom
- height: 148px
- width: $col7
- float: left
- text-indent: -1000px
-
-header h2
- float: left
- text-indent: -1000px
- display: none
-
-footer
- +sm-sans
- background: $luxagraf_brown
- height: 36px
- color: #888888
- font-size: 12px
- margin: 80px auto 0
- li
- float: left
- text-transform: uppercase
- line-height: 36px
- margin-left: 8px
- a
- color: #888888 !important
- &:hover
- color: $luxagraf_orange !important
- nav
- float: right
- margin-right: 8px
- p
- float: left
- padding-left: 8px
- line-height: 36px
- margin: 0
-
-article ul
- font-size: 1.5em
-
-#breadcrumbs
- font-weight: normal
- +tiny-serif
- font-size: 11px
- li
- display: inline
-
-// global classes ------------------------------
-
-.hide
- display: none
-
-.postpic, .postpicright
- display: block
- margin: 0.3em 0.6em
- border: $luxagraf_brown 10px solid
- clear: both
-
-.postpic
- float: left
- margin-left: 0
- margin-top: 0.3em
-
-.postpicright
- float: right
- margin-right: 0
-
-.postpicleft
- float: left
- margin: 5px
-
-.picfull
- border: $luxagraf_brown 10px solid
- margin-top: 20px
-
-.post-image
- margin: 0 10px 0 0
- float: left
- border: $luxagraf_brown 10px solid !important
-
-.picwide
- clear: both
- margin: 30px 0 30px -200px
- border: $luxagraf_brown 10px solid
-
-.pull-quote
- font-size: 14px !important
- font-style: italic !important
-
-sup
- +sm-sans
- font-size: 0.7em
- line-height: 0
- padding: 3px 0 3px 3px
- a
- line-height: 0
-
-.numeral
- font-family: Helvetica, Verdana, sans-serif
- font-size: 22px
- font-weight: bold
- display: block
- margin-top: 60px
- margin-bottom: 0
-
-.nfirst
- margin-top: 0px !important
-
-.figure
- position: relative
- margin: 0
- .legend
- display: block
- +transparent_class_light
- position: absolute
- bottom: 9px
- left: 0
- font-size: 13px
- padding: 8px 0 8px 8px
- width: auto
- background: $luxagraf_brown
- color: #999999
-
-.button
- display: block
- +sm-sans
- margin: 10px 10px 0 0
- width: auto
- +sm-sans
- font-size: 10px
- a
- padding: 9px 14px 7px 14px
- font-weight: bold
- line-height: 25px
- text-transform: uppercase
- background: #d7d7d7
- color: #666666
- -moz-border-radius: 25px
- -webkit-border-radius: 25px
- border-radius: 25px
- a:hover
- background: $luxagraf_orange
- color: white
-
-// shit to hide ------------------------------
-
-.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
diff --git a/media/sass/old/_grid.sass b/media/sass/old/_grid.sass
deleted file mode 100644
index 821419f..0000000
--- a/media/sass/old/_grid.sass
+++ /dev/null
@@ -1,23 +0,0 @@
-// 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/old/_maps.sass b/media/sass/old/_maps.sass
deleted file mode 100644
index 76ffb54..0000000
--- a/media/sass/old/_maps.sass
+++ /dev/null
@@ -1,53 +0,0 @@
-//Map Page
-
-.map-legend
- width: $col3
- margin-top: 24px
- float: left
- h4
- +small-serif
- font-size: 14px
- margin: 8px 0
- li
- font-size: 13px
- margin: 0
- line-height: 20px
-
-.clearfix
- clear: both
-
-#map-canvas
- float: right
- 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: #888888
- text-align: center
- text-transform: uppercase
- display: block
- text-align: left
- margin: 6px 0 0
- font-size: 1.2em
diff --git a/media/sass/old/_oldbase.sass b/media/sass/old/_oldbase.sass
deleted file mode 100644
index 8401c8f..0000000
--- a/media/sass/old/_oldbase.sass
+++ /dev/null
@@ -1,125 +0,0 @@
-@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
-@import _projects.sass
-
-#featured-image img
- margin-left: $pad
- margin-bottom: 78px
-
-.hyphenate
- text-align: justify
-
-#currently
- +sm-sans
- text-transform: uppercase
- font-size: 12px
- clear: both
- width: $full
- padding-top: 20px
- //border-top= !luxagraf_brown 1px "solid"
- border-top: #b9b9b9 1px dotted
-
-#currently
- padding: 0
- margin-bottom: 0px
- margin-top: 36px
- border-top: $luxagraf_brown 1px solid
-
-#featured-intro h1
- +headline-sans
- font-size: 24px
- line-height: 1.2em
- margin: 0
-#writing-tease
- h2
- margin: 24px 0 24px 0
- font-size: 12px
-
-#archive:after
- clear: both
-#archive
- border-top: #b9b9b9 1px dotted
- clear: both
- h1
- margin: 36px 0 24px 0
- text-transform: uppercase
- +sm-sans
- font-size: 12px
- font-weight: bold
- article
- float: left
- width: $col5 + $pad
- margin-bottom: $pad
- h1
- font-size: 18px
- //min-height: 50px
- margin: 0
- text-transform: none
- font-weight: 400
-
- h2
- +small-serif
- font-size: 12px
- margin: 0
- .col2
- margin-left: $pad * 2
- margin-right: $pad * 2
- p
- margin: 0
- p.hyphenate
- margin-top: 3px
- text-align: justify
- img
- margin-top: 4px
- .location, time
- +tiny-serif
- line-height: 3em
- margin: 0
- padding: 0
- font-size: 0.7em
- text-align: left
-
-// ie fixes ------------------------------
-
-.ie #photo-galleries a img, .ie #photo-galleries img
- outline: none
- border: none !important
-
-.ie #photo-galleries li
- width: 291px
- height: 350px
-
-.ie #photo-galleries .legend
- margin: 0
- bottom: 0
- margin-bottom: 8px
-
-
-.ie .button a
- background: none
- padding: 0
-
-.ie .button a:hover
- background: none
- color: #b53a04 !important
-
-.ie .drop
- padding: 28px 10px 5px 0
-
-.ie .figure .legend
- bottom: 5px
- padding: 8px 0 8px 8px
-
-.ie8
- body
- outline: none
- border: none
-.ie8 *:focus
- border: none \ No newline at end of file
diff --git a/media/sass/old/_oldmixins.sass b/media/sass/old/_oldmixins.sass
deleted file mode 100644
index b6b1ca1..0000000
--- a/media/sass/old/_oldmixins.sass
+++ /dev/null
@@ -1,58 +0,0 @@
-=small-serif
- font-size: 1.1em
- letter-spacing: 1px
- line-height: 1.2em
-
-=tiny-serif
- font-size: 0.8em
- letter-spacing: 1px
- line-height: 1.2em
- text-transform: uppercase
-
-=sm-headline-sans
- font-family: Helvetica, Verdana, sans-serif
- font-size: 24px
- 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
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"
- filter: alpha(opacity = 90)
- -moz-opacity: 0.9
- -khtml-opacity: 0.9
- opacity: 0.9
-
-=transparent_class_light
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"
- filter: alpha(opacity = 85)
- -moz-opacity: 0.85
- -khtml-opacity: 0.85
- opacity: 0.85
-
-=transparent_class_lighter
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"
- filter: alpha(opacity = 65)
- -moz-opacity: 0.65
- -khtml-opacity: 0.65
- opacity: 0.65
-
-=transparent_clear
- -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"
- filter: alpha(opacity = 100)
- -moz-opacity: 1
- -khtml-opacity: 1
- opacity: 1
-
-$luxagraf_brown: #201a11
-$luxagraf_orange: #b53a04
diff --git a/media/sass/old/_photos.sass b/media/sass/old/_photos.sass
deleted file mode 100644
index fd2ecee..0000000
--- a/media/sass/old/_photos.sass
+++ /dev/null
@@ -1,35 +0,0 @@
-#photo-archive
- article
- width: $full
- h1
- display: none
-
-#photo-galleries
- margin-left: -10px
- width: $full + $pad
- li
- float: left
- margin: 8px
- position: relative
- display: block
- height: 350px
- width: 291px
- border: 10px $luxagraf_brown solid
- .figure
- height: 362px
- width: 291px
- margin: 0
- .legend
- color: #888888
- width: 285px
- +transparent_class
- margin: 0
- line-height: 18px
- text-align: left
- h3
- color: white
- padding: 0
- margin: 3px 0
- +tiny-serif
- p
- margin: 0
diff --git a/media/sass/old/_projects.sass b/media/sass/old/_projects.sass
deleted file mode 100644
index 7ec179b..0000000
--- a/media/sass/old/_projects.sass
+++ /dev/null
@@ -1,211 +0,0 @@
-.top
- margin: 36px 0 36px 0
- clear: both
- width: $col16
- a
- color: $luxagraf_orange
-
-p.col
- width: 360px
- float: left
- margin: 0 $pad * 2 0 0
- font-size: 14px
-
-p.two
- margin: 0
- margin-left: $col
- width: 450px
-
-.break
- border-bottom: #e3e3e3 1px solid
- width: $col16 + $pad * 2
- height: 2px
- padding-top: 36px
- clear: both
- margin: 0
-
-.project-tease
- margin-top: 65px
- li
- margin-top: 36px
- clear: both
- h3
- +sm-sans
- font-size: 24px
- line-height: 24px
- margin: 0
- width: $col7 - $pad
- font-weight: bold
- .tease
- float: left
- .img
- float: right
- width: $col9 + $pad
- margin-bottom: 72px
- img
- border: $luxagraf_brown 10px solid
- .lede
- clear: both
- margin: 0
- padding-top: 12px
- width: $col7 - $pad
- p
- font-family: Hoefler Text, Georgia, Times New Roman, Times, serif
- font-size: 16px
- line-height: 23px
- text-align: justify
- .proj
- font-size: 64px
- line-height: 50px
- float: left
- margin: 2px 2px 0 0
- span
- font-size: 36px
- dt a
- display: block
- width: 175px
- float: left
-
-// National Parks detail page
-
-.map-container
- width: 469px
- height: 392px
- position: absolute
- right: 20px
- bottom: 60px
- z-index: 2000
- margin: 0
- padding: 0
- background: url("../img/mapbg-dark.png") no-repeat top left
-
-.more-container
- width: 405px
- height: 260px
- position: absolute
- right: -30px
- bottom: 40px
- z-index: 2000
- background: url("../img/parkbg.png") no-repeat top left
- dl
- margin-top: 45px
- margin-left: 45px
- dt,dd
- font-size: 0.9em
- line-height: 25px
- margin: 4px 0
- font-family: Helvetica, Verdana, sans-serif
- color: white
- dt
- clear: left
- float: left
- width: 65px
- //border-bottom: 1px solid #999
- font-weight: bold
- line-height: 25px
- font-size: 0.7em
- text-transform: uppercase
- dd
- float: left
- width: 250px
- overflow: hidden
- //border-bottom: 1px solid #999
- a:hover
- color: $luxagraf_orange
-
-.map-wrapper
- width: 400px
- height: 328px
- margin: 37px 0 0 44px
-
-#parks
- margin-top: 36px
- article
- width: $col16 + $pad * 2
- position: relative
- display: block
- margin-top: 36px
- clear: both
- margin-bottom: 72px
- .figure
- img
- border: none
- h1
- display: block
- color: #888888
- padding: 10px 10px 10px 15px
- background: $luxagraf_brown
- +transparent_class_light
- position: absolute
- top: 0
- width: $col16 + $pad
- color: white
- +headline-sans
- margin: 0
- .legend
- display: block
- padding: 10px 10px 10px 15px
- background: $luxagraf_brown
- +transparent_class_light
- position: absolute
- bottom: 0
- height: 45px
- width: $col16 + $pad * 2
- font-size: 10px
- line-height: 16px
- color: white
- h2
- +sm-headline-sans
- line-height: 36px
- font-size: 18px
- margin: 0
- padding: 0
- float: left
- p
- margin: 6px 0 10px 0
- .buttons
- padding-top: 6px
- float: right
- margin-right: 20px
- li
- float: left
- clear: none
- margin: 0px 10px 0 0
- width: auto
- +sm-sans
- font-size: 10px
- a
- padding: 9px 14px 7px 14px
- font-weight: bold
- line-height: 25px
- text-transform: uppercase
- background: #463215
- color: white
- -moz-border-radius: 25px
- -webkit-border-radius: 25px
- -o-border-radius: 25px
- border-radius: 25px
- a:hover
- background: $luxagraf_orange
- .map
- width: $col5
- margin-top: 42px
- height: 130px
- float: left
- margin-left: 6px
- a
- display: none
- div
- div
- span
- display: none
- .entry-foot
- clear: both
- +sm-sans
- font-size: 12px
- background: #ff33ff
- width: $col16 + $pad * 2
- margin-top: 4px
-
-img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png']
- display: none !important
diff --git a/media/sass/old/_writing.sass b/media/sass/old/_writing.sass
deleted file mode 100644
index 4ee6934..0000000
--- a/media/sass/old/_writing.sass
+++ /dev/null
@@ -1,245 +0,0 @@
-//Writing Archive pages
-
-#writing-archive,#featured
- margin-top: 72px
- margin-bottom: 36px
- li
- clear: both
- h3,h1
- +sm-headline-sans
- margin: 0
- text-align: left
- div
- width: $col7
- margin-right: $pad
- float: left
- text-align: justify
- h1
- margin-top: 3px
- .img
- width: $col9
- margin-left: $pad
- margin-bottom: 36px
- p
- margin: 0
- font-size: 16px
- .location,time
- +tiny-serif
- line-height: 3em
- font-size: 11px
- img
- border: $luxagraf_brown 10px solid
-
-#pagination
- +sm-sans
- font-size: 13px
- width: $full
- clear: both
- margin: 0
- border-top: $luxagraf_brown 1px dotted
- border-bottom: $luxagraf_brown 1px dotted
- text-align: center
- .pages
- margin: 8px 0
- clear: both
- li
- display: inline
- margin: 2px
- .current
- color: $luxagraf_orange
-
-//Basic styles for Writing detail pages
-
-#writing-detail
- 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: 30px
- line-height: 1.2em
- margin: 0
- letter-spacing: 0.5px
- aside
- +tiny-serif
- font-size: 12px
- line-height: 2.3em
- a
- color: $luxagraf_brown
- &:hover
- color: $luxagraf_orange
- 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
-
-#post-metadata
- width: $col10 - !pad
- border-top: $luxagraf_brown 1px dotted
- border-bottom: $luxagraf_brown 1px dotted
- margin: 24px 0 24px $col4 - $pad
- padding-bottom: 8px
- clear: both
- background: none
- p
- font-family: unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
- color: #201A11
- line-height: 25px
- float: none
- padding: 8px 0
- font-size: 14px
- a
- color: $luxagraf_orange !important
- height: auto
- float: none
-
-
-
-#page-navigation
- width: $full
- clear: both
- margin: 24px 0 0 0
- text-transform: uppercase
- +sm-sans
- li#next
- float: right
- margin-right: $col3 - $pad
- font-size: 13px !important
- li#prev
- float: left
- margin-left: $col2 + $pad
- font-size: 13px !important
-#comments
- clear: both
- width: $col9
- margin: 24px 0 24px $col4 - $pad
- font-size: 13px
- h4
- margin-top: 96px
- +headline-sans
- text-transform: uppercase
- font-size: 18px
-
-h4 a.disqus-link-count
- color: $luxagraf_brown !important
-
-ul#dsq-comments
- font-size: 1.2em
-
-.dsq-comment-cite
- font-family: unquote("Helvetica"), unquote("Arial"), unquote("sans-serif")
- font-size: 0.9em !important
- font-weight: normal
- text-transform: uppercase
-
-.dsq-comment-header-time, .dsq-comment-footer
- font-family: unquote("Helvetica"), unquote("Arial"), unquote("Verdana"), unquote("sans-serif")
-
-.dsq-comment-footer
- font-size: 0.8em
-
-#dsq-comments-title
- display: none !important
-
-.drop
- font-size: 4.8em
- display: block
- float: left
- padding: 38px 10px 5px 0
- overflow: visible
-
-.drop-small
- font-size: 2.9em
- display: block
- float: left
- padding: 19px 8px 5px 0
- overflow: visible
-
-blockquote
- font-size: 0.8em
-
-.footnote
- margin: 18px 0
- width: $col9 + $pad
- li
- margin: 12px 0
- line-height: 0.8em
- p
- line-height: 18px !important
- font-size: 14px
- a, span
- font-size: 14px
-
-#writing-detail .figure
- margin-top: 24px
- img
- border: $luxagraf_brown 10px solid
- .legend
- width: 552px
- padding: 8px 0 12px 16px
- font-family: unquote("Helvetica"), unquote("Arial"), unquote("Verdana"), unquote("sans-serif")
-
-h4.notes
- +sm-sans
- font-weight: bold
- text-transform: uppercase
-
-.addendum dt
- font-style: italic
- margin: 0.8em 0 0 0
- margin-left: -30px !important
- text-indent: -30px
- padding-left: 30px
-
-.addendum dd
- margin: 0.8em 0 0 0
-
-// special styles for single and double column posts
-
-.single article
- header, #post-body
- margin-left: $col4 - $pad !important
- width: $col10 - $pad !important
- p:nth-of-type(1)
- font-size: 20px
- line-height: 28px
-
-//double stuff
-
-.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
- line-height: 18px
-
-#post-body
- width: $col13 + $pad
- margin-left: $pad
- font-size: 17px
- line-height: 25px
- .col
- width: 350px
- float: left
- margin: 0 $pad * 2 0 0
- .narrow
- width: $col9
-
-.double #post-body
- float: left
diff --git a/media/sass/old/ie.css b/media/sass/old/ie.css
deleted file mode 100644
index fa1363e..0000000
--- a/media/sass/old/ie.css
+++ /dev/null
@@ -1,14 +0,0 @@
-ul#photo-galleries li
- margin-left: 0
- margin-right: 16px
-
-ul#writing-archive li img
- _margin: 0
-
-ul#parks
- div.legend
- ul.buttons
- li
- a
- behavior: url('http://media.luxagraf.net/css/border-radius.htc')
- border-radius: 25px \ No newline at end of file
diff --git a/media/sass/photos.sass b/media/sass/photos.sass
deleted file mode 100644
index 3726aa1..0000000
--- a/media/sass/photos.sass
+++ /dev/null
@@ -1,287 +0,0 @@
-//basic stuff
-
-@import _reset.sass
-@import _mixins.sass
-
-body
- font: normal 100% unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
- margin: 0
- background: black
-*:focus
- outline: none
-
-a
- text-decoration: none
-
-#breadcrumbs
- font: normal 100% unquote("Hoefler Text"), Georgia, unquote("Times New Roman"), Times, serif
- text-transform: uppercase
- margin: -10px 0 2em .75em
- font-size: .75em
- li
- margin: 0
- line-height: 1em
- float: left
- a:hover
- color: $orange
-
-
-.meta
- margin: 43px 0 0 37px
- color: black
- dl
- font-size: 13px
- dt
- clear: left
- float: left
- line-height: 16px
- margin: 4px 0
- width: 100px
- //border-bottom: 1px solid #999
- dd
- float: left
- width: 125px
- margin: 4px 0 4px 4px
- line-height: 16px
- a
- color: black !important
- a:hover
- color: $orange !important
-
-
-
-.hide
- display: none
-
-.clear
- clear: both
-
-li.activeSlide a img.thumb
- border: $orange 3px solid !important
-
-li.jcarousel-item a img.thumb
- border: #666666 3px solid
-
-.jcarousel-container
- bottom: 0
- margin: 0 auto
- padding: 0 40px 0 40px
- width: 925px
-
-.jcarousel-clip
- z-index: 2
- padding: 0
- margin: 0
- overflow: hidden
- position: relative
-
-.jcarousel-list
- z-index: 1
- overflow: hidden
- position: relative
- top: 0
- left: 0
- margin: 0
- padding: 0
- height: 80px
-
-.jcarousel-item
- float: left
- list-style: none
- width: 80px
- height: 80px
-
-.jcarousel-next-horizontal
- position: absolute
- top: 5px
- right: 3px
- width: 20px
- height: 53px
- margin-top: 695px
- background: transparent url("../img/slideshow-arrow-right.png") no-repeat 0 0
-
-.jcarousel-next-horizontal:hover
- background-position: -20px 0
-
-.jcarousel-next-horizontal:active
- background-position: -64px 0
-
-.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active
- cursor: default
- background-position: -96px 0
-
-.jcarousel-prev-horizontal
- position: absolute
- top: 5px
- left: -6px
- width: 20px
- height: 53px
- margin-left: 7px
- margin-top: 695px
- background: transparent url("../img/slideshow-arrow-left.png") no-repeat 0 0
-
-.jcarousel-prev-horizontal:hover
- background-position: -20px 0
-
-.jcarousel-prev-horizontal:active
- background-position: -64px 0
-
-.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active
- cursor: default
- background-position: -96px 0
-
-ul#feature_gallery_pager
- display: block
- margin: auto
- overflow: hidden
- height: 85px
- margin-top: 680px
-
-ul#feature_gallery_pager li a
- overflow: hidden
- width: 80px
- height: 80px
- padding: 2px
- float: left
- display: block
-
-ul#feature_gallery_pager li
- margin: 0 2px
- padding: 0
-
-#slides img.thumb
- width: 65px
- height: 65px
-
-#map-container
- width: 469px
- height: 392px
- position: absolute
- right: 10px
- bottom: 35px
- z-index: 2000
- margin: 0
- padding: 0
- background: url("../img/mapbg.png") no-repeat top left
-
-#exif-container
- width: 320px
- height: 270px
- position: absolute
- right: 0px
- bottom: 26px
- z-index: 2000
- background: url("../img/exifbg.png") no-repeat top left
-
-#map-wrapper
- width: 400px
- height: 328px
- margin: 37px 0 0 44px
-
-#wrapper
- width: 1010px
- margin: 0 auto
- font: normal 1em Helvetica, Verdana, sans-serif
- text-align: left
- font-size: 16px
- color: white
- ul#slides li
- margin-top: 10px
- a
- color: white
- li.bigimg
- width: 1000px
- position: relative
- display: block
- clear: both
- margin: 0px
- margin-top: 36px
- clear: both
- margin-bottom: 72px
- div.figure
- margin: 0
- padding: 0
- img
- border: none
- div.legend
- display: block
- margin: 0
- background: black
- +photo_overlays
- position: absolute
- bottom: 0
- clear: both
- width: 100%
- div.caption
- float: left
- padding: 0 8px
- line-height: 36px
- p
- line-height: 14px
- font-size: 12px
- margin-top: 0
- margin-bottom: 12px
- h5
- display: inline
- text-transform: uppercase
- span
- font-weight: normal
- color: #999999
- div.photo-options
- float: right
- margin: 0
- a
- text-transform: uppercase
- font-size: 13px
- margin: 0 8px
- line-height: 36px
- color: white
- a:hover
- color: $orange
-
-#slideshow-controls
- font: normal 1em Helvetica, Verdana, sans-serif
- font-size: 12px
- line-height: 18px
- text-align: center
- width: 200px
- margin: 0 auto 10px
- position: relative
- left: -5px
- top: 2px
- li
- display: inline
- margin: 0
- a
- padding: 4px 6px
- background: #3b3b3b
- border-color: #111111 #020202 black #111111
- color: #dddddd
- text-shadow: 1px 1px 0 #161616
- a:hover
- background: #303030
- li a#prev
- border-right: #111111 1px solid
- -moz-border-radius-bottomleft: 6px
- -moz-border-radius-topleft: 6px
- -webkit-border-top-left-radius: 6px
- -webkit-border-bottom-left-radius: 6px
- border-bottom-left-radius: 6px
- border-top-left-radius: 6px
- li a#next
- border-left: #111111 1px solid
- -moz-border-radius-bottomright: 6px
- -moz-border-radius-topright: 6px
- -webkit-border-top-right-radius: 6px
- -webkit-border-bottom-right-radius: 6px
- border-bottom-right-radius: 6px
- border-top-right-radius: 6px
- li a#play
- border-left: #484848 1px solid
- border-right: #484848 1px solid
- text-align: center
-
-.ie7 #slideshow-controls
- left: -160px
-.ie #breadcrumbs li
- display: inline \ No newline at end of file
diff --git a/media/sass/print.sass b/media/sass/print.sass
deleted file mode 100644
index b4d86c6..0000000
--- a/media/sass/print.sass
+++ /dev/null
@@ -1,11 +0,0 @@
-img.picfull
- float: left
-
-img.postpic
- float: left
-
-img.postpicright
- float: right
-
-header hgroup, header nav, #comments, #page-navigation, footer, .hide
- display: none
diff --git a/media/sass/stylesv6.sass b/media/sass/stylesv6.sass
new file mode 100644
index 0000000..77e5e06
--- /dev/null
+++ b/media/sass/stylesv6.sass
@@ -0,0 +1,49 @@
+//basic stuff
+@import _mixins.sass
+@import _typography.sass
+@import _480.sass
+@import _768.sass
+@import _992.sass
+
+
+
+//Print __________________________________________________________________________________________________________
+
+@media print
+ *
+ background: transparent !important
+ color: black !important
+ text-shadow: none !important
+ filter: none !important
+ -ms-filter: none !important
+ a
+ color: #444 !important
+ text-decoration: underline
+ &:visited
+ color: #444 !important
+ text-decoration: underline
+ &[href]:after
+ content: " (" attr(href) ")"
+ abbr[title]:after
+ content: " (" attr(title) ")"
+ a
+ &[href^="javascript:"]:after, &[href^="#"]:after
+ content: ""
+ pre, blockquote
+ border: 1px solid #999
+ page-break-inside: avoid
+ thead
+ display: table-header-group
+ tr, img
+ page-break-inside: avoid
+ @page
+ margin: .5cm
+
+ p, h2, h3
+ orphans: 3
+ widows: 3
+ h2, h3
+ page-break-after: avoid
+
+
+///mediaquery*/
generated by cgit v1.2.3-70-g09d2 (git 2.47.0) at 2024-11-18 00:41:30 +0000