diff options
| -rw-r--r-- | media/css/base.css | 2 | ||||
| -rw-r--r-- | media/css/base092210.css | 1 | ||||
| -rw-r--r-- | media/sass/_oldbase.sass | 125 | ||||
| -rw-r--r-- | media/sass/_oldmixins.sass | 58 | ||||
| -rw-r--r-- | media/sass/base.sass | 50 | ||||
| -rw-r--r-- | templates/details/entry.html | 2 | ||||
| -rw-r--r-- | templates/oldbase.html | 86 |
7 files changed, 311 insertions, 13 deletions
diff --git a/media/css/base.css b/media/css/base.css index 55d7804..c17d765 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 url("../img/988px-9col-92w-20gut.png") 217px 0 repeat-y}p{font-size:1.063em;line-height:1.5em}a{text-decoration:none;color:#201a11}a:hover{color:#b53a04}ul li{display:inline;margin:0 0.125em}.dateline,nav li,.breadcrumbs li{text-transform:uppercase;font-size:0.75em;letter-spacing:0.063em}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}#archive h1{font-weight:700;font-size:0.75em;text-transform:uppercase;text-align:left}header{margin:0 auto 1em auto;text-align:center}header h1{background:url("../img/tree.png") 0 0 no-repeat;text-indent:-9999px;width:151px;height:84px;margin:0 auto}header 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:4px 0}nav:after,footer:before{content:".";display:block;height:0;clear:both;visibility:hidden}footer{margin-top:2em}footer p{font-size:0.625em;text-align:center}.dateline{text-align:center}.dateline time{display:block}.postpic,.post-image{float:left;margin:0 0.625em 0.625em 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}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{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} diff --git a/media/css/base092210.css b/media/css/base092210.css new file mode 100644 index 0000000..d6de921 --- /dev/null +++ b/media/css/base092210.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}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}*:focus{outline:#b53a04 dotted thin}html{height:100%}body{background:#fff;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;font-size:15px;line-height:23px;color:#201a11;position:relative;min-height:100%;width:980px;height:100%;text-align:center;margin:0 auto}p{margin:0.8em 0 0 0}a{text-decoration:none;color:#201a11}a:visited{color:#201a11;text-decoration:none}a:hover{color:#b53a04;text-decoration:none}header{border-bottom:#201a11 2px solid;height:150px;margin-bottom:40px;font-size:1.1em;letter-spacing:1px;line-height:1.2em;font-size:12px}header nav{text-transform:uppercase;float:left;margin-top:102px;margin-left:40px}header li{display:inline;font-size:12px;margin-left:4px;letter-spacing:1px}header li a:hover{color:#b53a04}#logo{background:url("../img/logo.png") no-repeat left bottom;height:148px;width:400px;float:left;text-indent:-1000px}header h2{float:left;text-indent:-1000px;display:none}footer{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;background:#201a11;height:36px;color:#888;font-size:12px;margin:80px auto 0}footer li{float:left;text-transform:uppercase;line-height:36px;margin-left:8px}footer a{color:#888 !important}footer a:hover{color:#b53a04 !important}footer nav{float:right;margin-right:8px}footer p{float:left;padding-left:8px;line-height:36px;margin:0}article ul{font-size:1.5em}#breadcrumbs{font-weight:normal;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:11px}#breadcrumbs li{display:inline}.hide{display:none}.postpic,.postpicright{display:block;margin:0.3em 0.6em;border:#201a11 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:#201a11 10px solid;margin-top:20px}.post-image{margin:0 10px 0 0;float:left;border:#201a11 10px solid !important}.picwide{clear:both;margin:30px 0 30px -200px;border:#201a11 10px solid}.pull-quote{font-size:14px !important;font-style:italic !important}sup{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:0.7em;line-height:0;padding:3px 0 3px 3px}sup 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}.figure .legend{display:block;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;position:absolute;bottom:9px;left:0;font-size:13px;padding:8px 0 8px 8px;width:auto;background:#201a11;color:#999}.button{display:block;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin:10px 10px 0 0;width:auto;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;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}.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}#writing-archive,#featured{margin-top:72px;margin-bottom:36px}#writing-archive li,#featured li{clear:both}#writing-archive h3,#writing-archive h1,#featured h3,#featured h1{font-family:Helvetica, Verdana, sans-serif;font-size:24px;line-height:1.3em;font-weight:normal;margin:0;text-align:left}#writing-archive div,#featured div{width:400px;margin-right:20px;float:left;text-align:justify}#writing-archive div h1,#featured div h1{margin-top:3px}#writing-archive .img,#featured .img{width:520px;margin-left:20px;margin-bottom:36px}#writing-archive p,#featured p{margin:0;font-size:16px}#writing-archive .location,#writing-archive time,#featured .location,#featured time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:3em;font-size:11px}#writing-archive img,#featured img{border:#201a11 10px solid}#pagination{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:13px;width:980px;clear:both;margin:0;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;text-align:center}#pagination .pages{margin:8px 0;clear:both}#pagination li{display:inline;margin:2px}#pagination .current{color:#b53a04}#writing-detail{font-size:1.7em;line-height:1.5em}#writing-detail header{border:none;height:auto;width:auto;margin:0 0 0 0}#writing-detail h1{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:30px;line-height:1.2em;margin:0;letter-spacing:0.5px}#writing-detail aside{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:12px;line-height:2.3em}#writing-detail aside a{color:#201a11}#writing-detail aside a:hover{color:#b53a04}#writing-detail dl{font-size:100%}#writing-detail dl dt{font-style:italic;margin:9px}#writing-detail a{color:#b53a04}#writing-detail h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.6em;line-height:1.2em}#post-metadata{width:560px;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;margin:24px 0 24px 200px;padding-bottom:8px;clear:both;background:none;height:auto;float:none}#post-metadata p{font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;color:#201a11;line-height:25px;float:none;padding:8px 0;font-size:14px}#post-metadata p a{color:#b53a04 !important}#page-navigation{width:980px;clear:both;margin:24px 0 0 0;text-transform:uppercase;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal}#page-navigation li#next{float:right;margin-right:140px;font-size:13px !important}#page-navigation li#prev{float:left;margin-left:120px;font-size:13px !important}#comments{clear:both;width:520px;margin:24px 0 24px 200px;font-size:13px}#comments h4{margin-top:96px;font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;text-transform:uppercase;font-size:18px}h4 a.disqus-link-count{color:#201a11 !important}ul#dsq-comments{font-size:1.2em}.dsq-comment-cite{font-family:Helvetica, Arial, sans-serif;font-size:0.9em !important;font-weight:normal;text-transform:uppercase}.dsq-comment-header-time,.dsq-comment-footer{font-family:Helvetica, Arial, Verdana, 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:540px}.footnote li{margin:12px 0;line-height:0.8em}.footnote p{line-height:18px !important;font-size:14px}.footnote a,.footnote span{font-size:14px}#writing-detail .figure{margin-top:24px}#writing-detail .figure img{border:#201a11 10px solid}#writing-detail .figure .legend{width:552px;padding:8px 0 12px 16px;font-family:Helvetica, Arial, Verdana, sans-serif}h4.notes{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;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}.single article header,.single article #post-body{margin-left:200px !important;width:560px !important}.single article header p:nth-of-type(1),.single article #post-body p:nth-of-type(1){font-size:20px;line-height:28px}.double article header{float:left;width:180px !important;text-align:right !important;margin-top:20px !important}.double article aside section{text-align:right !important;font-size:1em;line-height:18px}#post-body{width:780px;margin-left:20px;font-size:17px;line-height:25px}#post-body .col{width:350px;float:left;margin:0 40px 0 0}#post-body .narrow{width:520px}.double #post-body{float:left}#photo-archive article{width:980px}#photo-archive article h1{display:none}#photo-galleries{margin-left:-10px;width:1000px}#photo-galleries li{float:left;margin:8px;position:relative;display:block;height:350px;width:291px;border:10px #201a11 solid}#photo-galleries .figure{height:362px;width:291px;margin:0}#photo-galleries .legend{color:#888;width:285px;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";filter:alpha(opacity=90);-moz-opacity:0.9;-khtml-opacity:0.9;opacity:0.9;margin:0;line-height:18px;text-align:left}#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase}#photo-galleries p{margin:0}.map-legend{width:160px;margin-top:24px;float:left}.map-legend h4{font-size:1.1em;letter-spacing:1px;line-height:1.2em;font-size:14px;margin:8px 0}.map-legend li{font-size:13px;margin:0;line-height:20px}.clearfix{clear:both}#map-canvas{float:right;width:760px;height:500px;border:#201a11 10px solid;margin-left:40px;margin-top:24px}section#location #map-canvas{width:295px;height:350px;border:#201a11 10px solid;margin:10px 0 0 5px}.infowin{line-height:18px;margin-bottom:16px}.infowin p{font-size:1.4em;line-height:1.4em}.infowin h4{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:2.4em;margin:6px 0 0 0}.infowin a{color:#b53a04 !important;border-bottom:1px dotted #b53a04}.infowin .date{color:#888;text-align:center;text-transform:uppercase;display:block;text-align:left;margin:6px 0 0;font-size:1.2em}#about article section{clear:both;margin-top:24px}#about article section ul{font-size:1em;margin:18px}#about article section li{margin:9px}#about article section li a{font-weight:bold}.image{float:left;width:180px;margin-top:48px}.image img{border:#201a11 10px solid}.content{float:left;margin-left:20px;width:540px;font-size:16px}.content h3{font-family:Helvetica, Verdana, sans-serif;font-size:24px;line-height:1.3em;font-weight:normal;margin:0}section#post{margin-left:200px}section#post h1{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal}.contact-form li{clear:both;width:440px;padding:4px 0}.contact-form dt{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:24px;line-height:1.3em;font-weight:normal;text-align:right;font-size:0.9em}.contact-form dt label{font-style:normal;text-align:right}.contact-form dd{text-align:right;margin-top:4px}.contact-form dd input#id_name,.contact-form dd input#id_email,.contact-form dd input#id_subject_line{width:298px}.top{margin:36px 0 36px 0;clear:both;width:940px}.top a{color:#b53a04}p.col{width:360px;float:left;margin:0 40px 0 0;font-size:14px}p.two{margin:0;margin-left:40px;width:450px}.break{border-bottom:#e3e3e3 1px solid;width:980px;height:2px;padding-top:36px;clear:both;margin:0}.project-tease{margin-top:65px}.project-tease li{margin-top:36px;clear:both}.project-tease li h3{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:24px;line-height:24px;margin:0;width:380px;font-weight:bold}.project-tease .tease{float:left}.project-tease .img{float:right;width:540px;margin-bottom:72px}.project-tease .img img{border:#201a11 10px solid}.project-tease .lede{clear:both;margin:0;padding-top:12px;width:380px}.project-tease .lede p{font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;font-size:16px;line-height:23px;text-align:justify}.project-tease .proj{font-size:64px;line-height:50px;float:left;margin:2px 2px 0 0}.project-tease .proj span{font-size:36px}.project-tease dt a{display:block;width:175px;float:left}.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}.more-container dl{margin-top:45px;margin-left:45px}.more-container dl dt,.more-container dl dd{font-size:0.9em;line-height:25px;margin:4px 0;font-family:Helvetica, Verdana, sans-serif;color:#fff}.more-container dl dt{clear:left;float:left;width:65px;font-weight:bold;line-height:25px;font-size:0.7em;text-transform:uppercase}.more-container dl dd{float:left;width:250px;overflow:hidden}.more-container dl dd a:hover{color:#b53a04}.map-wrapper{width:400px;height:328px;margin:37px 0 0 44px}#parks{margin-top:36px}#parks article{width:980px;position:relative;display:block;margin-top:36px;clear:both;margin-bottom:72px}#parks .figure img{border:none}#parks h1{display:block;color:#888;padding:10px 10px 10px 15px;background:#201a11;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;position:absolute;top:0;width:960px;color:#fff;font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;margin:0}#parks .legend{display:block;padding:10px 10px 10px 15px;background:#201a11;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;position:absolute;bottom:0;height:45px;width:980px;font-size:10px;line-height:16px;color:#fff}#parks .legend h2{font-family:Helvetica, Verdana, sans-serif;font-size:24px;line-height:1.3em;font-weight:normal;line-height:36px;font-size:18px;margin:0;padding:0;float:left}#parks .legend p{margin:6px 0 10px 0}#parks .legend .buttons{padding-top:6px;float:right;margin-right:20px}#parks .legend .buttons li{float:left;clear:none;margin:0px 10px 0 0;width:auto;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:10px}#parks .legend .buttons li a{padding:9px 14px 7px 14px;font-weight:bold;line-height:25px;text-transform:uppercase;background:#463215;color:#fff;-moz-border-radius:25px;-webkit-border-radius:25px;-o-border-radius:25px;border-radius:25px}#parks .legend .buttons li a:hover{background:#b53a04}#parks .map{width:280px;margin-top:42px;height:130px;float:left;margin-left:6px}#parks .map a{display:none}#parks .map div div span{display:none}#parks .entry-foot{clear:both;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:12px;background:#f3f;width:980px;margin-top:4px}img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png']{display:none !important}#featured-image img{margin-left:20px;margin-bottom:78px}.hyphenate{text-align:justify}#currently{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;font-size:12px;clear:both;width:980px;padding-top:20px;border-top:#b9b9b9 1px dotted}#currently{padding:0;margin-bottom:0px;margin-top:36px;border-top:#201a11 1px solid}#featured-intro h1{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;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}#archive h1{margin:36px 0 24px 0;text-transform:uppercase;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:12px;font-weight:bold}#archive article{float:left;width:300px;margin-bottom:20px}#archive article h1{font-size:18px;margin:0;text-transform:none;font-weight:400}#archive h2{font-size:1.1em;letter-spacing:1px;line-height:1.2em;font-size:12px;margin:0}#archive .col2{margin-left:40px;margin-right:40px}#archive p{margin:0}#archive p.hyphenate{margin-top:3px;text-align:justify}#archive img{margin-top:4px}#archive .location,#archive time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:3em;margin:0;padding:0;font-size:0.7em;text-align:left}.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} diff --git a/media/sass/_oldbase.sass b/media/sass/_oldbase.sass new file mode 100644 index 0000000..8401c8f --- /dev/null +++ b/media/sass/_oldbase.sass @@ -0,0 +1,125 @@ +@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/_oldmixins.sass b/media/sass/_oldmixins.sass new file mode 100644 index 0000000..b6b1ca1 --- /dev/null +++ b/media/sass/_oldmixins.sass @@ -0,0 +1,58 @@ +=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/base.sass b/media/sass/base.sass index 839d46a..4b8a881 100644 --- a/media/sass/base.sass +++ b/media/sass/base.sass @@ -27,14 +27,16 @@ body 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 + 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 */ - +footer p + font-size: .625em + text-align: center a text-decoration: none color: $brown @@ -45,14 +47,16 @@ ul li display: inline margin: 0 .125em -.dateline, nav li, .breadcrumbs li +.dateline, nav li, .breadcrumbs li, .meta p text-transform: uppercase font-size: .75em letter-spacing: .0625em - +.meta p + text-align: center img border: 10px $brown solid + #featured-image img width = 95% /* 315 / 520 */ @@ -65,24 +69,32 @@ h1 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 - +.footnote + font-size: .875em +#post-metadata + margin-top: 0 + border-top: 1px $brown dotted + p + font-size: .875em + text-align: left /* ######### layout small ################*/ header margin: 0 auto 1em auto text-align: center - h1 + #logo h1 background: url('../img/tree.png') 0 0 no-repeat text-indent: -9999px width: 151px height: 84px margin: 0 auto - h2 + #logo h2 background: url('../img/text.png') 0 0 no-repeat text-indent: -9999px width: 184px @@ -94,7 +106,7 @@ nav border-top: 1px $brown dotted border-bottom: 1px $brown dotted width: 100% - padding: 4px 0 + padding: .25em 0 nav:after, footer:before content: "." display: block @@ -104,9 +116,7 @@ nav:after, footer:before footer margin-top: 2em - p - font-size: .625em - text-align: center + .dateline text-align: center @@ -116,3 +126,21 @@ footer .postpic, .post-image float: left margin: 0 .625em .625em 0 + +.postpic, .postpicright + width: auto +article img + width: 95% +article object, article embed + width: 100% +/* misc classes */ +.hide + display: none + +//.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/templates/details/entry.html b/templates/details/entry.html index cea00b1..de27df2 100644 --- a/templates/details/entry.html +++ b/templates/details/entry.html @@ -30,7 +30,7 @@ <header> <h1>{{object.title|smartypants|widont|safe}}</h1> <aside class="meta"> - <section class="geo">{%spaceless%}{% if object.location.state.country.name == "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.location.state.name}}</a>{%else%}{{object.location.name|smartypants|safe}}, <a href="/writing/{{object.location.state.country.slug}}/1/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endif%} <span class="latitude hide">{{object.latitude}}</span> <span class="longitude hide">{{object.longitude}}</span>{%comment%} (<a href="" title="">Map</a>, <a href="" title="">Photos</a>){%endcomment%}{%endspaceless%}</section> + <p class="geo">{%spaceless%}{% if object.location.state.country.name == "United States" %}{{object.location.name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.location.state.name}}</a>{%else%}{{object.location.name|smartypants|safe}}, <a href="/writing/{{object.location.state.country.slug}}/1/" title="travel writing from {{object.location.state.country.name}}">{{object.location.state.country.name}}</a>{%endif%} <span class="latitude hide">{{object.latitude}}</span> <span class="longitude hide">{{object.longitude}}</span>{%comment%} (<a href="" title="">Map</a>, <a href="" title="">Photos</a>){%endcomment%}{%endspaceless%}</p> </aside> </header> <div id="post-body"> diff --git a/templates/oldbase.html b/templates/oldbase.html new file mode 100644 index 0000000..ecf2a5c --- /dev/null +++ b/templates/oldbase.html @@ -0,0 +1,86 @@ +<!DOCTYPE html> +<!--[if lt IE 7 ]> <html lang="en" class="ie ie6"> <![endif]--> +<!--[if IE 7 ]> <html lang="en" class="ie ie7"> <![endif]--> +<!--[if IE 8 ]> <html lang="en" class="ie ie8"> <![endif]--> +<!--[if IE 9 ]> <html lang="en" class="ie9"> <![endif]--> +<!--[if (gt IE 9)|!(IE)]><!--> <html lang="en"> <!--<![endif]--> +<head> + <title>{% block pagetitle %}Luxagraf - Topografical Writings{% endblock %}</title> + <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + <!--[if IE]> + <script src="{{MEDIA_URL}}js/html5.js"></script> + <![endif]--> + <link rel="alternate" + type="application/rss+xml" + title="RSS 2.0" + href="http://feeds2.feedburner.com/luxagraf/blog"> + <link rel="stylesheet" + href="{{MEDIA_URL}}css/base.css" + media="screen"> + <link rel="stylesheet" + href="{{MEDIA_URL}}css/print.css" + media="print">{%block stylesheet%}{%endblock%} + <link rel="shortcut icon" + href="http://media.luxagraf.net/img/favicon.ico" + type="image/vnd.microsoft.icon"> + <link rel="apple-touch-icon" + href="http://media.luxagraf.net/img/luxagrafiphoneicon.png"> + <meta name="author" content="luxagraf"> + <meta name="description" + content="{% block metadescription %}Luxagraf: a travelogue of sorts, Recording journeys around the world and just next door.{% endblock %}"> + <meta name="keywords" + content="luxagraf writing travel authors philosophy ramblings"> + <meta name="copyright" + content="Licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 License"> + {%block extrahead%}{%endblock%} +</head> + +<body {%block bodyid%}{%endblock%}{%block bodyevents%}{%endblock%}> + <header> + <hgroup> + <h1><a id="logo" href="/" title="home">Luxagraf</a></h1> + <h2><a href="/about/" title="About Luxagraf">{a travelogue}</a></h2> + </hgroup> + <nav> + <ul> + <li id="stories"><a href="/writing/1/" title="An archive of writings from around the world">Writing</a>,</li> + <li id="photos"><a href="/photos/1/" title="Photos from travels around the world">Photos</a>,</li> + <li id="maps"><a href="/map/" title="Maps and miscellanea">Maps</a>,</li> + <li id="projects" ><a href="/projects/" title="Luxagraf: Projects (coming soon)">Projects</a>,</li> + <li id="etc"><a href="/about/" title="About Luxagraf">Etc</a></li> + </ul> + </nav> + </header> + {% block primary %} + <article> + + </article> + {% endblock %} + {% block extrabody %} {% endblock %} + + <div class="clearfix"></div> + <footer> + <section id="license"> + <p>All content licensed under the Creative Commons (<a href="http://creativecommons.org/licenses/by-nc-sa/3.0/deed.en" title="read the Attribution-Noncommercial-Share Alike 3.0 deed">details</a>). <span>Built with <a href="http://geodjango.org/" title="a GeoDjango joint">GeoDjango</a> and hosted on <a href="http://www.webfaction.com/" title="webfaction">Webfaction</a>.</span></p> + </section> + <nav> + <ul> + <li><a href="http://feeds2.feedburner.com/luxagraf/blog" title="RSS feed">RSS</a></li> + <li><a href="http://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">Twitter</a></li> + <li><a href="http://www.flickr.com/photos/luxagraf" rel="me" title="luxagraf on Flickr">Flickr</a></li> + <li><a href="/contact/" title="contact luxagraf">Contact</a></li> + </ul> + </nav> + </footer> + {% block js %}{% endblock%} + <script type="text/javascript"> + var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www."); + document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E")); + </script> + <script type="text/javascript"> + try { + var pageTracker = _gat._getTracker("UA-1186171-1"); + pageTracker._trackPageview(); + } catch(err) {}</script> +</body> +</html> |