diff options
55 files changed, 1420 insertions, 3030 deletions
diff --git a/apps/blog/views.py b/apps/blog/views.py index 70f934a..72c769e 100644 --- a/apps/blog/views.py +++ b/apps/blog/views.py @@ -37,7 +37,7 @@ def entry_list(request,page): request.page_url = '/writing/%d/' request.page = int(page) qs = Entry.objects.filter(status__exact=1).order_by('-pub_date').select_related() - return object_list(request, queryset=qs, template_name='archives/writing.html') + return object_list(request, queryset=qs, template_name='archives/writing.html', extra_context={'page':page}) """ @@ -48,7 +48,7 @@ def topic_list(request,slug,page): request.page = int(page) topic = Topic.objects.get(slug=slug) qs = Entry.objects.filter(status__exact=1,topics=topic).order_by('-pub_date').select_related() - return object_list(request, queryset=qs, template_name='archives/topics.html',) + return object_list(request, queryset=qs, template_name='archives/topics.html',extra_context={'page':page}) """ diff --git a/apps/build/base.py b/apps/build/base.py index 6021532..afcc8f8 100644 --- a/apps/build/base.py +++ b/apps/build/base.py @@ -14,7 +14,13 @@ class Build(): file = open(path, 'w') file.write(object) file.close() - + +class BuildSitemap(Build): + def build(self): + c = Client() + response = c.get('/sitemap.xml') + fpath = '%ssitemap.xml' %(settings.BAKED_ROOT) + self.write_file(fpath,str(response.content)) class BuildWriting(Build): @@ -230,5 +236,3 @@ class BuildProjects(Build): fpath = '%s%s.json' %(path, park.id) self.write_file(fpath,json) - -
\ No newline at end of file diff --git a/apps/photos/models.py b/apps/photos/models.py index f13b17a..d5f4d51 100644 --- a/apps/photos/models.py +++ b/apps/photos/models.py @@ -114,6 +114,12 @@ class Photo(models.Model): def flickr_link(self): return '%s%s/' %('http://www.flickr.com/photos/luxagraf/', self.flickr_id) + @property + def is_portait(self): + if int(self.slideshowimage_height) > int(self.slideshowimage_width): + return True + else: + return False def get_pic_url(self, size='small'): # small_square=75x75 # thumb=100 on longest side diff --git a/apps/photos/views.py b/apps/photos/views.py index 5b993b4..3edfccb 100644 --- a/apps/photos/views.py +++ b/apps/photos/views.py @@ -14,7 +14,7 @@ def gallery_list(request,page): request.page_url = '/photos/%d/' request.page = int(page) qs = PhotoGallery.objects.all() - return object_list(request, queryset=qs, template_name='archives/photos.html') + return object_list(request, queryset=qs, template_name='archives/photos.html',extra_context={'page':page,}) def gallery(request,slug): context = { @@ -43,7 +43,8 @@ def gallery_list_by_area(request,slug,page): context = { 'region': region, 'country_list': Country.objects.filter(visited=True), - 'region_list': Region.objects.all() + 'region_list': Region.objects.all(), + 'page': page } return object_list(request, queryset=qs, template_name='archives/photos.html', extra_context=context) diff --git a/apps/projects/models/base.py b/apps/projects/models/base.py index a59c499..debb776 100644 --- a/apps/projects/models/base.py +++ b/apps/projects/models/base.py @@ -65,8 +65,8 @@ class Project(models.Model): class ProjectSitemap(Sitemap): - changefreq = "never" - priority = 1.0 + changefreq = "monthly" + priority = 0.5 def items(self): return Project.objects.filter(status=1) diff --git a/base_urls.py b/base_urls.py index 67ebd86..37bfa87 100644 --- a/base_urls.py +++ b/base_urls.py @@ -43,7 +43,7 @@ urlpatterns += patterns('', urlpatterns += patterns('', (r'^admin/doc/', include('django.contrib.admindocs.urls')), (r'^admin/filebrowser/', include('filebrowser.urls')), - (r'^admin/', include(admin.site.urls),{'SSL':True}), + (r'^admin/', include(admin.site.urls),), (r'^grappelli/', include('grappelli.urls')), (r'^feeds/(?P<url>.*)/$', 'django.contrib.syndication.views.feed', {'feed_dict': feeds}), (r'^robots.txt$', direct_to_template, {'template': 'archives/robots.html'}), @@ -52,9 +52,6 @@ urlpatterns += patterns('', (r'^sitemap.xml$', 'django.contrib.sitemaps.views.sitemap', {'sitemaps': sitemaps}), (r'^writing/', include('blog.urls')), (r'^projects/', include('projects.urls')), - (r'^tops/', include('blog.urls')), - (r'^topics/(?P<slug>[-\w]+)/$', redirect_to, {'url': '/topics/%(slug)s/1/'}), - (r'^topics/(?P<slug>[-\w]+)/(?P<page>\d+)/', 'blog.views.topic_list'), #Entry detail i.e. /year/month/day/my-title/ (r'(?P<year>\d{4})/(?P<month>[a-z]{3})/(?P<day>\w{1,2})/(?P<slug>[-\w]+)/$', 'blog.views.entry_detail'), # locations 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*/ diff --git a/settings.py b/settings.py index 1bed0cd..333c733 100644 --- a/settings.py +++ b/settings.py @@ -105,7 +105,7 @@ MIDDLEWARE_CLASSES = ( ) TEMPLATE_CONTEXT_PROCESSORS = ( 'django.core.context_processors.request', - 'django.core.context_processors.auth', + 'django.contrib.auth.context_processors.auth', 'django.core.context_processors.debug', 'django.core.context_processors.media', "grappelli.context_processors.admin_template_path", diff --git a/templates/404.html b/templates/404.html index 54826c8..bdef84f 100644 --- a/templates/404.html +++ b/templates/404.html @@ -16,7 +16,7 @@ </aside> </header> - <div id="post-body"> + <div class="post-body"> <p><b></b></p> diff --git a/templates/archives/homepage.html b/templates/archives/homepage.html index 37e8048..8ee30e4 100644 --- a/templates/archives/homepage.html +++ b/templates/archives/homepage.html @@ -1,11 +1,5 @@ {% extends 'base.html' %} {% load typogrify %} -{%block extrahead%}<link rel="openid.server" - href="http://www.myopenid.com/server" > - <link rel="openid.delegate" - href="http://luxagraf.myopenid.com/" > - <meta name="verify-v1" content="ZCZSYGNdjeLCPx5trSQELyhY9kq9N7CznTcv5JFkpnM=">{%endblock%} - {%block bodyid%}id="home"{%endblock%} {% block primary %}<section class="archive"> @@ -14,7 +8,7 @@ <div class="img"> <a href="{{featured.get_absolute_url}}" title="{{featured.title}}"><img src="{{featured.get_image_url}}" alt="{{ featured.title }}" class="post-image" width="{{featured.image_width}}" height="{{featured.image_height}}" /></a> </div> - <p class="dateline"> + <p class="dateline bl"> <span class="location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% if featured.country_name == "United States" %}{{featured.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{featured.state_name}}</a>{%else%}{{featured.location_name|smartypants|safe}}, <a href="/writing/{{featured.country_name|slugify}}/1/" title="travel writing from {{featured.country_name}}">{{featured.country_name}}</a>{%endif%} <meta itemprop="latitude" content="{{featured.latitude}}" /> <meta itemprop="longitude" content="{{featured.longitude}}" /></span> @@ -28,8 +22,8 @@ {%comment%}<section id="currently"> <div class="project-tease"><a href="/projects/5x5/"><h4 id="proj">5<span>x</span>5</h4> Interviews From The Road</a><p>Lorem sit amet, consectetur adipiscing elit. Duis cursus sodales eros <cite>– William Brandon III</cite></p></div> </section>{%endcomment%} - <section id="archive"> - <h1>From the Archive</h1> + <section class="home harchive"> + <h1 class="sh">From the Archive</h1> {% include 'includes/recent_entries.html' %} </section> {% endblock %} diff --git a/templates/archives/map.html b/templates/archives/map.html index 0a002b9..1821fee 100644 --- a/templates/archives/map.html +++ b/templates/archives/map.html @@ -24,7 +24,7 @@ Google Maps code {% block primary %}<section id="page-header"> - <nav id="page-nav"> + <nav class="bl" id="page-nav"> <ul id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <li><a href="/" itemprop="url" title="luxagraf homepage"><span itemprop="title">Home</span></a> →</li> <li>Map</li> diff --git a/templates/archives/photos.html b/templates/archives/photos.html index 7e5e1ab..e31bd05 100644 --- a/templates/archives/photos.html +++ b/templates/archives/photos.html @@ -2,15 +2,15 @@ {% load typogrify %} {% load pagination_tags %} -{% block pagetitle %}Luxagraf | {% if region %}Photo Galleries: Images from {{region.name|title|smartypants|safe}}{%else%}Photo Galleries: Images from Around the World {%endif%} {{page}}{% endblock %} -{% block metadescription %}{% if region %}Photo Galleries from {{region.name|title|smartypants|safe}}{%else%}Photo Galleries: Images from Around the World {%endif%}{% endblock %} +{% block pagetitle %}Luxagraf | {% if region %}Photo Galleries: Images from {{region.name|title|smartypants|safe}}{%else%}Photo Galleries: Images from Around the World {%endif%} Page {{page}}{% endblock %} +{% block metadescription %}{% if region %}Photo Galleries from {{region.name|title|smartypants|safe}}{%else%}Photo Galleries: Images from Around the World {%endif%} Page {{page}}{% endblock %} {%block bodyid%}id="photo-archive"{%endblock%} {% block primary %}<section id="page-header"> <h1 class="hide">{% if region %}Photographs from {{region.name|title|smartypants|safe}}{%else%}Photographs from Around the World {%endif%}</h1> - <nav id="page-nav"> + <nav class="bl"> <ul id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> →</li> {% if region %}{%if region.name == 'United States'%} <li><a href="/photos/" title="See all Photos" itemprop="url"><span itemprop="title">Photos</span></a> →</li> @@ -21,9 +21,9 @@ <ul id="photo-galleries">{% autopaginate object_list 18 %} {% for object in object_list %} <li> <div class="figure"> - <a href="{{object.get_absolute_url}}"><img src="{{object.get_main_image}}" alt="{{ object.set_title }}" width="291" height="350" /></a> + <a href="{{object.get_absolute_url}}" title="view images from {{ object.set_title }}"><img src="{{object.get_main_image}}" alt="{{ object.set_title }}" width="291" height="350" /></a> <div class="legend"> - <h3>{{object.set_title}}</h3> + <h1>{{object.set_title}}</h1> <p>{{object.set_desc|truncatewords:30|smartypants|safe}}</p> </div> </div> diff --git a/templates/archives/projects.html b/templates/archives/projects.html index 4e1adab..89ba1ab 100644 --- a/templates/archives/projects.html +++ b/templates/archives/projects.html @@ -7,18 +7,16 @@ {% block primary %} <article> - <nav id="page-nav"> + <nav class="bl" id="page-nav"> <ul id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> <li>Projects</li> </ul> </nav> <h1 class="hide">Projects</h1> - <div class="top"><p class="col">These are a few of the things that I use to inspire myself to do more. The truth is, just about <a href="http://www.youtube.com/watch?v=8r1CZTLk-Gk" title="Louis CK talking about how everything is amazing">everything is amazing</a> when viewed from the proper perspective. </p> - - <p class="col two">The projects on luxagraf are more or less goals I've created in effort to get my body in motion, because the difference between the mundane and the amazing is often simply motion. To move is to do, and to do is to live.</p></div> - + <div class="top"><p class="col hyphenate">These are a few of the things that I use to inspire myself to do more. The truth is, just about <a href="http://www.youtube.com/watch?v=8r1CZTLk-Gk" title="Louis CK talking about how everything is amazing">everything is amazing</a> when viewed from the proper perspective. </p> + <p class="col two hyphenate">The projects on luxagraf are more or less goals I've created in effort to get my body in motion, because the difference between the mundane and the amazing is often simply motion. To move is to do, and to do is to live.</p></div> <section id="projects-archive" class="archive"> {%for object in object_list %} <article> <h1><a href="{{object.get_absolute_url}}" title="{{object.title}}">{{object.title|safe}} {{object.subtitle|safe}}</a></h1> diff --git a/templates/archives/writing.html b/templates/archives/writing.html index 952bf9f..e880343 100644 --- a/templates/archives/writing.html +++ b/templates/archives/writing.html @@ -2,14 +2,14 @@ {% load typogrify %} {% load pagination_tags %} -{% block pagetitle %}Luxagraf | {% if region %}Travel Writing from {{region.name|title|smartypants|safe}}{%else%}Travel Writing from Around the World {%endif%}{% endblock %} -{% block metadescription %}{% if region %}Travel writing, essays and dispatches from {{region.name|title|smartypants|safe}}{%else%}Travel writing, essays and dispatches from around the world{%endif%}{% endblock %} +{% block pagetitle %}Luxagraf | {% if region %}Travel Writing from {{region.name|title|smartypants|safe}}{%else%}Travel Writing from Around the World {%endif%} Page {{page}}{% endblock %} +{% block metadescription %}{% if region %}Travel writing, essays and dispatches from {{region.name|title|smartypants|safe}}{%else%}Travel writing, essays and dispatches from around the world{%endif%} Page {{page}}{% endblock %} {%block bodyid%}id="writing"{%endblock%} {% block primary %}<section id="page-header"> <h1 class="hide">{% if region %}Writings from {%if region.name == 'United States'%}the United States{%else%}{{region.name|title|smartypants|safe}}{%endif%}{%else%}Writing {%endif%}</h1> - <nav id="page-nav"> + <nav class="bl"> <ul id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> {% if region %}{%if region.name == 'United States'%} <li><a href="/writing/" title="See all Writing" itemprop="url"><span itemprop="title">Writing</span></a> →</li> @@ -24,12 +24,12 @@ <div class="img"> <a href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_image_url}}" alt="{{ object.title }}" width="{{object.image_width}}" height="{{object.image_height}}" class="post-image" /></a> </div> - <p class="dateline"> - <span class="location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.state_name}}</a>{%else%}{{object.location_name|smartypants|safe}}, <a href="/writing/{{object.country_name|slugify}}/1/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%} + <div class="dateline"> + <p class="location bl" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.state_name}}</a>{%else%}{{object.location_name|smartypants|safe}}, <a href="/writing/{{object.country_name|slugify}}/1/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%} <meta itemprop="latitude" content="{{object.latitude}}" /> - <meta itemprop="longitude" content="{{object.longitude}}" /></span> + <meta itemprop="longitude" content="{{object.longitude}}" /></p> <time datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"m/d/y"}}</time> - </p> + </div> <p class="hyphenate">{{object.dek|safe}}</p> </article> {% endfor %} </section> diff --git a/templates/base.html b/templates/base.html index 95fd6e9..4220a59 100644 --- a/templates/base.html +++ b/templates/base.html @@ -1,12 +1,11 @@ <!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]--> +<html {%block htmlclass%}{%endblock%} dir="ltr" lang="en-US"> <head> + <meta charset="utf-8" /> <title>{% block pagetitle %}Luxagraf - Topografical Writings{% endblock %}</title> - <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> + <meta name="description" + content="{% block metadescription %}Luxagraf: recording journeys around the world and just next door.{% endblock %}"> + <meta name="author" content="Scott Gilbertson"> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <!--[if IE]> <script src="{{MEDIA_URL}}js/html5css3ie.min.js"></script> @@ -14,30 +13,16 @@ <![endif]--> <link rel="alternate" type="application/rss+xml" - title="RSS 2.0" + title="Luxagraf RSS feed" href="http://feeds2.feedburner.com/luxagraf/blog"> {%block stylesheet%}<link rel="stylesheet" - href="{{MEDIA_URL}}css/base.css" - media="screen">{%endblock%}{%comment%} - <link rel="stylesheet" - href="{{MEDIA_URL}}css/print.css" - media="print">{%endcomment%} + href="{{MEDIA_URL}}css/stylesv6.css" + media="screen">{%endblock%} <!--[if IE]> <link rel="stylesheet" href="{{MEDIA_URL}}css/ie.css" media="screen"> <![endif]--> - <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"> - <script>var _gaq=[['_setAccount','UA-1186171-1'],['_trackPageview']];(function(d,t){ var g=d.createElement(t),s=d.getElementsByTagName(t)[0]; g.async=1;g.src='//www.google-analytics.com/ga.js';s.parentNode.insertBefore(g,s)}(document,'script'))</script> {%block extrahead%}{%endblock%} </head> @@ -47,12 +32,12 @@ <h1>Luxagraf</h1> <h2>{Walk Slowly}</h2> </a> - <nav role="navigation"> + <nav role="navigation" class="bl"> <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">Map</a>,</li> - <li id="projects" ><a href="/projects/" title="Luxagraf: Projects (coming soon)">Projects</a>,</li> + <li id="projects" ><a href="/projects/" title="Luxagraf: Projects">Projects</a>,</li> <li id="etc"><a href="/about/" title="About Luxagraf">Etc</a></li> </ul> </nav> @@ -60,7 +45,7 @@ {% block primary %}{% endblock %} {% block extrabody %}{% endblock %} <footer role="contentinfo"> - <nav> + <nav class="bl"> <ul> <li><a href="http://feeds2.feedburner.com/luxagraf/blog" title="RSS feed">Subscribe</a></li> <li><a href="http://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">@luxagraf</a></li> @@ -69,20 +54,10 @@ </ul> </nav> <p id="license"> - © 2003-{% now "Y" %} Scott Gilbertson, except photos, which are 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>). + © 2003-{% now "Y" %} Scott Gilbertson, except photos, which are licensed under the Creative Commons (<a href="http://creativecommons.org/licenses/by-sa/3.0/" title="read the Attribution-Share Alike 3.0 deed">details</a>). </p> </footer> {% block js %}{% endblock%} - {%comment%} - <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> - {%endcomment%} + <script src="{{MEDIA_URL}}js/ios-viewport-scaling-bug-fix.js"></script> </body> </html> diff --git a/templates/bin/map_sidebar.html b/templates/bin/map_sidebar.html index 18dd118..635c522 100644 --- a/templates/bin/map_sidebar.html +++ b/templates/bin/map_sidebar.html @@ -4,7 +4,7 @@ <h4>Trips</h4> <ul> {% for route in route_list %} - <li><a onclick="showRoute('{{route.template_var_name}}', {{route.zoom}}, '{{route.geometry.centroid.y}}','{{route.geometry.centroid.x}}');" href="#">{{route.name}}</a></li> + <li><a onclick="showRoute('{{route.template_var_name}}', {{route.zoom}}, '{{route.geometry.centroid.y}}','{{route.geometry.centroid.x}}');" href="#" title="show {{route.name}} on map">{{route.name}}</a></li> {% endfor %} </ul> <h4>Regions</h4> @@ -16,7 +16,7 @@ <h4>Countries</h4> <ul> - <li><a onclick="focusCountry(19.311143,2.460938,2);" href="#">All</a></li> + <li><a onclick="focusCountry(19.311143,2.460938,2);" href="#" title="view all countries">All</a></li> {%for country in country_list %} <li><a href="#{{country.slug}}" onclick="focusCountry({{country.lat}}, {{country.lon}}, {{country.zoom_level}});" title="See all writing from {{country.name|title}}">{{country.name}}</a></li> {% endfor %} diff --git a/templates/bin/recent_entries.html b/templates/bin/recent_entries.html index 0ee93b6..0cf3034 100644 --- a/templates/bin/recent_entries.html +++ b/templates/bin/recent_entries.html @@ -1,13 +1,13 @@ -{% load typogrify %}{% for object in object_list %}<article {%cycle '' 'class="mid"' %}> +{% load typogrify %}{% for object in object_list %}<article {%if forloop.last %}class="last"{%endif%}> <h1><a href="{{object.get_absolute_url}}" title="{%if object.title_keywords%}{{object.title_keywords}}{%else%}{{object.title}}{%endif%}">{{object.title|smartypants|widont|safe}}</a></h1> - <p class="dateline"> + <p class="dateline bl"> <span class="location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% 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%} <meta itemprop="latitude" content="{{object.latitude}}" /> <meta itemprop="longitude" content="{{object.longitude}}" /> </span> <time datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"m/d/y"}}</time> </p> - {%if object.thumbnail%}<img src="{{object.get_thumbnail_url}}" alt="{{ object.title }}" class="post-image" width="{{object.thumb_width}}" height="{{object.thumb_height}}" />{%endif%} + {%if object.thumbnail%}<a class="permalink" href="{{object.get_absolute_url}}" title="{{object.title}}"><img src="{{object.get_thumbnail_url}}" alt="{{ object.title }}" class="post-image" width="{{object.thumb_width}}" height="{{object.thumb_height}}" /></a>{%endif%} <p class="hyphenate">{{object.dek|safe}}</p> - <span class="button"><a class="permalink" href="{{object.get_absolute_url}}" title="{{object.title}}">More »</a></span> - </article>{% endfor %} + </article> + {% endfor %} diff --git a/templates/details/about.html b/templates/details/about.html index f8b36c8..acbf2a1 100644 --- a/templates/details/about.html +++ b/templates/details/about.html @@ -2,12 +2,12 @@ {% load typogrify %} {% block pagetitle %}Luxagraf | About{% endblock %} {% block metadescription %}About the site, luxagraf.net {% endblock %} - +{%block htmlclass%}class="single"{%endblock%} {%block bodyid%}id="about"{%endblock%} {% block primary %}<section id="page-header"> <h1 class="hide">About Luxagraf</h1> - <nav id="page-nav"> + <nav class="bl" id="page-nav"> <ul id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> <li>About</li> @@ -17,23 +17,18 @@ <article role="main"> <h1 class="hide">About Luxagraf</h1> - <section> - <div class="content"> + <div class="post-body-single"> <p>Luxagraf is written and published by Scott Gilbertson.</p> - <p><img src="{{MEDIA_URL}}img/bio.jpg" alt="Scott Gilbertson" /></p> - <p><small>Photo by <a href="http://twitter.com/lagsolo" >@lagsolo</a></small></p> - </div> - </section> - <section> + <p><img src="{{MEDIA_URL}}img/bio.jpg" alt="Scott Gilbertson" /> + <small>Photo by <a href="http://twitter.com/lagsolo" title="@lagsolo on Twitter" >@lagsolo</a></small></p> + <h2>Colophon</h2> - <div class="content"> - <p>Luxagraf is publishing using a custom content management system written with the <a href="http://docs.djangoproject.com/en/dev/ref/contrib/gis/">GeoDjango framework</a>. The site validates as HTML5 and uses @media rules to handle phones, iPads and the like. It should work in any modern web browser. If you have trouble, let me know.</p> + <p>Luxagraf is published using a custom content management system written with the <a href="http://docs.djangoproject.com/en/dev/ref/contrib/gis/">GeoDjango framework</a>. The site validates as HTML5 and uses @media rules to handle phones, iPads and the like. It should work in any modern web browser. If you have trouble, let me know.</p> - <p>I write in long hand because I am an old man and that's we used to roll. I make the clackity noise in BBEdit, the best text editor ever.</p> + <p>I write in long hand because I am an old man and that's we roll. I make the clackity noise in BBEdit, the best text editor ever.</p> - <p>Photos are processed with Adobe Lightroom and Photoshop. The galleries were inspired by the lovely <a href="http://www.pictorymag.com/">Pictory</a> photo showcase. Also note that the photos are licensed under the creative commons so you're free to use them so long as you attribute them to me.</p> - </div> - </section> + <p>Currently photos are taken with a Panasonic GF1. In the past I have used a Panasonic LX2 and a Canon S45. Minimal processing is done with Adobe Lightroom and Photoshop. The photo gallery layout was inspired by the lovely <a href="http://www.pictorymag.com/" title="Pictory Mag">Pictory</a> photo showcase. Also note that while the writing is copyrighted to me, the photos are licensed under a Creative Commons <a href="http://creativecommons.org/licenses/by-sa/3.0/">attribution, share-alike license</a>, which means you're free to use them so long as you attribute them to me.</p> + </div> {%comment%} <div class="content">{%for object in object_list %}{%if forloop.last %} diff --git a/templates/details/code.html b/templates/details/code.html index c603782..a593ae7 100644 --- a/templates/details/code.html +++ b/templates/details/code.html @@ -1,11 +1,10 @@ {% extends 'base.html' %} {% load typogrify %} {% block pagetitle %}Luxagraf | Projects | Code and Other Experiments {% endblock %} -{% block metadescription %}{% endblock %} +{%block htmlclass%}class="single"{%endblock%} +{% block metadescription %}Browser extentsions to block comments on onlineathens.com{% endblock %} {% block extrahead %} <style> -#page-header {margin: 2em 0 0 0;} -article[role="main"] header {margin-top: 0;} article[role="main"] a { color: #b53a04;} #ffext, #chrext, #bkmklt { display: block; @@ -37,8 +36,8 @@ article[role="main"] a { color: #b53a04;} {%block bodyid%}id="code"{%endblock%} {% block primary %}<section id="page-header"> - <h1 class="hide">The National Parks Project</h1> - <nav> + <h1 class="hide">Code</h1> + <nav class="bl"> <ul id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> →</li> <li><a href="/projects/" title="luxagraf projects page" itemprop="url"><span itemprop="title">Projects</span></a> →</li> @@ -51,13 +50,9 @@ article[role="main"] a { color: #b53a04;} <header> <h1>{{object.name}}</h1> </header> - <div id="post-body"> + <div class="post-body-single"> {{object.body_html|smartypants|widont|safe}} </div> - <section id="comments"> - <h4><a class="disqus-link-count" href="{{object.get_absolute_url}}#disqus_thread">Comments</a></h4> - <div id="disqus_thread"></div><script type="text/javascript" src="http://disqus.com/forums/luxagraf/embed.js"></script><noscript><a href="http://luxagraf.disqus.com/?url=ref">View the discussion thread.</a></noscript><a href="http://disqus.com" class="dsq-brlink">blog comments powered by <span class="logo-disqus">Disqus</span></a> - </section> {% endfor %} </article> diff --git a/templates/details/contact.html b/templates/details/contact.html index d2106b1..5956e51 100644 --- a/templates/details/contact.html +++ b/templates/details/contact.html @@ -1,26 +1,26 @@ {% extends 'base.html' %} {% load typogrify %} - +{%block htmlclass%}class="single"{%endblock%} {% block pagetitle %}Luxagraf: Email{% endblock %} {% block metadescription %}{% endblock %} {%block bodyid%}id="contact"{%endblock%} {% block primary %}<section id="page-header"> - <h1 class="hide">Luxagraf: Email</h1> - <nav id="page-nav"> + <h1 class="hide">Luxagraf: Contact</h1> + <nav id="page-nav" class="bl"> <ul id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> <li>Contact</li> </ul> </nav> </section> - <section id="contact"> <article role="main"> <header> <h1>Contact Information</h1> </header> <div id="post"> - <p>I'd love to hear what you think about the posts on luxagraf. Sadly, I suck at email. Or rather I don't have the time to respond the way I would like to, so if you don't hear back from me, or you do but it's five months later and you've entirely forgotten that you even emailed me in the first place, please don't take it personally.</p> + <p>I'd love to hear what you think about the posts on luxagraf. If you use Twitter, send me a message: <a href="http://twitter.com/luxagraf" rel="me" title="follow luxagraf on Twitter">@luxagraf</a>.</p> + <p>Then there's email. I'm not a big fan. Or rather I don't have the time to respond the way I would like to, which makes me like it less. So if you email me and don't hear back, or you do but it's five months later and you've entirely forgotten that you even emailed me in the first place, please don't take it personally.</p> <p>Please send your thoughts to:</p> <p> @@ -42,6 +42,5 @@ </p> </div> </article> - </section> {% endblock %} diff --git a/templates/details/entry.html b/templates/details/entry.html index c94485d..9454a41 100644 --- a/templates/details/entry.html +++ b/templates/details/entry.html @@ -3,12 +3,6 @@ {% block pagetitle %}{{object.title|title|smartypants|safe}} | Luxagraf, a travelogue | {% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, {{object.state_name}}{%else%}{{object.location_name|smartypants|safe}}, {{object.country_name}}{%endif%}){% endblock %} -{%block stylesheet%}{%if object.template_name == 2 or object.template_name == 3 %}<link rel="stylesheet" - href="{{MEDIA_URL}}css/dark.css" - type="text/css" - media="screen">{%else%}{{block.super}}{%endif%}{%endblock%} - - {% block metadescription %}{{object.meta_description|striptags|safe}}{% endblock %} {%block extrahead%} <link rel="canonical" href="http://luxagraf.net{{object.get_absolute_url}}" /> @@ -17,15 +11,15 @@ <meta name="geo.placename" content="{% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, {{object.state_name}}{%else%}{{object.location_name|smartypants|safe}}, {{object.country_name}}{%endif%}"> <meta name="geo.region" content="{{object.country_iso}}{%if object.state_iso != None %}-{{object.state_iso}}{%endif%}"> {%endblock%} - -{%block bodyid%}class="{%if object.template_name == 0 %}single"{%endif%}{%if object.template_name == 2%}single"{%endif%}{%if object.template_name == 1 %}double"{%endif%}{%if object.template_name == 3 %}double"{%endif%}{%endblock%} +{%block htmlclass%}{% with object.template_name as t %} +class="{%if t == 0 or t == 2 %}single{%endif%}{%if t == 1 or t == 3 %}double{%endif%}{%if t == 2 or t == 3 %} dark{%endif%}"{%endwith%}{%endblock%} {% block primary %} <article role="main"> <header> <h1>{{object.title|smartypants|widont|safe}}</h1> - <aside class="geo"> + <aside class="geo bl"> <span class="location" itemprop="geo" itemscope itemtype="http://data-vocabulary.org/Geo">{% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.state_name}}</a>{%else%}{{object.location_name|smartypants|safe}}, <a href="/writing/{{object.country_name|slugify}}/1/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%} <meta itemprop="latitude" content="{{object.latitude}}" /> <meta itemprop="longitude" content="{{object.longitude}}" /></span> @@ -33,44 +27,29 @@ </aside> <time datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F"}} <span>{{object.pub_date|date:"j, Y"}}</span></time> </header> - <div id="post-body"> + <div class="post-body{% with object.template_name as t %}{%if t == 0 or t == 2 %}-single{%endif%}{%if t == 1 or t == 3 %}-double{%endif%}{%endwith%}"> {{object.body_html|smartypants|widont|safe}} </div>{%if object.template_name == 1 %} <div class="clearfix"></div>{%endif%}{%if object.template_name == 3 %}<div class="clearfix"></div>{%endif%} - {% with object.get_next_published as next %} - {% with object.get_previous_published as prev %} - <nav id="page-navigation"> - <table>{% if prev%} - <tr> - <td><strong>Previous:</strong></td> - <td><a href="{{ prev.get_absolute_url }}" title="{{prev.title}}">{{prev.title}}</a></td> - </tr>{%endif%} - <tr>{% if next%} - <td><strong>Next:</strong></td> - <td><a href="{{ next.get_absolute_url }}" title="{{next.title}}">{{next.title}}</a></td> - </tr>{%endif%} - </table> {%endwith%}{%endwith%} - </div> {%comment%} <footer id="post-metadata"> <h4 class="hide">About {{object.title|smartypants|safe}}</h4> <p>Posted <time datetime="{{object.pub_date|date:'c'}}">{{object.pub_date|date:"F j, Y"}}</time>, from {% if object.country_name == "United States" %}{{object.location_name|smartypants|safe}}, <a href="/writing/united-states/1/" title="travel writing from the United States">{{object.state_name}}</a>{%else%}{{object.location_name|smartypants|safe}}, <a href="/writing/{{object.country_name|slugify}}/1/" title="travel writing from {{object.country_name}}">{{object.country_name}}</a>{%endif%}. Follow along on <a href="http://twitter.com/luxagraf" title="twitter" rel="me">Twitter</a> or by subscribing to the <a href="http://feeds.feedburner.com/luxagraf/blog" title="writing RSS 2.0 feed">RSS Feed</a>. For more about me, see the <a href="/about/" title="about luxagraf">about page</a>. To get in touch please use the <a href="/contact/" title="contact me">contact form</a> or leave a comment below.</p> </footer> - + {% endcomment %} {% with object.get_next_published as next %} {% with object.get_previous_published as prev %} <nav id="page-navigation"> - <ul>{% if next%} - <li id="prev"><span>Next:</span> - <a href="{{ next.get_absolute_url }}" title=" {{next.title}}">{{next.title}}</a> - </li>{%endif%} - {% if prev%}<li id="next"><span>Previous:</span> - <a href="{{ prev.get_absolute_url }}" title=" {{prev.title}}">{{prev.title}}</a> + <ul>{% if prev%}<li id="next"><span class="bl">Previous:</span> + <a href="{{ prev.get_absolute_url }}" title=" {{prev.title}}">{{prev.title|safe}}</a> + </li>{%endif%}{% if next%} + <li id="prev"><span class="bl">Next:</span> + <a href="{{ next.get_absolute_url }}" title=" {{next.title}}">{{next.title|safe}}</a> </li>{%endif%} </ul> </nav>{%endwith%}{%endwith%} - {% endcomment %} + {%comment%} <section id="comments"> <h4><a class="disqus-link-count" href="{{object.get_absolute_url}}#disqus_thread">Comments</a></h4> @@ -80,23 +59,6 @@ </article> {% endblock %} {% block js %} -{%comment%} -<script type="text/javascript"> -//<![CDATA[ -(function() { - var links = document.getElementsByTagName('a'); - var query = '?'; - for(var i = 0; i < links.length; i++) { - if(links[i].href.indexOf('#disqus_thread') >= 0) { - query += 'url' + i + '=' + encodeURIComponent(links[i].href) + '&'; - } - } - document.write('<script charset="utf-8" type="text/javascript" src="http://disqus.com/forums/luxagraf/get_num_replies.js' + query + '"></' + 'script>'); -})(); -//]]> -</script> -{%endcomment%} -{%if object.template_name == 1 or object.template_name == 3 %} +{% with object.template_name as t %}{%if t == 1 or t == 3 %} <script src="{{MEDIA_URL}}js/hyphenate.min.js" type="text/javascript"></script> -{%endif%} -{% endblock%}
\ No newline at end of file +{%endif%}{%endwith%}{%endblock%} diff --git a/templates/details/national-parks.html b/templates/details/national-parks.html index 2fefd28..8eaf232 100644 --- a/templates/details/national-parks.html +++ b/templates/details/national-parks.html @@ -3,32 +3,25 @@ {% block pagetitle %}Luxagraf | Projects | National Parks {% endblock %} {% block metadescription %}{% endblock %} -{%block stylesheet%}<link rel="stylesheet" - href="{{MEDIA_URL}}css/dark.css" - type="text/css" - media="screen">{%endblock%} - - {%block bodyid%}id="projects-detail"{%endblock%} -{% block bodyevents %}{% endblock %} +{% block htmlclass %}class="dark"{% endblock %} {% block primary %}<section id="page-header"> <h1 class="hide">The National Parks Project</h1> - <nav> + <nav class="bl"> <ul id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> →</li> <li><a href="/projects/" title="luxagraf projects page" itemprop="url"><span itemprop="title">Projects</span></a> →</li> <li>National Parks</li> </ul> </nav> - </section> - <section id="parks">{% for object in object_list %} - <article id="park-{{forloop.counter}}"> + </section>{% for object in object_list %} + <article id="park-{{forloop.counter}}" class="park"> <h1>{{object.name}}</h1> <div class="figure"> - <img src="{{object.image.url}}" alt="{{object.title}}" width="{{object.image_width}}" height="{{object.image_height}}" /> + <img src="{{object.image.url}}" alt="{{object.name}}" width="{{object.image_width}}" height="{{object.image_height}}" /> </div> <div class="legend"> <h2>{{object.tag_line}}</h2> @@ -51,9 +44,7 @@ <dd>{{object.url|urlize}}</dd> </dl> </div> - </article> - {% endfor %} - </section> + </article>{% endfor %} {% endblock %} {% block js %} <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script> diff --git a/templates/details/photo_galleries.html b/templates/details/photo_galleries.html index cd73b5f..acdc0e6 100644 --- a/templates/details/photo_galleries.html +++ b/templates/details/photo_galleries.html @@ -3,13 +3,7 @@ {% load number_to_word %} {% block pagetitle %}{{object.set_title}} - Luxagraf, Photos{% endblock %} - -{%block stylesheet%} - <link rel="stylesheet" - href="{{MEDIA_URL}}css/dark.css" - type="text/css" - media="screen"> -{%endblock%} +{%block htmlclass%}class="black"{%endblock%} {% block metadescription %}{{object.meta_description|striptags|safe}}{% endblock %} @@ -18,7 +12,7 @@ {% block primary %}<section id="page-header"> <h1 class="hide">Photos from {{object.set_title}}</h1> - <nav id="page-nav"> + <nav class="bl" id="page-nav"> <ul id="breadcrumbs" itemscope itemtype="http://data-vocabulary.org/Breadcrumb"> <li><a href="/" title="luxagraf homepage" itemprop="url"><span itemprop="title">Home</span></a> → </li> <li><a href="/photos/" title="See all Photos" itemprop="url"><span>Photos</span></a> →</li> @@ -31,7 +25,7 @@ {%for photo in object.photos.all reversed %} <article id="image-{{forloop.counter}}"> <h6><a href="#image-{{forloop.counter}}" class="permalink" title="link to this image">∞ {{forloop.counter|number_to_word}} ∞</a></h6> - <div class="fig"><img src="{{photo.get_local_slideshow_url}}" alt="{{photo.title}}" title="{{photo.title}}" height="{{photo.slideshowimage_height}}" width="{{photo.slideshowimage_width}}" style="margin-left:{{photo.slideshowimage_marginleft}}px; " /></div> + <div class="fig"><img src="{{photo.get_local_slideshow_url}}" alt="{{photo.title}}" title="{{photo.title}}" {%if photo.is_portait %}class="v"{%endif%} height="{{photo.slideshowimage_height}}" width="{{photo.slideshowimage_width}}" /></div> <div class="figcaption"> <div class="caption" id="id-{{photo.id}}"> <h3>{{photo.title}} <span>{{photo.exif_date|date:"M j, Y"}}</span></h3> @@ -39,7 +33,7 @@ {%if photo.description %}<p>{{photo.description|safe}}</p> {%endif%} </div> <div class="photo-options"> - <p>{% if photo.exif_make == 'Canon'%}{{photo.exif_model}}{%endif%}{% if photo.exif_model == 'DMC-LX2'%}{{photo.exif_make}} {{photo.exif_model}}{%endif%}{%if photo.exif_model == 'DMC-GF1' %}Panasonic GF1 w/{%endif%} {%if photo.exif_lens == 'LUMIX G VARIO 14-45/F3.5-5.6' %}<a href="http://amzn.to/azIr5w" title="buy the {{photo.exif_lens}} on Amazon">Lumix 14-45mm lens</a>{%endif%}{%if photo.exif_lens == 'LUMIX G 20/F1.7' %}<a href="http://amzn.to/daMYOm" title="buy the {{photo.exif_lens}} on Amazon">Lumix 20mm prime lens</a>{%endif%}{%if photo.exif_lens == 'LUMIX G VARIO 45-200/F4.0-5.6' %}<a href="http://amzn.to/a9DfV7" title="buy the {{photo.exif_lens}} on Amazon">Lumix 45-200mm lens</a>{%endif%}{%if photo.exif_lens == None %}Built-in{%endif%}</p> + <p>{% if photo.exif_make == 'Canon'%}{{photo.exif_model}}{%endif%}{% if photo.exif_model == 'DMC-LX2'%}{{photo.exif_make}} {{photo.exif_model}}{%endif%}{%if photo.exif_model == 'DMC-GF1' %}Panasonic GF1 w/{%endif%} {%if photo.exif_lens == 'LUMIX G VARIO 14-45/F3.5-5.6' %}<a href="http://amzn.to/azIr5w" title="buy the {{photo.exif_lens}} on Amazon">Lumix 14-45mm lens</a>{%endif%}{%if photo.exif_lens == 'LUMIX G 20/F1.7' %}<a href="http://amzn.to/daMYOm" title="buy the {{photo.exif_lens}} on Amazon">Lumix 20mm prime lens</a>{%endif%}{%if photo.exif_lens == 'LUMIX G VARIO 45-200/F4.0-5.6' %}<a href="http://amzn.to/a9DfV7" title="buy the {{photo.exif_lens}} on Amazon">Lumix 45-200mm lens</a>{%endif%}{%if photo.exif_lens == None %}{%endif%}</p> <p>{{photo.exif_exposure}} sec @ {{photo.exif_aperture}}, ISO {{photo.exif_iso}} </p> <!--<p><a href="{{photo.flickr_link}}" title="View this Photo on Flickr.com">View on Flickr</a></p>--> <!--<a href="#" class="exif-link" title="{{photo.id}}">Camera</a>--> @@ -66,7 +60,7 @@ </div> {%endcomment%} </div> - </article> + </article> {% endfor %} </section> {%endblock%} |
