diff options
Diffstat (limited to 'media')
33 files changed, 1314 insertions, 2835 deletions
diff --git a/media/config.rb b/media/config.rb index d3780dd..224163a 100644 --- a/media/config.rb +++ b/media/config.rb @@ -7,6 +7,6 @@ sass_dir = "sass" images_dir = "img" javascripts_dir = "js" output_style = :compressed - +#output_style = (environment == :production) ? :compressed : :expanded # To enable relative paths to assets via compass helper functions. Uncomment: # relative_assets = true diff --git a/media/css/base.css b/media/css/base.css deleted file mode 100644 index f430cf1..0000000 --- a/media/css/base.css +++ /dev/null @@ -1 +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}html{height:100%}body{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;margin:0 1.125em;min-height:100%;position:relative;padding:0;max-width:20.938em;background:#fff}p{font-size:1.063em;line-height:1.5em;margin:1em 0 0}footer p{font-size:0.625em;text-align:center}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}strong{font-weight:bold}sup{font:normal 0.625em Helvetica, Verdana, sans-serif}small{font:normal 0.75em Helvetica, Verdana, sans-serif}ul li{display:inline;margin:0 0.125em}blockquote{font-style:italic;font-size:1em;line-height:1.625em}blockquote p{font-size:1em !important}div[role="main"] ul li{display:block;margin:0.5em 0}.dateline,nav li,.breadcrumbs li,.geo,.legend h3,time{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}.geo{text-align:center}header time span{font-size:1.125em}img{border:10px #201a11 solid;width:100%;height:auto}#featured-image img{width:95%}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 0.875em 0}#archive > h1{font-weight:700;font-size:0.75em;text-transform:uppercase;text-align:left}#archive img{width:auto}#archive p{margin-top:0}#archive time{display:inline}.footnote{font-size:0.75em;border-top:1px #201a11 dotted;margin-top:1.5em;margin-bottom:0}.footnote p{line-height:1.5em !important}#post-metadata{margin-top:0;border-top:1px #201a11 dotted}#post-metadata p{font-size:0.875em;text-align:left}#pagination{border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;text-align:center;padding:0.25em 0}.top .col{font-size:0.875em}header[role="banner"]{margin:0 auto;text-align:center}header[role="banner"] h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header[role="banner"] 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 0.5em auto;text-align:center;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;width:100%;padding:0.25em 0;font-size:0.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}.dateline time{display:block}.postpic,.post-image{float:left;margin:0 0.625em 0.625em 0}.postpic,.postpicright{width:auto}article img{width:95%}article object,article embed{width:100%}#breadcrumbs{margin:0 0 2em 0.75em;font-size:0.875em}article[role="main"] header h1{margin-bottom:0.675em}article[role="main"] li{display:block;margin:0.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.938em;margin:4em auto;line-height:1.5em;letter-spacing:0.025em}#page-navigation strong{text-transform:uppercase;margin-right:1em;text-align:right;font-weight:normal;letter-spacing:0.125em;font-size:0.75em}#page-navigation a{font-style:italic}.hide{display:none}#writing-archive article{border-bottom:1px #201a11 dotted;margin-bottom:1.5em;padding-bottom:1.5em}.figure{position:relative;margin:0}.figure .legend{display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;position:absolute;bottom:0;left:0;font-size:13px;padding:8px 0 8px 8px;width:auto;background:#201a11;color:#999}#photo-galleries li{margin:8px;position:relative;display:block;width:100%;margin-bottom:30px}#photo-galleries .figure{width:100%;margin:0}#photo-galleries .figure img{width:87%}#photo-galleries .legend{padding:10px;color:#888;width:85%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;line-height:18px;text-align:left;margin-bottom:5px}#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.875em}#photo-galleries p{margin:0}#map-canvas{border:10px #201a11 solid;width:95%;height:300px}.map-legend h4{font-size:1em;font-weight:bold;margin:1em 0 0.25em}.map-legend li:after{content:","}#about img{width:auto;float:left;margin:0 8px 8px 0}#about h2{font:normal 1.5em Helvetica, Verdana, sans-serif;margin:1em 0}#about article[role="main"] a{color:#b53a04}#about 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}.button a{padding:9px 14px 7px 14px;font-weight:bold;line-height:25px;text-transform:uppercase;background:#d7d7d7;color:#666;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}.button a:hover{background:#b53a04;color:#fff}footer{margin-top:2em}footer[role="contentinfo"] nav{text-align:center;padding:0.25em;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted}.figure{margin:0;position:relative}.legend{background:#201a11;color:#999;display:block;position:absolute;bottom:0;width:auto;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9}#post-body .legend{width:95%;margin:10px;font-size:0.875em}#post-body > p:last-of-type:after{content:" " url(../img/stop.gif)}#post-body hr{display:none}.numeral{display:block;font:bold 1.2em Helvetica, Verdana, sans-serif;margin-bottom:0;margin-top:60px}.nfirst{margin-top:0 !important}#post-body .notes{font:bold 1em Helvetica, Verdana, sans-serif;text-transform:uppercase}#post-body .addendum{font-size:17px;line-height:25px}#post-body .addendum dt{font-style:italic;margin:0.675em;margin:0.8em 0 0 -30px !important;padding-left:30px;text-indent:-30px}#post-body .addendum dd{margin:0.8em 0 0}#post-body h3,#post-body h2{font:normal 1.6em Helvetica, Verdana, sans-serif;line-height:1.2em}#post-body .pullquote{width:10em;margin:0 1em 1em -6em;font-style:italic;font-size:1.3em;float:left;line-height:1.6em}@media screen and (min-width: 800px){body{max-width:61.75em;margin:0 auto}header[role="banner"]{text-align:left;clear:both;border-bottom:#201a11 2px solid;height:9.375em}header[role="banner"] h1,header[role="banner"] h2{float:left;padding-top:2.2em;position:relative;top:2.2em;background-position:0 0px no-repeat !important;margin:0 !important;height:18px}header[role="banner"] 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}nav[role="navigation"] a{letter-spacing:1px}nav[role="navigation"] li{font-size:12px}#pagination{font-family:Helvetica, Verdana, sans-serif !important;font-size:1.125em}#archive{clear:both}#archive article{width:18.75em;float:left;text-align:justify}#archive article h1{text-align:left;font-size:1.125em;margin:1em 0 0.5em}#archive article .hyphenate{font-size:0.938em;line-height:1.438em}#archive article .dateline{text-align:left;margin-bottom:0.75em;font-size:0.65em}#archive .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 img{margin:0}.archive{padding-top:2em}.archive article{margin-bottom:2em;padding-bottom:2em;border:none !important}.archive h1,.archive p{width:41%;float:left;text-align:left;margin:0;font-size:1em}.archive h1{font-size:1.5em;line-height:1.3em;margin-top:0.15em;letter-spacing:0.5px}.archive .dateline{clear:left;margin:0.75em 0;font-size:0.688em}.archive .hyphenate{text-align:justify}.archive time{display:inline;float:right}#photo-galleries:after,#projects-page .top:after{content:".";display:block;height:0;clear:both;visibility:hidden}#page-nav{border:none;text-align:left;margin-top:2em}#breadcrumbs{margin-left:0}#breadcrumbs li{letter-spacing:1px}#photo-galleries li{float:left;width:291px;margin:0 1em 1em 1em}#photo-galleries li .figure img{width:100%}#photo-galleries .legend{width:97%;padding:1em;font-size:0.75em !important;line-height:95%}#map-canvas{width:47.5em;height:31.25em;float:right}.map-legend h4{margin-bottom:0.25em;letter-spacing:1px;font-size:0.875em}.map-legend li{display:block;font-size:0.875em;margin:3px 0}.map-legend li:after{content:""}.infowin h4{font:normal 1.3em Helvetica, Verdana, sans-serif;margin:0.5em 0}.infowin p{font-size:95%;overflow:auto}#projects-page .col{float:left;font-size:0.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}article[role="main"] header,article[role="main"] #post-body,article[role="main"] footer,article[role="main"] #comments,article[role="main"] #page-navigation,article[role="main"] #post{width:35.625em;margin:3.5em 0 0 12em}article[role="main"] #post-body{margin-top:0}article[role="main"] #post-body .legend{width:96%;font-size:1em}article[role="main"] h1,article[role="main"] aside{text-align:left;margin:0 0 0.4em 0}article[role="main"] h1{font-size:2em}article[role="main"] #post-body p:nth-of-type(1){font-size:1.25em;line-height:28px}article[role="main"] #post-metadata{border-bottom:1px #201a11 dotted;margin-bottom:1em;margin-top:1.5em;padding:0.75em 0}article[role="main"] #post-metadata p{line-height:1.5em !important;margin:0}article[role="main"] #post-metadata a{color:#b53a04}article[role="main"] #page-navigation{max-width:20.938em;margin:4em auto;line-height:1.5em;letter-spacing:0.025em}article[role="main"] #page-navigation strong{text-transform:uppercase;margin-right:1em;text-align:right;font-weight:normal;letter-spacing:0.125em;font-size:0.75em}article[role="main"] #page-navigation a{font-style:italic}.double article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em;margin:1em 0 0}.double article[role="main"] header{width:11.25em;float:left;margin-left:0;margin-top:0}.double article[role="main"] header h1,.double article[role="main"] header aside{text-align:right;line-height:1.2em}.double article[role="main"] header h1{font-size:1.875em}.double article[role="main"] header time{display:block;text-align:right !important}.double article[role="main"] #post-body{margin:0em 0 0 1.25em;float:left;width:48.75em}.double article[role="main"] #post-body .col{float:left;width:23.125em}.double article[role="main"] #post-body .sec{margin-left:2.5em}.double article[role="main"] #post-body .narrow{width:35.625em;margin-left:-8px;margin-bottom:1em;clear:both}.double article[role="main"] #post-body .hyphenate{margin-top:0}.double article[role="main"] #post-metadata{clear:both}#about article[role="main"] .content{width:35.625em;margin:0 0 0 12.4em}#about article[role="main"] .content small{font-style:italic}#about article[role="main"] h2{margin-left:8.2em}#about article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em}footer[role="contentinfo"]{height:2em;color:#201a11;margin:4em auto 2em;font-size:1em;padding:0}footer[role="contentinfo"] li{line-height:1.5em;margin-top:0.75em;margin-left:8px}footer[role="contentinfo"] nav{border:none;margin:0 auto;padding:0;text-align:center}footer[role="contentinfo"] p{padding-left:8px;line-height:2em;margin-top:0.75em;color:#888}footer[role="contentinfo"] p a{color:#888 !important}footer[role="contentinfo"] p a:hover{color:#b53a04 !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 #201a11;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} diff --git a/media/css/dark.css b/media/css/dark.css deleted file mode 100644 index efa90a4..0000000 --- a/media/css/dark.css +++ /dev/null @@ -1 +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}html{height:100%}body{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;margin:0 1.125em;min-height:100%;position:relative;padding:0;max-width:20.938em;background:#fff}p{font-size:1.063em;line-height:1.5em;margin:1em 0 0}footer p{font-size:0.625em;text-align:center}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}strong{font-weight:bold}sup{font:normal 0.625em Helvetica, Verdana, sans-serif}small{font:normal 0.75em Helvetica, Verdana, sans-serif}ul li{display:inline;margin:0 0.125em}blockquote{font-style:italic;font-size:1em;line-height:1.625em}blockquote p{font-size:1em !important}div[role="main"] ul li{display:block;margin:0.5em 0}.dateline,nav li,.breadcrumbs li,.geo,.legend h3,time{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}.geo{text-align:center}header time span{font-size:1.125em}img{border:10px #201a11 solid;width:100%;height:auto}#featured-image img{width:95%}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 0.875em 0}#archive > h1{font-weight:700;font-size:0.75em;text-transform:uppercase;text-align:left}#archive img{width:auto}#archive p{margin-top:0}#archive time{display:inline}.footnote{font-size:0.75em;border-top:1px #201a11 dotted;margin-top:1.5em;margin-bottom:0}.footnote p{line-height:1.5em !important}#post-metadata{margin-top:0;border-top:1px #201a11 dotted}#post-metadata p{font-size:0.875em;text-align:left}#pagination{border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;text-align:center;padding:0.25em 0}.top .col{font-size:0.875em}header[role="banner"]{margin:0 auto;text-align:center}header[role="banner"] h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header[role="banner"] 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 0.5em auto;text-align:center;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;width:100%;padding:0.25em 0;font-size:0.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}.dateline time{display:block}.postpic,.post-image{float:left;margin:0 0.625em 0.625em 0}.postpic,.postpicright{width:auto}article img{width:95%}article object,article embed{width:100%}#breadcrumbs{margin:0 0 2em 0.75em;font-size:0.875em}article[role="main"] header h1{margin-bottom:0.675em}article[role="main"] li{display:block;margin:0.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.938em;margin:4em auto;line-height:1.5em;letter-spacing:0.025em}#page-navigation strong{text-transform:uppercase;margin-right:1em;text-align:right;font-weight:normal;letter-spacing:0.125em;font-size:0.75em}#page-navigation a{font-style:italic}.hide{display:none}#writing-archive article{border-bottom:1px #201a11 dotted;margin-bottom:1.5em;padding-bottom:1.5em}.figure{position:relative;margin:0}.figure .legend{display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;position:absolute;bottom:0;left:0;font-size:13px;padding:8px 0 8px 8px;width:auto;background:#201a11;color:#999}#photo-galleries li{margin:8px;position:relative;display:block;width:100%;margin-bottom:30px}#photo-galleries .figure{width:100%;margin:0}#photo-galleries .figure img{width:87%}#photo-galleries .legend{padding:10px;color:#888;width:85%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;line-height:18px;text-align:left;margin-bottom:5px}#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.875em}#photo-galleries p{margin:0}#map-canvas{border:10px #201a11 solid;width:95%;height:300px}.map-legend h4{font-size:1em;font-weight:bold;margin:1em 0 0.25em}.map-legend li:after{content:","}#about img{width:auto;float:left;margin:0 8px 8px 0}#about h2{font:normal 1.5em Helvetica, Verdana, sans-serif;margin:1em 0}#about article[role="main"] a{color:#b53a04}#about 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}.button a{padding:9px 14px 7px 14px;font-weight:bold;line-height:25px;text-transform:uppercase;background:#d7d7d7;color:#666;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}.button a:hover{background:#b53a04;color:#fff}footer{margin-top:2em}footer[role="contentinfo"] nav{text-align:center;padding:0.25em;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted}.figure{margin:0;position:relative}.legend{background:#201a11;color:#999;display:block;position:absolute;bottom:0;width:auto;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9}#post-body .legend{width:95%;margin:10px;font-size:0.875em}#post-body > p:last-of-type:after{content:" " url(../img/stop.gif)}#post-body hr{display:none}.numeral{display:block;font:bold 1.2em Helvetica, Verdana, sans-serif;margin-bottom:0;margin-top:60px}.nfirst{margin-top:0 !important}#post-body .notes{font:bold 1em Helvetica, Verdana, sans-serif;text-transform:uppercase}#post-body .addendum{font-size:17px;line-height:25px}#post-body .addendum dt{font-style:italic;margin:0.675em;margin:0.8em 0 0 -30px !important;padding-left:30px;text-indent:-30px}#post-body .addendum dd{margin:0.8em 0 0}#post-body h3,#post-body h2{font:normal 1.6em Helvetica, Verdana, sans-serif;line-height:1.2em}#post-body .pullquote{width:10em;margin:0 1em 1em -6em;font-style:italic;font-size:1.3em;float:left;line-height:1.6em}@media screen and (min-width: 800px){body{max-width:61.75em;margin:0 auto}header[role="banner"]{text-align:left;clear:both;border-bottom:#201a11 2px solid;height:9.375em}header[role="banner"] h1,header[role="banner"] h2{float:left;padding-top:2.2em;position:relative;top:2.2em;background-position:0 0px no-repeat !important;margin:0 !important;height:18px}header[role="banner"] 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}nav[role="navigation"] a{letter-spacing:1px}nav[role="navigation"] li{font-size:12px}#pagination{font-family:Helvetica, Verdana, sans-serif !important;font-size:1.125em}#archive{clear:both}#archive article{width:18.75em;float:left;text-align:justify}#archive article h1{text-align:left;font-size:1.125em;margin:1em 0 0.5em}#archive article .hyphenate{font-size:0.938em;line-height:1.438em}#archive article .dateline{text-align:left;margin-bottom:0.75em;font-size:0.65em}#archive .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 img{margin:0}.archive{padding-top:2em}.archive article{margin-bottom:2em;padding-bottom:2em;border:none !important}.archive h1,.archive p{width:41%;float:left;text-align:left;margin:0;font-size:1em}.archive h1{font-size:1.5em;line-height:1.3em;margin-top:0.15em;letter-spacing:0.5px}.archive .dateline{clear:left;margin:0.75em 0;font-size:0.688em}.archive .hyphenate{text-align:justify}.archive time{display:inline;float:right}#photo-galleries:after,#projects-page .top:after{content:".";display:block;height:0;clear:both;visibility:hidden}#page-nav{border:none;text-align:left;margin-top:2em}#breadcrumbs{margin-left:0}#breadcrumbs li{letter-spacing:1px}#photo-galleries li{float:left;width:291px;margin:0 1em 1em 1em}#photo-galleries li .figure img{width:100%}#photo-galleries .legend{width:97%;padding:1em;font-size:0.75em !important;line-height:95%}#map-canvas{width:47.5em;height:31.25em;float:right}.map-legend h4{margin-bottom:0.25em;letter-spacing:1px;font-size:0.875em}.map-legend li{display:block;font-size:0.875em;margin:3px 0}.map-legend li:after{content:""}.infowin h4{font:normal 1.3em Helvetica, Verdana, sans-serif;margin:0.5em 0}.infowin p{font-size:95%;overflow:auto}#projects-page .col{float:left;font-size:0.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}article[role="main"] header,article[role="main"] #post-body,article[role="main"] footer,article[role="main"] #comments,article[role="main"] #page-navigation,article[role="main"] #post{width:35.625em;margin:3.5em 0 0 12em}article[role="main"] #post-body{margin-top:0}article[role="main"] #post-body .legend{width:96%;font-size:1em}article[role="main"] h1,article[role="main"] aside{text-align:left;margin:0 0 0.4em 0}article[role="main"] h1{font-size:2em}article[role="main"] #post-body p:nth-of-type(1){font-size:1.25em;line-height:28px}article[role="main"] #post-metadata{border-bottom:1px #201a11 dotted;margin-bottom:1em;margin-top:1.5em;padding:0.75em 0}article[role="main"] #post-metadata p{line-height:1.5em !important;margin:0}article[role="main"] #post-metadata a{color:#b53a04}article[role="main"] #page-navigation{max-width:20.938em;margin:4em auto;line-height:1.5em;letter-spacing:0.025em}article[role="main"] #page-navigation strong{text-transform:uppercase;margin-right:1em;text-align:right;font-weight:normal;letter-spacing:0.125em;font-size:0.75em}article[role="main"] #page-navigation a{font-style:italic}.double article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em;margin:1em 0 0}.double article[role="main"] header{width:11.25em;float:left;margin-left:0;margin-top:0}.double article[role="main"] header h1,.double article[role="main"] header aside{text-align:right;line-height:1.2em}.double article[role="main"] header h1{font-size:1.875em}.double article[role="main"] header time{display:block;text-align:right !important}.double article[role="main"] #post-body{margin:0em 0 0 1.25em;float:left;width:48.75em}.double article[role="main"] #post-body .col{float:left;width:23.125em}.double article[role="main"] #post-body .sec{margin-left:2.5em}.double article[role="main"] #post-body .narrow{width:35.625em;margin-left:-8px;margin-bottom:1em;clear:both}.double article[role="main"] #post-body .hyphenate{margin-top:0}.double article[role="main"] #post-metadata{clear:both}#about article[role="main"] .content{width:35.625em;margin:0 0 0 12.4em}#about article[role="main"] .content small{font-style:italic}#about article[role="main"] h2{margin-left:8.2em}#about article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em}footer[role="contentinfo"]{height:2em;color:#201a11;margin:4em auto 2em;font-size:1em;padding:0}footer[role="contentinfo"] li{line-height:1.5em;margin-top:0.75em;margin-left:8px}footer[role="contentinfo"] nav{border:none;margin:0 auto;padding:0;text-align:center}footer[role="contentinfo"] p{padding-left:8px;line-height:2em;margin-top:0.75em;color:#888}footer[role="contentinfo"] p a{color:#888 !important}footer[role="contentinfo"] p a:hover{color:#b53a04 !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 #201a11;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}*:focus{outline:#b53a04 dotted thin}body{background:#201a11}a{text-decoration:none;color:#b53a04}a:visited{color:#fff;text-decoration:none}a:hover{color:#fff;text-decoration:none}header[role="banner"]{border-bottom:#ccc 1px solid;margin-bottom:1em}header[role="banner"] a{color:#fff !important}header[role="banner"] a:hover{color:#b53a04 !important}header[role="banner"] h1{background:url("../img/tree.png") left -84px no-repeat !important}header[role="banner"] h2{background:url("../img/text-centered.png") 0 -60px no-repeat !important}#breadcrumbs{color:#fff}#breadcrumbs a{color:#fff}#breadcrumbs a:hover{color:#b53a04}article[role="main"] .geo a{color:#fff}article[role="main"] .geo a:hover{color:#b53a04}footer{color:#ccc}footer a{color:#ccc !important}footer a:hover{color:#b53a04 !important}img.postpic,img.postpicright{border:none}img.picfull{border:none}#post-body,#page-navigation strong{color:#ccc}aside,header{color:#ccc}aside section a{color:#ccc !important}aside section a:hover{color:#b53a04 !important}#post-metadata{border-top:#555 1px dotted;border-bottom:#555 1px dotted}#post-metadata p{color:#ccc}.addendum dt{margin-left:-30px !important}h4 a.disqus-link-count{color:#ccc !important}#writing-detail img{border:none}#writing-detail .legend{padding:8px}#parks article{position:relative;display:block;margin:0 0 2em 0}#parks article h1{display:block;background:#201a11;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;color:#fff;margin:0 0 0 10px;width:100%;text-align:left}#parks article .figure{position:relative;border:none}#parks article .legend{position:relative;width:100%;padding:0;margin:0}#parks article .legend h2{font:normal 0.875em Helvetica, Verdana, sans-serif;color:#fff;margin:0 0 1.3em 1em}#parks article .buttons{display:block;padding:0;background:#201a11;font-size:10px;line-height:1em;color:#fff;text-align:center;text-transform:uppercase;margin:0 auto}#parks article .buttons li{display:inline;margin:0 0.25em;font:normal 1em Helvetica, Verdana, sans-serif}#parks article .buttons a{font-weight:bold}#parks article .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}#parks article .map-wrapper{width:400px;height:328px;margin:37px 0 0 44px}#parks article .meta{height:0}#parks article .more-container{width:405px;height:260px;position:absolute;right:-30px;bottom:40px;z-index:2000;background:url("../img/parkbg.png") no-repeat top left}#parks article .more-container dl{margin-top:45px;margin-left:45px}#parks article .more-container dl dt,#parks article .more-container dl dd{font-size:0.9em;line-height:25px;margin:4px 0;font-family:Helvetica, Verdana, sans-serif;color:#fff}#parks article .more-container dl dt{clear:left;float:left;width:65px;font-weight:bold;line-height:25px;font-size:0.7em;text-transform:uppercase}#parks article .more-container dl dd{float:left;width:250px;overflow:hidden}#parks article .more-container dl dd a:hover{color:#b53a04}body.image_gallery{background:#14100b !important}body.image_gallery header[role="banner"] h1{background:url("../img/tree.png") 0 -168px no-repeat !important}body.image_gallery header[role="banner"] h2{background:url("../img/text.png") 0 -121px no-repeat !important}body.image_gallery .directions{font:normal 0.675em Helvetica, Verdana, sans-serif;color:#414144;text-align:center;margin-bottom:1.75em}body.image_gallery article{clear:both;margin-bottom:5em;position:relative}body.image_gallery h6{text-align:center;text-transform:uppercase;font-size:0.625em;margin:0 0 1.25em 0}body.image_gallery h6 a{color:#b5b5b5}body.image_gallery h6 a:hover{color:#b53a04}body.image_gallery #slides{width:62.5em}body.image_gallery #slides img{border:none;margin:0 auto;text-align:center;padding:0}body.image_gallery .figcaption{clear:both;background:#1a1713;-moz-border-radius:0 0 0.5em 0.5em;-webkit-border-radius:0 0 0.5em 0.5em;border-radius:0 0 0.5em 0.5em;color:#fff;margin:-0.25em 0 0 0;padding:1em 0 1em 0;z-index:100}body.image_gallery .figcaption h3{float:left;margin:0 0 1em 1em;padding:0;font-weight:normal}body.image_gallery .figcaption .caption{border-right:1px solid #1f1f21;width:70%;float:left;padding-right:1em}body.image_gallery .figcaption .caption p{clear:both}body.image_gallery .figcaption .map-link{float:right;background:#211d19;line-height:1em;color:#fff;text-align:center;text-transform:uppercase;margin:0 0.25em;font:normal 0.75em Helvetica, Verdana, sans-serif;padding:0.5em 1em;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em}body.image_gallery .figcaption .map-link:hover{background:#b53a04}body.image_gallery .figcaption .photo-options{float:left;margin-left:1em}body.image_gallery .figcaption .photo-options p{font:normal 0.75em Helvetica, Verdana, sans-serif;color:#414144;line-height:1.5em}body.image_gallery .figcaption .photo-options p a{color:#414144;font-weight:normal}body.image_gallery .figcaption .photo-options p a:hover{color:#b53a04}body.image_gallery .figcaption li{display:inline;margin:0 0.25em;font:normal 1em Helvetica, Verdana, sans-serif}body.image_gallery .figcaption a{font-weight:bold}body.image_gallery .figcaption p{margin:0 1em;color:#74757a;font-size:1em}body.image_gallery .figcaption:after{content:".";display:block;height:0;clear:both;visibility:hidden}body.image_gallery .meta{margin:43px 0 0 37px;color:#000}body.image_gallery .meta dl{font-size:13px}body.image_gallery .meta dt{clear:left;float:left;line-height:16px;margin:4px 0;width:100px}body.image_gallery .meta dd{float:left;width:125px;margin:4px 0 4px 4px;line-height:16px}body.image_gallery .meta dd a{color:#000 !important}body.image_gallery .meta dd a:hover{color:#b53a04 !important}body.image_gallery .map-container{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}body.image_gallery .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}body.image_gallery #slides{width:100%}body.image_gallery h3{margin-left:0.5em !important;margin-bottom:0.5em !important}body.image_gallery h6{display:none}body.image_gallery #slides img{width:100%;margin-left:0px !important}body.image_gallery .photo-options,body.image_gallery .map-link{display:none}body.image_gallery .figcaption{padding:1em 0 0.5em 0}body.image_gallery .caption{width:100% !important;float:none !important}body.image_gallery .caption p{font:normal 0.75em Helvetica, Verdana, sans-serif;margin:0 0 0 0.75em;padding-bottom:0.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:0.25em;position:absolute;top:10px;left:10px;line-height:2em;z-index:1000}#parks article .legend{position:absolute;padding:0.25em 1em;height:4em}#parks article .legend h2{float:left;font-size:1.2em;margin:0;line-height:2.6em}#parks article .buttons{-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;float:right;margin:2em 2em 0 0}#parks article .buttons a{padding:0.875em 1.75em 0.75em;background:#463215;color:#fff;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}#parks article .buttons a:hover{background:#b53a04;color:#fff}#post-body .legend{width:100% !important}}.ie :focus{outline:0}.ie header[role="banner"]{border-bottom:#ccc 1px solid !important}.ie header[role="banner"] 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/css/ie.css b/media/css/ie.css deleted file mode 100644 index bb5b0a8..0000000 --- a/media/css/ie.css +++ /dev/null @@ -1 +0,0 @@ -body{max-width:61.75em;margin:0 auto}header[role="banner"]{text-align:left;clear:both;border-bottom:#201a11 2px solid;height:9.375em}header[role="banner"] h1,header[role="banner"] h2{float:left;padding-top:2.2em;background-position:left bottom;margin:0 !important}header[role="banner"] 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}nav[role="navigation"] a{letter-spacing:1px}nav[role="navigation"] li{font-size:12px}#pagination{font-family:Helvetica, Verdana, sans-serif !important;font-size:1.125em}#archive{clear:both}#archive article{width:18.75em;float:left;text-align:justify}#archive article h1{text-align:left;font-size:1.125em;margin:1em 0 0.5em}#archive article .hyphenate{font-size:0.938em;line-height:1.438em}#archive article .dateline{text-align:left;margin-bottom:0.75em;font-size:0.65em}#archive .mid{margin:0 2.5em}article img{width:auto !important}.img{float:right}.img img{margin:0}.archive{padding-top:2em}.archive article{margin-bottom:2em;padding-bottom:2em;border:none !important}.archive h1,.archive p{width:41%;float:left;text-align:left;margin:0;font-size:1em}.archive h1{font-size:1.5em;line-height:1.3em;margin-top:0.15em;letter-spacing:0.5px}.archive .dateline{clear:left;margin:0.75em 0;font-size:0.688em}.archive .hyphenate{text-align:justify}.archive time{display:inline;float:right}#photo-galleries:after,#projects-page .top:after{content:".";display:block;height:0;clear:both;visibility:hidden}#page-nav{border:none;text-align:left;margin-top:2em}#breadcrumbs{margin-left:0}#breadcrumbs li{letter-spacing:1px}#photo-galleries li{float:left;width:291px;margin:0 1em 1em 1em}#photo-galleries li .figure img{width:100%}#photo-galleries .legend{width:97%;padding:1em;font-size:0.75em !important;line-height:95%}#map-canvas{width:47.5em;height:31.25em;float:right}.map-legend h4{margin-bottom:0.25em;letter-spacing:1px;font-size:0.875em}.map-legend li{display:block;font-size:0.875em;margin:3px 0}.map-legend li:after{content:""}.infowin h4{font:normal 1.3em Helvetica, Verdana, sans-serif;margin:0.5em 0}.infowin p{font-size:95%;overflow:auto}#projects-page .col{float:left;font-size:0.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}article[role="main"] header,article[role="main"] #post-body,article[role="main"] footer,article[role="main"] #comments{width:35.625em;margin:3.5em 0 0 12em}article[role="main"] #post-body{margin-top:0}article[role="main"] #post-body .legend{width:96%;font-size:1em}article[role="main"] h1,article[role="main"] aside{text-align:left;margin:0 0 0.4em 0}article[role="main"] h1{font-size:1.875em}article[role="main"] p:nth-of-type(1){font-size:1.25em;line-height:28px}article[role="main"] #post-metadata{border-bottom:1px #201a11 dotted;margin-bottom:1em;margin-top:1.5em;padding:0.75em 0}article[role="main"] #post-metadata p{line-height:1.5em !important;margin:0}article[role="main"] #post-metadata a{color:#b53a04}article[role="main"] #page-navigation{text-transform:uppercase;font:normal 1.125em Helvetica, Verdana, sans-serif}article[role="main"] #page-navigation a{color:#b53a04}article[role="main"] #page-navigation li#next{float:right;padding-right:9em}article[role="main"] #page-navigation li#prev{float:left;padding-left:6em}.double article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em;margin:1em 0 0}.double article[role="main"] header{width:11.25em;float:left;margin-left:0}.double article[role="main"] header h1,.double article[role="main"] header aside{text-align:right;line-height:1.2em}.double article[role="main"] #post-body{margin:2em 0 0 1.25em;float:left;width:48.75em}.double article[role="main"] #post-body .col{float:left;width:23.125em}.double article[role="main"] #post-body .sec{margin-left:2.5em}.double article[role="main"] #post-body .narrow{width:35.625em;margin-left:-8px;margin-bottom:1em;clear:both}.double article[role="main"] #post-metadata{clear:both}#about article[role="main"] .content{width:35.625em;margin:0 0 0 12.4em}#about article[role="main"] h2{margin-left:8.2em}#about article[role="main"] p:nth-of-type(1){font-size:1.063em;line-height:1.5em}footer[role="contentinfo"]{font-family:Helvetica, Verdana, sans-serif;background:#201a11;height:3em;color:#888;margin:80px auto 0;font-size:1em;padding:0}footer[role="contentinfo"] li{float:left;text-transform:uppercase;line-height:3em;margin-top:0.75em;margin-left:8px}footer[role="contentinfo"] a{color:#888 !important}footer[role="contentinfo"] a:hover{color:#b53a04 !important}footer[role="contentinfo"] nav{border:none;margin:0 1em 0 0;padding:0;float:right}footer[role="contentinfo"] p{float:left;padding-left:8px;line-height:4em;margin-top:0.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 #201a11;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} diff --git a/media/css/photos.css b/media/css/photos.css deleted file mode 100644 index f6411b7..0000000 --- a/media/css/photos.css +++ /dev/null @@ -1 +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}body{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;margin:0;background:#000}*:focus{outline:none}a{text-decoration:none}#breadcrumbs{font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;text-transform:uppercase;margin:-10px 0 2em 0.75em;font-size:0.75em}#breadcrumbs li{margin:0;line-height:1em;float:left}#breadcrumbs li a:hover{color:#b53a04}.meta{margin:43px 0 0 37px;color:#000}.meta dl{font-size:13px}.meta dt{clear:left;float:left;line-height:16px;margin:4px 0;width:100px}.meta dd{float:left;width:125px;margin:4px 0 4px 4px;line-height:16px}.meta dd a{color:#000 !important}.meta dd a:hover{color:#b53a04 !important}.hide{display:none}.clear{clear:both}li.activeSlide a img.thumb{border:#b53a04 3px solid !important}li.jcarousel-item a img.thumb{border:#666 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:#fff}#wrapper ul#slides li{margin-top:10px}#wrapper a{color:#fff}#wrapper li.bigimg{width:1000px;position:relative;display:block;clear:both;margin:0px;margin-top:36px;clear:both;margin-bottom:72px}#wrapper div.figure{margin:0;padding:0}#wrapper div.figure img{border:none}#wrapper div.legend{display:block;margin:0;background:#000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";filter:alpha(opacity=70);-moz-opacity:0.7;-khtml-opacity:0.7;opacity:0.7;position:absolute;bottom:0;clear:both;width:100%}#wrapper div.caption{float:left;padding:0 8px;line-height:36px}#wrapper div.caption p{line-height:14px;font-size:12px;margin-top:0;margin-bottom:12px}#wrapper div.caption h5{display:inline;text-transform:uppercase}#wrapper div.caption h5 span{font-weight:normal;color:#999}#wrapper div.photo-options{float:right;margin:0}#wrapper div.photo-options a{text-transform:uppercase;font-size:13px;margin:0 8px;line-height:36px;color:#fff}#wrapper div.photo-options a:hover{color:#b53a04}#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}#slideshow-controls li{display:inline;margin:0}#slideshow-controls li a{padding:4px 6px;background:#3b3b3b;border-color:#111 #020202 #000 #111;color:#ddd;text-shadow:1px 1px 0 #161616}#slideshow-controls li a:hover{background:#303030}#slideshow-controls li a#prev{border-right:#111 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}#slideshow-controls li a#next{border-left:#111 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}#slideshow-controls 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} diff --git a/media/css/print.css b/media/css/print.css deleted file mode 100644 index 61b06d4..0000000 --- a/media/css/print.css +++ /dev/null @@ -1 +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/css/stylesv6.css b/media/css/stylesv6.css new file mode 100644 index 0000000..3c5d98d --- /dev/null +++ b/media/css/stylesv6.css @@ -0,0 +1 @@ +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}html{overflow-y:scroll;background:#fff}body{margin:0 auto;padding:0;width:90%;font:normal 100% Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;background-color:transparent}h1,h2,h3,h4,h5,h6{font-family:Helvetica Neue, Helvetica, Verdana, sans-serif}h1{font-size:1.875em;line-height:1.3em;font-weight:normal}h2{margin-bottom:0.75em;font-size:1.5em;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;line-height:1.25}h5{margin-bottom:1.5em;font-size:1em}h6{font-size:1em}p{font-size:1.063em;line-height:1.5em;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,li ol{margin:0;font-size:1em}dl,dd{margin-bottom:1.5em}dt{font-weight:normal}b,strong{font-weight:bold}i,em{font-style:italic}footer p{font-size:0.625em;text-align:center}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}sup{font:normal 0.625em Helvetica, Verdana, sans-serif}small{font:normal 0.75em Helvetica, Verdana, sans-serif}blockquote{font-style:italic;font-size:1em;line-height:1.625em}blockquote p{font-size:1em}blockquote cite{font-style:normal}img{border:10px #201a11 solid}pre{margin-bottom:1.5em;white-space:pre;white-space:pre-wrap;word-wrap:break-word}pre,code{font:0.875em "andale mono", "lucida console", monospace;line-height:1.5}.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}.button 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}.button a:hover{background:#b53a04;color:#fff !important}.alert{color:#ff3530}#page-navigation{margin:24px auto}#page-navigation strong{display:block;text-align:right;margin-top:1px;text-transform:uppercase;font-size:0.75em;letter-spacing:0.163em;font-weight:normal;font-style:normal}#pagination{margin-top:1em;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;text-align:center;font-family:Helvetica Neue, Helvetica, Verdana, sans-serif;padding:0.25em 0}#pagination ul{margin-bottom:0}#pagination li{display:inline;text-align:center}a{outline:none;color:#111;text-decoration:none}a:visited{outline:none;color:#111;text-decoration:none}a:hover{outline:none;color:#b53a04;text-decoration:none}a:active,a:focus{outline:none;color:#000}figure{margin-bottom:1.5em}figure img,figure object,figure embed{margin-bottom:0.75em;max-width:100%}figcaption{display:block;font-weight:normal}table{border-collapse:collapse;border-spacing:0;margin-bottom:1.4em;width:100%;font-size:0.875em}th{font-weight:bold;padding:0.25em 10px 0.25em 5px}td,caption{padding:0.25em 10px 0.25em 5px}tfoot{font-style:italic}caption{background-color:transparent}.clearfix{zoom:1}.clearfix:before,.clearfix:after{content:"\0020";display:block;height:0;overflow:hidden}.clearfix:after{clear:both}.hide{display:none}body{-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}a:link{-webkit-tap-highlight-color:#349edb}::-webkit-selection{background:#1777af;color:#fafafa;text-shadow:none}::-moz-selection{background:#1777af;color:#fafafa;text-shadow:none}::selection{background:#1777af;color:#fafafa;text-shadow:none}.ie7 img,.iem7 img{-ms-interpolation-mode:bicubic}header[role="banner"]{margin:0 auto;text-align:center}header[role="banner"] h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header[role="banner"] 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 #201a11 dotted;border-bottom:1px #201a11 dotted;padding:0.5em;text-align:center}nav[role="navigation"] ul,footer[role="contentinfo"] nav ul{margin:0.25em 0 0.25em -30px}nav[role="navigation"] li,footer[role="contentinfo"] nav li{display:inline;margin:0 0.125em}#breadcrumbs{text-align:center}#breadcrumbs li{display:inline}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}.figure .legend{display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;position:absolute;bottom:10px;left:0;font-size:13px;padding:8px 0 8px 12px;width:95%;background:#201a11;color:#999}.dateline{text-align:center}.archive h1{font-size:1.5em;text-align:center}.archive article{padding-bottom:1em;border-bottom:1px #ececec solid}.home article{border:none;margin-bottom:2em}.home h1{font-size:1.2em;margin:0;text-align:center}.home img{float:left;width:auto;margin:20px 8px 0 0}.home .sh{text-transform:uppercase;font-weight:bold;font-size:0.75em;margin:2em 0}#photo-galleries{margin-top:2em}#photo-galleries h1{font:13px bold Hoefler Text, Georgia, Times New Roman, Times, serif;color:#fff}#photo-galleries li{margin:10px 0 0 0}.geo,article[role="main"] time{margin:0.5em 0;display:block;text-align:center}article[role="main"]{margin-top:3em}article[role="main"] h1{text-align:center;font-size:1.5em}article[role="main"] p > a{color:#b53a04}article[role="main"] p > a:hover{text-decoration:underline}.footnote{font-size:0.75em;border-top:1px #201a11 dotted;margin:1.5em 0 0 0;padding:1em 0 0 0}#page-navigation{margin:2em 0}#page-navigation ul{margin:0 auto;width:100%;text-align:center;padding:0}#page-navigation li{margin:10px 0;clear:both;line-height:24px}#page-navigation span{display:block;width:100px;text-align:right;margin-right:10px;margin-top:2px;float:left}#page-navigation a{display:block;float:left;text-align:left;font-style:italic;width:60%}#map-canvas{border:10px #201a11 solid;width:95%;height:300px}.map-legend h4{font-size:1em;font-weight:bold;margin:1em 0 0.25em}.map-legend li{display:inline}.map-legend li:after{content:","}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{background:#201a11}.dark body{color:#ccc}.dark *:focus{outline:#b53a04 dotted thin}.dark a{color:#b53a04}.dark a:visited{color:#fff;text-decoration:none}.dark a:hover{color:#fff;text-decoration:none}.dark a:visited > :hover{color:#b53a04}.dark img{border:none}.dark header[role="banner"],.dark footer[role='contentinfo']{margin-bottom:0.5em}.dark header[role="banner"] nav,.dark footer[role='contentinfo'] nav{margin-bottom:0}.dark header[role="banner"] a,.dark footer[role='contentinfo'] a{color:#fff}.dark header[role="banner"] a:hover,.dark footer[role='contentinfo'] a:hover{color:#b53a04}.dark header[role="banner"] h1,.dark footer[role='contentinfo'] h1{background:url("../img/tree.png") left -84px no-repeat}.dark header[role="banner"] h2,.dark footer[role='contentinfo'] h2{background:url("../img/text-centered.png") 0 -60px no-repeat}.dark header[role="banner"]{border-bottom:#ccc 1px solid}.dark article[role="main"] .legend{bottom:0}.dark .park{text-align:center;position:relative}.dark .park h1{font-size:1.5em;margin-bottom:5px}.dark .park h2{font-size:1.125em;margin:0}.dark .park img{width:100%}.dark .park .legend{position:relative}.dark .park .meta{height:0}.dark .park .buttons li{margin:5px;display:inline;text-transform:uppercase;font:normal 0.5em Helvetica Neue, Helvetica, Verdana, sans-serif}.dark .park .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}.dark .park .map-wrapper{width:400px;height:328px;margin:37px 0 0 44px}.dark .park .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 0.9em/25px Helvetica Neue, Helvetica, Verdana, sans-serif}.dark .park .more-container dl{margin-top:45px;margin-left:45px;text-align:left}.dark .park .more-container dl dt,.dark .park .more-container dl dd{margin:4px 0;color:#fff}.dark .park .more-container dl dt{clear:left;float:left;width:65px;font-weight:bold;line-height:25px;font-size:0.7em;text-transform:uppercase;text-align:right;margin-right:8px}.dark .park .more-container dl dd{float:left;width:250px;overflow:hidden}.dark .park .more-container dl dd a:hover{color:#b53a04}.black{background:#14100b;color:#ccc}.black *:focus{outline:#b53a04 dotted thin}.black a{text-decoration:none;color:#b53a04}.black a:visited{color:#fff;text-decoration:none}.black a:hover{color:#fff;text-decoration:none}.black #breadcrumbs{color:#ccc}.black header[role="banner"] h1{background:url("../img/tree.png") left -168px no-repeat}.black header[role="banner"] h2{background:url("../img/text-centered.png") 0 -121px no-repeat}.black nav[role="navigation"]{border-top:1px #ccc dotted;border-bottom:1px #ccc dotted}.black .directions{display:none}.black #slides{width:100%}.black h3{font-size:1em;margin:0 0.5em}.black h6{display:none}.black #slides article{clear:both;margin:20px 0}.black #slides img{width:100%;border:none}.black .photo-options,.black .map-link{display:none}.black .figcaption{clear:both;background:#1a1713;-moz-border-radius:0 0 0.5em 0.5em;-webkit-border-radius:0 0 0.5em 0.5em;border-radius:0 0 0.5em 0.5em;color:#fff;margin:-0.25em 0 0 0;padding:1em 0 1em 0;z-index:100}.black .caption{width:100%;float:none}.black .caption p{font:normal 0.75em Helvetica, Verdana, sans-serif;margin:0.5em 0 0 0.75em;padding-bottom:0.25em}.black footer[role='contentinfo'] nav{border-top:#ccc 1px dotted;border-bottom:#ccc 1px dotted}.black footer[role='contentinfo'] p{color:#ccc}@media only screen and (min-width: 768px){header[role="banner"]{margin-top:2em;height:60px;padding-bottom:12px;border-bottom:2px solid #201a11;margin-bottom:2em}header[role="banner"] h1{float:left;width:160px;margin-top:-12px}header[role="banner"] h2{background:url("../img/text.png") 0 0 no-repeat;margin-top:5px;float:left}header[role="banner"] nav[role="navigation"]{border:none;float:left;margin-left:2em}header[role="banner"] nav[role="navigation"] ul{margin-top:14px}#breadcrumbs{text-align:left}.archive article{margin-bottom:2em;padding-bottom:2em;border:none}.archive h1,.archive p{float:left;text-align:left;margin:0}.archive p{line-height:1.25em}.archive h1{line-height:2.4em;margin-top:0.15em;width:100%}.archive .dateline{clear:left;width:38%}.archive .hyphenate{text-align:justify;width:38%;margin-top:0.5em;font-size:1em}.archive time{display:inline;float:right}.archive img{float:right;width:56%}.home article{clear:both;min-height:300px}.home article h1{margin-top:2em;text-align:left}.home article .dateline{text-align:left}.home article img{margin-bottom:2em;margin-left:2em;float:right}#photo-galleries{margin:0 auto;padding-left:12px;width:100%}#photo-galleries img{width:auto}#photo-galleries .legend{width:291px}#photo-galleries li{float:left;margin-right:16px}#photo-galleries:after{content:".";display:block;height:0;clear:both;visibility:hidden}.single article{width:35.625em;margin:4em auto}.single article header{width:35.625em}.single article header h1{font-size:2em;text-align:left;margin:0 0 0.675em 0}.single article header aside,.single article header time{text-align:left}.drop{font-size:4.8em;padding:38px 10px 5px 0}.col{float:left;width:38%;margin-right:2em}.two{width:53%}.top{margin-bottom:2em;font-size:0.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%}.double article[role="main"] header{width:9em;float:left;margin-left:0}.double article[role="main"] header h1,.double article[role="main"] header aside{text-align:right;line-height:1.1em;margin-top:16px}.double article[role="main"] header h1{font-size:1.875em}.double article[role="main"] header time{display:block;text-align:right}.double article[role="main"] .col{margin-left:1.25em;width:34%}.double article[role="main"] .sec{margin-right:0;margin-left:1em}.double article[role="main"] .narrow{width:35.625em;margin:0 auto}.double article[role="main"] #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}.addendum dt{margin-left:-30px;font-style:italic;padding-left:30px;text-indent:-30px;margin-bottom:0.5em}.addendum 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-canvas{height:400px}#about img{width:auto;clear:both}footer[role="contentinfo"]{font-size:110%}footer[role="contentinfo"] nav{border:none}footer[role="contentinfo"] nav li{margin:0 0.5em}.dark header[role="banner"] h2{background:url("../img/text.png") 0 -61px no-repeat}.dark .park{position:relative;display:block;margin:2em 0 2em 0}.dark .park h1{display:block;position:absolute;top:0px;background:#201a11;z-index:1000;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;color:#fff;margin:0;width:100%;text-align:left;line-height:2em;font-size:2em;padding-left:0.25em}.dark .park .figure{position:relative;border:none}.dark .park .legend{position:absolute;bottom:0;width:100%;margin:0;background:#201a11;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9}.dark .park .legend h2{font:normal 1.2em/2.6 Helvetica, Verdana, sans-serif;color:#fff;margin:0 0 0 1em;float:left;padding:0.3em 0}.dark .park .legend:after{content:".";display:block;height:0;clear:both;visibility:hidden}.dark .park .buttons{margin:0.5em 10px 0 0;line-height:2.6em;float:right}.dark .park .buttons li{margin:0 0.25em;font-size:10px}.dark .park .buttons a{font-weight:bold;padding:0.875em 1.75em 0.75em;background:#463215;color:#fff;-moz-border-radius:25px;-webkit-border-radius:25px;border-radius:25px}.dark .park .buttons a:hover{background:#b53a04}.black header[role="banner"]{border-bottom:1px #ccc solid}.black header[role="banner"] h2{background:url("../img/text.png") 0 -121px no-repeat}.black h6{display:block;text-align:center;text-transform:uppercase;font-size:0.625em;margin:0 0 1.25em 0}.black h6 a{color:#b5b5b5}.black h6 a:hover{color:#b53a04}.black #slides article{position:relative}.black #slides img{display:block;margin:0 auto}.black #slides .v{width:auto}.black .photo-options,.black .map-link{display:block}.black .figcaption{margin:0;padding:1em 0 1em 0}.black .figcaption h3{float:left;padding:0;font-weight:normal}.black .figcaption .caption{border-right:1px solid #1f1f21;width:58%;float:left;padding-right:1em}.black .figcaption .caption p{margin-left:0.5em;font-size:0.875em;clear:both}.black .figcaption .map-link{float:right;background:#211d19;line-height:1em;color:#fff;text-align:center;text-transform:uppercase;margin:0 0.25em;font:normal 0.75em Helvetica, Verdana, sans-serif;padding:0.5em 1em;-moz-border-radius:1em;-webkit-border-radius:1em;border-radius:1em}.black .figcaption .map-link:hover{background:#b53a04}.black .figcaption .photo-options{float:left;margin-left:1em}.black .figcaption .photo-options p{font:normal 0.75em Helvetica, Verdana, sans-serif;color:#414144;line-height:1.5em}.black .figcaption .photo-options p a{color:#414144;font-weight:normal}.black .figcaption .photo-options p a:hover{color:#b53a04}.black .figcaption li{display:inline;margin:0 0.25em;font:normal 1em Helvetica, Verdana, sans-serif}.black .figcaption a{font-weight:bold}.black .figcaption p{margin:0 1em;color:#74757a;font-size:1em}.black .figcaption:after{content:".";display:block;height:0;clear:both;visibility:hidden}.black .map-container{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}.black .map-wrapper{width:400px;height:328px;position:absolute;bottom:27px;margin:0px 0 0 44px}.black footer[role='contentinfo'] nav{border:none}}@media only screen and (min-width: 992px){body{width:61.75em}img{width:auto !important}header[role="banner"]{margin-top:5.5em}header[role="banner"] h1{width:190px}header[role="banner"] nav[role="navigation"]{margin-left:8%}.archive{padding-top:2em}.archive article{margin-bottom:2em;padding-bottom:2em;border:none}.archive h1{width:42%;font-size:1.5em;line-height:1.3em;margin-top:0.15em;margin-bottom:0.25em;letter-spacing:0.5px}.archive p{line-height:1.5em}.archive img{float:right}.archive .hyphenate,.archive .dateline{width:41%}.archive .hyphenate{font-size:1em}.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}.home article{width:19em;float:left;margin-right:2em;clear:none}.home .last{margin-right:0}.home .post-image{float:left;margin:20px 8px 8px 0}.home .hyphenate,.home .dateline{width:auto;text-align:left}.home .hyphenate{text-align:justify}.double article[role="main"] header{width:10em;float:left;margin-left:0;margin-top:1em}.double article[role="main"] header h1,.double article[role="main"] header aside{text-align:right;line-height:1.2em}.double article[role="main"] header h1{font-size:1.875em}.double article[role="main"] .col{width:47%;margin-left:0.875em}.double article[role="main"] .sec{margin-left:0}.double article[role="main"] .post-body-double{margin:2em 0 0 1.25em;float:left;width:48.75em}.double article[role="main"] .post-body-double p{margin:0 0 1em 0}.double article[role="main"] .post-body-double .narrow{width:35.625em;margin-bottom:1em;clear:both}.double article[role="main"] .post-body-double .hyphenate{margin-top:0}.double article[role="main"] #page-navigation{margin-left:12em}#map-canvas{width:48.5em;height:31.25em;float:right;margin-bottom:3em}.map-legend h4{margin-bottom:0.5em;letter-spacing:1px;font-size:0.75em;text-transform:uppercase}.map-legend li{display:block;font-size:0.875em;margin:3px 0}.map-legend li:after{content:""}.two{margin-left:3em;width:51%}.black #slides{width:62.5em}.black #slides img{width:auto}.black .directions{display:block;font:normal 0.675em Helvetica, Verdana, sans-serif;color:#414144;text-align:center;margin-bottom:1.75em}.black .caption{width:70% !important}}@media print{*{background:transparent !important;color:#000 !important;text-shadow:none !important;filter:none !important;-ms-filter:none !important}a{color:#444 !important;text-decoration:underline}a:visited{color:#444 !important;text-decoration:underline}a[href]:after{content:" (" attr(href) ")"}abbr[title]:after{content:" (" attr(title) ")"}a[href^="javascript:"]:after,a[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:0.5cm}p,h2,h3{orphans:3;widows:3}h2,h3{page-break-after:avoid}} diff --git a/media/img/apple-touch-icon-114x114.png b/media/img/apple-touch-icon-114x114.png Binary files differnew file mode 100644 index 0000000..d2bbffa --- /dev/null +++ b/media/img/apple-touch-icon-114x114.png diff --git a/media/img/apple-touch-icon-57x57.png b/media/img/apple-touch-icon-57x57.png Binary files differnew file mode 100644 index 0000000..1d31b3b --- /dev/null +++ b/media/img/apple-touch-icon-57x57.png diff --git a/media/img/apple-touch-icon-72x72.png b/media/img/apple-touch-icon-72x72.png Binary files differnew file mode 100644 index 0000000..b315422 --- /dev/null +++ b/media/img/apple-touch-icon-72x72.png diff --git a/media/js/ios-viewport-scaling-bug-fix.js b/media/js/ios-viewport-scaling-bug-fix.js new file mode 100644 index 0000000..4e9a9b3 --- /dev/null +++ b/media/js/ios-viewport-scaling-bug-fix.js @@ -0,0 +1,23 @@ +// My rewritten version +// 1) won't restrict viewport if JS is disabled +// 2) uses capture phase +// 3) assumes last viewport meta is the one to edit (incase for some odd reason there is more than one) +// 4) feature inference (no sniffs, behavior should be ignored on other enviros) +// 5) removes event handler after fired +!function(doc) { + var addEvent = 'addEventListener', + type = 'gesturestart', + qsa = 'querySelectorAll', + scales = [1, 1], + meta = qsa in doc ? doc[qsa]('meta[name=viewport]') : []; + + function fix() { + meta.content = 'width=device-width,minimum-scale=' + scales[0] + ',maximum-scale=' + scales[1]; + doc.removeEventListener(type, fix, !0); + } + if ((meta = meta[meta.length - 1]) && addEvent in doc) { + fix(); + scales = [.25, 1.6]; + doc[addEvent](type, fix, !0); + } +}(document);
\ No newline at end of file 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*/ |
