diff options
Diffstat (limited to 'media')
| -rw-r--r-- | media/css/base.css | 2 | ||||
| -rw-r--r-- | media/img/text-wide.png | bin | 0 -> 2256 bytes | |||
| -rw-r--r-- | media/js/html5.js | 8 | ||||
| -rw-r--r-- | media/sass/base.sass | 219 |
4 files changed, 222 insertions, 7 deletions
diff --git a/media/css/base.css b/media/css/base.css index d5230e5..bcba870 100644 --- a/media/css/base.css +++ b/media/css/base.css @@ -1 +1 @@ -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}footer p{font-size:0.625em;text-align:center}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}ul li{display:inline;margin:0 0.125em}.dateline,nav li,.breadcrumbs li,.meta p,.legend h3{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}.meta p{text-align:center}img{border:10px #201a11 solid}#featured-image img{width:95%}h1{font:normal 1.875em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center}#archive 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}.footnote{font-size:0.875em}#post-metadata{margin-top:0;border-top:1px #201a11 dotted}#post-metadata p{font-size:0.875em;text-align:left}header{margin:0 auto 1em auto;text-align:center}header #logo h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header #logo h2{background:url("../img/text.png") 0 0 no-repeat;text-indent:-9999px;width:184px;height:54px;margin:0 auto}nav{margin:1em auto 2em auto;text-align:center;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;width:100%;padding:0.25em 0}nav:after,footer:before{content:".";display:block;height:0;clear:both;visibility:hidden}footer{margin-top:2em}.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%}.hide{display:none}#writing-archive article{border-bottom:1px #201a11 dotted}.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;height:350px;width:100%;margin-bottom:30px}#photo-galleries .figure{height:362px;width:100%;margin:0}#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}#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} +html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}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}ul li{display:inline;margin:0 0.125em}.dateline,nav li,.breadcrumbs li,.geo,.legend h3{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}.geo{text-align:center}img{border:10px #201a11 solid}#featured-image img{width:95%}h1{font:normal 1.875em Helvetica, Verdana, sans-serif;letter-spacing:0.5px;text-align:center}#archive 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}.footnote{font-size:0.875em}#post-metadata{margin-top:0;border-top:1px #201a11 dotted}#post-metadata p{font-size:0.875em;text-align:left}header[role="banner"]{margin:0 auto 1em auto;text-align:center}header[role="banner"] #logo h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header[role="banner"] #logo h2{background:url("../img/text.png") 0 0 no-repeat;text-indent:-9999px;width:184px;height:54px;margin:0 auto}nav[role="navigation"]{margin:1em auto 2em auto;text-align:center;border-top:1px #201a11 dotted;border-bottom:1px #201a11 dotted;width:100%;padding:0.25em 0}nav:after,footer:before{content:".";display:block;height:0;clear:both;visibility:hidden}footer{margin-top:2em}.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%}.hide{display:none}#writing-archive article{border-bottom:1px #201a11 dotted}.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;height:350px;width:100%;margin-bottom:30px}#photo-galleries .figure{height:362px;width:100%;margin:0}#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}#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}@media only 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"] #logo h1,header[role="banner"] #logo h2{float:left;padding-top:2.2em;background-position:left bottom;margin:0 !important}header[role="banner"] #logo 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:6.3em;padding-left:13em}nav[role="navigation"] a{letter-spacing:1px}nav[role="navigation"] li{font-size:12px}article img{width:auto !important}#archive{clear:both}#featured img{float:right;margin:0}.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,.archive article:after,#projects-page .top:after{content:".";display:block;height:0;clear:both;visibility:hidden}#page-nav{border:none;text-align:left;margin-top:2em}#photo-galleries .legend{width:90%;padding:1em 1em 0.5em 1em;font-size:0.75em !important;line-height:95%}#photo-galleries li{float:left;width:auto !important}#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}#projects-page .col{float:left;font-size:14px;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"] h1,article[role="main"] aside{text-align:left;margin:0 0 0.4em 0}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:2em}article[role="main"] #post-metadata p{line-height:1.5em !important}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}footer[role="contentinfo"]{font-family:Helvetica, Verdana, sans-serif;background:#201a11;height:2.25em;color:#888;margin:80px auto 0;font-size:1em;padding:0}footer[role="contentinfo"] li{float:left;text-transform:uppercase;line-height:3em;margin-left:8px}footer[role="contentinfo"] a{color:#888 !important}footer[role="contentinfo"] a:hover{color:#b53a04 !important}footer[role="contentinfo"] nav{border:none;height:auto;width:15em;margin:0;padding:0;float:right}footer[role="contentinfo"] p{float:left;padding-left:8px;line-height:4em;margin:0}.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}} diff --git a/media/img/text-wide.png b/media/img/text-wide.png Binary files differnew file mode 100644 index 0000000..e688ecd --- /dev/null +++ b/media/img/text-wide.png diff --git a/media/js/html5.js b/media/js/html5.js index d9d0544..3587bf7 100644 --- a/media/js/html5.js +++ b/media/js/html5.js @@ -1,2 +1,6 @@ -// For discussion and comments, see: http://remysharp.com/2009/01/07/html5-enabling-script/ (credit to @jdalton for minif) -/*@cc_on'abbr article aside audio canvas details figcaption figure footer header hgroup mark menu meter nav output progress section summary time video'.replace(/\w+/g,function(n){document.createElement(n)})@*/
\ No newline at end of file +// html5shiv MIT @rem remysharp.com/html5-enabling-script +// iepp v1.6.2 MIT @jon_neal iecss.com/print-protector +/*@cc_on(function(m,c){var z="abbr|article|aside|audio|canvas|details|figcaption|figure|footer|header|hgroup|mark|meter|nav|output|progress|section|summary|time|video";function n(d){for(var a=-1;++a<o;)d.createElement(i[a])}function p(d,a){for(var e=-1,b=d.length,j,q=[];++e<b;){j=d[e];if((a=j.media||a)!="screen")q.push(p(j.imports,a),j.cssText)}return q.join("")}var g=c.createElement("div");g.innerHTML="<z>i</z>";if(g.childNodes.length!==1){var i=z.split("|"),o=i.length,s=RegExp("(^|\\s)("+z+")", +"gi"),t=RegExp("<(/*)("+z+")","gi"),u=RegExp("(^|[^\\n]*?\\s)("+z+")([^\\n]*)({[\\n\\w\\W]*?})","gi"),r=c.createDocumentFragment(),k=c.documentElement;g=k.firstChild;var h=c.createElement("body"),l=c.createElement("style"),f;n(c);n(r);g.insertBefore(l, +g.firstChild);l.media="print";m.attachEvent("onbeforeprint",function(){var d=-1,a=p(c.styleSheets,"all"),e=[],b;for(f=f||c.body;(b=u.exec(a))!=null;)e.push((b[1]+b[2]+b[3]).replace(s,"$1.iepp_$2")+b[4]);for(l.styleSheet.cssText=e.join("\n");++d<o;){a=c.getElementsByTagName(i[d]);e=a.length;for(b=-1;++b<e;)if(a[b].className.indexOf("iepp_")<0)a[b].className+=" iepp_"+i[d]}r.appendChild(f);k.appendChild(h);h.className=f.className;h.innerHTML=f.innerHTML.replace(t,"<$1font")});m.attachEvent("onafterprint", +function(){h.innerHTML="";k.removeChild(h);k.appendChild(f);l.styleSheet.cssText=""})}})(this,document);@*/
\ No newline at end of file diff --git a/media/sass/base.sass b/media/sass/base.sass index 87784c9..c9150c7 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -34,6 +34,7 @@ body 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 @@ -47,11 +48,11 @@ ul li display: inline margin: 0 .125em -.dateline, nav li, .breadcrumbs li, .meta p, .legend h3 +.dateline, nav li, .breadcrumbs li, .geo, .legend h3 text-transform: uppercase font-size: .75em letter-spacing: .0625em -.meta p +.geo text-align: center img border: 10px $brown solid @@ -85,7 +86,7 @@ h1 text-align: left /* ######### layout small ################*/ -header +header[role="banner"] margin: 0 auto 1em auto text-align: center #logo h1 @@ -100,7 +101,7 @@ header width: 184px height: 54px margin: 0 auto -nav +nav[role="navigation"] margin: 1em auto 2em auto text-align: center border-top: 1px $brown dotted @@ -190,7 +191,217 @@ article object, article embed width: 95% height: 300px +/* ######### layout large ################*/ +@media only screen and (min-width: 800px) + body + max-width: 61.75em + margin: 0 auto + header[role="banner"] + text-align: left + clear: both + border-bottom: $brown 2px solid + height: 9.375em + #logo h1, #logo h2 + float: left + padding-top: 2.2em + background-position: left bottom + margin: 0 !important + #logo 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: 6.3em + padding-left: 13em + a + letter-spacing: 1px + li + font-size: 12px + article img + width: auto !important + #archive + clear: both + #featured + img + float: right + margin: 0 + .img + float: right + img + margin: 0 + + .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, .archive article:after, #projects-page .top:after + content: "." + display: block + height: 0 + clear: both + visibility: hidden + #page-nav + border: none + text-align: left + margin-top: 2em + + #photo-galleries .legend + width: 90% + padding: 1em 1em .5em 1em + font-size: .75em !important + line-height: 95% + #photo-galleries li + float: left + width: auto !important + + #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 + + #projects-page .col + float: left + font-size: 14px + 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 + h1, aside + text-align: left + margin: 0 0 .4em 0 + p:nth-of-type(1) + font-size: 1.25em + line-height: 28px + #post-metadata + border-bottom: 1px $brown dotted + margin-bottom: 2em + p + line-height: 1.5em !important + 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 + + footer[role="contentinfo"] + font-family: Helvetica, Verdana, sans-serif + background: $brown + height: 2.25em + color: #888888 + margin: 80px auto 0 + font-size: 1em + padding: 0 + li + float: left + text-transform: uppercase + line-height: 3em + margin-left: 8px + a + color: #888888 !important + &:hover + color: $orange !important + nav + border: none + height: auto + width: 15em + margin: 0 + padding: 0 + float: right + p + float: left + padding-left: 8px + line-height: 4em + margin: 0 + .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 + + //.formatted // column-count: 3 // column-gap: 1.125em |
