diff options
| author | luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f> | 2010-06-27 18:31:54 +0000 |
|---|---|---|
| committer | luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f <luxagraf@c63593aa-01b0-44d9-8516-4b9c7e931d7f> | 2010-06-27 18:31:54 +0000 |
| commit | 2e615e8c464e0abfcc7e79375d546bd4703abb24 (patch) | |
| tree | 6bc0ce9564b2d90cc94db24e7baadf771739a758 | |
| parent | 0d6f39f2aa7c3922c6a696b0a8b3a2e72b475c45 (diff) | |
updated slideshow with better controls, option for non-playing permalinks
| -rw-r--r-- | media/css/base.css | 2 | ||||
| -rw-r--r-- | media/css/photos.css | 2 | ||||
| -rw-r--r-- | media/js/slideshow.js | 47 | ||||
| -rw-r--r-- | media/js/slideshow.pack.js | 2 | ||||
| -rw-r--r-- | media/sass/_projects.sass | 2 | ||||
| -rw-r--r-- | media/sass/photos.sass | 56 | ||||
| -rw-r--r-- | templates/details/photo_galleries.html | 23 |
7 files changed, 84 insertions, 50 deletions
diff --git a/media/css/base.css b/media/css/base.css index a98a4f1..b63bece 100644 --- a/media/css/base.css +++ b/media/css/base.css @@ -1 +1 @@ -ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}*:focus{outline:#b53a04 dotted thin}body{background:white;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;font-size:62.5%;line-height:23px;color:#201a11;text-align:center}p{margin:0.8em 0 0 0}a{text-decoration:none;color:#201a11}a:visited{color:#201a11;text-decoration:none}a:hover{color:#b53a04;text-decoration:none}header{width:980px;margin:0 auto 40px}header{border-bottom:#201a11 2px solid;height:160px}header h1 a{background:url('../img/logo.gif') no-repeat left bottom;height:158px;width:400px;float:left;text-indent:-1000px}header h2{float:left;text-indent:-1000px;display:none}header nav{float:left;margin-top:110px;margin-left:40px}header nav li{display:inline;font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:1.2em;margin-left:4px}header nav a:hover{color:#b53a04}footer{width:980px;background:#201a11;height:36px;color:#888;font-size:1.2em;margin:80px auto 0}footer nav li{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;line-height:36px;margin-left:8px}footer a{color:#888 !important}footer a:hover{color:#b53a04 !important}footer nav{float:right;margin-right:8px}footer p{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;padding-left:8px;line-height:36px;margin:0}article{width:980px;margin:0 auto}article ul{font-size:1.5em}ul#breadcrumbs{font-weight:normal;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:110%}ul#breadcrumbs li{display:inline}.hide{display:none}img.postpic,img.postpicright{display:block;margin:.3em .6em;border:#201a11 10px solid;clear:both}img.postpic{float:left;margin-left:0;margin-top:.3em}img.postpicright{float:right;margin-right:0}img.postpicleft{float:left;margin:5px}img.picfull{border:#201a11 10px solid;margin-top:20px}img.post-image{margin:0 10px 0 0;float:left;border:#201a11 10px solid !important}.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}p.pull-quote{font-size:14px !important;font-style:italic !important}sup{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:.7em;line-height:0;padding:3px 0 3px 3px}sup a{line-height:0}span.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}#writing-archive{margin-top:72px;margin-bottom:36px}#writing-archive li{clear:both}#writing-archive h3{font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;margin:0;text-align:left}#writing-archive div{width:400px;margin-right:20px;float:left;text-align:justify}#writing-archive div.img{width:520px;margin-left:20px;margin-bottom:36px}#writing-archive p{margin:0;font-size:1.1em}#writing-archive .location,#writing-archive time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:3em;font-size:.7em}#writing-archive img{border:#201a11 10px solid}body#writing-detail article{font-size:1.7em;line-height:1.5em}body#writing-detail article header{border:none;height:auto;width:auto;margin:0 0 0 0}body#writing-detail article h1{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.8em;line-height:1.2em;margin:0}body#writing-detail article aside{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:0.7em;line-height:2.3em}body#writing-detail article aside a{color:#201a11}body#writing-detail article aside a:hover{color:#b53a04}body#writing-detail article dl{font-size:100%}body#writing-detail article dl dt{font-style:italic;margin:9px}body#writing-detail article a{color:#b53a04}body#writing-detail article h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.6em;line-height:1.2em}.single article header,.single article div#post-body{margin-left:200px !important;width:560px !important}.single article header p:nth-of-type(1),.single article div#post-body p:nth-of-type(1){font-size:1.2em;line-height:1.4em}.double article header{float:left;width:180px !important;text-align:right !important;margin-top:20px !important}.double article header aside section{text-align:right !important;font-size:1em;line-height:18px}.double article div#post-body{width:780px;float:left;margin-left:20px}.double article div#post-body div.col{width:350px;float:left;margin:0 40px 0 0}.double article div#post-body img.picwide{clear:both;margin:30px 0 30px -200px;border:#201a11 10px solid}.double article div#post-body div.narrow{width:520px}span.drop{font-size:4.8em;display:block;float:left;padding:38px 10px 5px 0;overflow:visible}span.drop-small{font-size:2.9em;display:block;float:left;padding:19px 8px 5px 0;overflow:visible}blockquote{font-size:.8em}ol.footnote{font-size:12px;margin:18px 0}ol.footnote li{margin:12px 0;line-height:.8em}ol.footnote li p{line-height:18px !important;font-size:12px !important}ol.footnote li a,ol.footnote li span{font-size:12px}section#post-metadata{width:560px;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;margin:24px 0 24px 200px;font-size:0.8em;padding-bottom:8px}section#page-navigation{width:980px;margin:24px 0 0 0;text-transform:uppercase;font-size:.5em}section#page-navigation li#next{float:right;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin-right:140px}section#page-navigation li#prev{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin-left:120px}section#comments{clear:both;width:520px;margin:24px 0 24px 200px;font-size:.8em}section#comments h4{margin-top:96px;font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;text-transform:uppercase;font-size:1.3em}h4 a.disqus-link-count{color:#201a11 !important}#pagination{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;width:980px;clear:both;margin:0;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;text-align:center}#pagination .pagination{margin:8px 0}#pagination .current{color:#b53a04}body.dubcol footer nav li{font-size:0.6em}h4.notes{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-weight:bold;text-transform:uppercase}dl.addendum dt{font-style:italic;margin:0.8em 0 0 0;margin-left:-30px !important;text-indent:-30px;padding-left:30px}dl.addendum dd{margin:0.8em 0 0 0}ul#dsq-comments{font-size:1.2em}.dsq-comment-cite{font-family:Helvetica, Verdana, sans-serif;font-size:.9em !important;font-weight:normal;text-transform:uppercase}.dsq-comment-header-time,.dsq-comment-footer{font-family:Helvetica, Verdana, sans-serif}.dsq-comment-footer{font-size:.8em}#dsq-comments-title{display:none !important}#photo-archive article{width:980px}#photo-archive article h1{display:none}ul#photo-galleries{margin-left:-10px}ul#photo-galleries li{float:left;margin:10px;width:310px;position:relative;display:block}ul#photo-galleries div.figure{border:10px #201a11 solid;height:350px}ul#photo-galleries div.figure img{border:none}ul#photo-galleries span.legend{display:block;color:#888;padding:10px 10px 10px 15px;font-size:85%;line-height:18px;width:285px;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;position:absolute;bottom:0;left:0}ul#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase}ul#photo-galleries p{margin:0}.map-legend{width:160px;margin-top:24px;float:left}.map-legend h4{font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:1.4em;margin:8px 0}.map-legend li{font-size:90%;margin:0;line-height:20px}.clearfix{clear:both}#map-canvas{float:left;width:760px;height:500px;border:#201a11 10px solid;margin-left:40px;margin-top:24px}section#location #map-canvas{width:295px;height:350px;border:#201a11 10px solid;margin:10px 0 0 5px}.infowin{line-height:18px;margin-bottom:16px}.infowin p{font-size:1.4em;line-height:1.4em}.infowin h4{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:2.4em;margin:6px 0 0 0}.infowin a{color:#b53a04 !important;border-bottom:1px dotted #b53a04}.infowin .date{color:#888;text-align:center;text-transform:uppercase;display:block;text-align:left;margin:6px 0 0;font-size:1.2em}body#about section{clear:both;margin-top:24px}body#about section ul{font-size:1em;margin:18px}body#about section li{margin:9px}body#about section li a{font-weight:bold}.image{float:left;width:180px;margin-top:48px}.image img{border:#201a11 10px solid}.content{float:left;margin-left:20px;width:540px;font-size:1.6em}.content h3{font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;margin:0}section#post{margin-left:200px}section#post h1{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal}.contact-form li{clear:both;width:440px;padding:4px 0}.contact-form dt{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;text-align:right;font-size:.9em}.contact-form dt label{font-style:normal;text-align:right}.contact-form dd{text-align:right;margin-top:4px}.contact-form dd input#id_name,.contact-form dd input#id_email,.contact-form dd input#id_subject_line{width:298px}div.top{margin:36px 0 36px 0;clear:both;width:940px}div.top a{color:#b53a04}p.col{width:360px;float:left;margin:0 40px 0 0;font-size:14px}p.two{margin:0;margin-left:40px;width:450px}div.break{border-bottom:#e3e3e3 1px solid;width:980px;height:2px;padding-top:36px;clear:both;margin:0}ul.project-tease{margin-top:65px}ul.project-tease li{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:18px;line-height:16px;margin-top:36px;clear:both}ul.project-tease li .tease{float:left}ul.project-tease li .tease h4{font-size:24px;line-height:24px;margin:0;width:380px}ul.project-tease li .lede{clear:both;margin:0;padding-top:12px;width:380px}ul.project-tease li .lede p{font-family:Hoefler Text,Georgia,Times New Roman,Times,serif;font-size:.9em !important;line-height:23px;text-align:justify}ul.project-tease li span.proj{font-size:64px;line-height:50px;float:left;margin:2px 2px 0 0}ul.project-tease li span.proj span{font-size:36px}ul.project-tease li dt a{display:block;width:175px;float:left}ul.project-tease li div.img{float:right;width:540px;margin-bottom:72px}ul.project-tease li div.img img{border:#201a11 10px solid}.map-container{width:469px;height:392px;position:absolute;right:20px;bottom:60px;z-index:2000;margin:0;padding:0;background:url('../img/mapbg-dark.png') no-repeat top left}.more-container{width:405px;height:260px;position:absolute;right:-30px;bottom:40px;z-index:2000;background:url('../img/parkbg.png') no-repeat top left}.more-container dl{margin-top:45px;margin-left:45px}.more-container dl dt,.more-container dl dd{font-size:.9em;line-height:25px;margin:4px 0;font-family:Helvetica, Verdana, sans-serif}.more-container dl dt{clear:left;float:left;width:65px;font-weight:bold;line-height:25px;font-size:.7em;text-transform:uppercase}.more-container dl dd{float:left;width:250px;overflow:hidden}.more-container dl dd a:hover{color:#b53a04}.map-wrapper{width:400px;height:328px;margin:37px 0 0 44px}ul#parks{margin-top:36px}ul#parks li{width:980px;position:relative;display:block;margin-top:36px;clear:both;margin-bottom:72px}ul#parks div.figure img{border:none}ul#parks h4{display:block;color:#888;padding:10px 10px 10px 15px;background:#201a11;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;position:absolute;top:0;width:960px;color:#fff;font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;margin:0}ul#parks div.legend{display:block;padding:10px 10px 10px 15px;background:#201a11;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;position:absolute;bottom:0;height:45px;width:980px;font-size:10px;line-height:16px}ul#parks div.legend h5{font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;line-height:36px;font-size:18px;margin:0;padding:0;float:left}ul#parks div.legend p{margin:6px 0 10px 0}ul#parks div.legend ul.buttons{padding-top:6px;float:right;margin-right:20px}ul#parks div.legend ul.buttons li{float:left;clear:none;margin:0px 10px 0 0;width:auto;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:10px}ul#parks div.legend ul.buttons li a{padding:9px 14px 7px 14px;font-weight:bold;line-height:25px;text-transform:uppercase;background:#463215;color:#fff;-moz-border-radius:25px;-webkit-border-radius:25px}ul#parks div.legend ul.buttons li a:hover{background:#b53a04}ul#parks div.map{width:280px;margin-top:42px;height:130px;float:left;margin-left:6px}ul#parks div.map a{display:none}ul#parks div.map div div span{display:none}ul#parks div.entry-foot{clear:both;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:12px;background:#f3f;width:980px;margin-top:4px}img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png']{display:none !important}body#projects h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal}body#projects article p{font-size:1.4em}#featured-image img{margin-left:20px;margin-bottom:78px}p.hyphenate{text-align:justify}section#writing-tease,section#currently{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;font-size:.8em;clear:both;width:980px;padding-top:20px;border-top:#b9b9b9 1px dotted}section#currently{padding:0;margin-bottom:0px;margin-top:36px;border-top:#201a11 1px solid}section#currently div.project-tease{font-size:18px;line-height:16px;margin-top:8px}section#currently div.project-tease h4{font-size:64px;line-height:50px;float:left;margin:0}section#currently div.project-tease h4 span{font-size:36px}section#currently div.project-tease a{display:block;width:220px;float:left}section#currently div.project-tease p{font-size:.7em;text-transform:none;line-height:50px;margin-left:440px;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif}section#currently div.project-tease p cite{padding-left:4px}span.button{display:block;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin:10px 10px 0 0;width:auto;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:10px}span.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}span.button a:hover{background:#b53a04;color:#fff}section#writing-tease h2{margin:24px 0 24px 0}section#fromthearc{clear:both}section#fromthearc li{float:left;width:300px;margin-bottom:20px}section#fromthearc h2{font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:2em;margin:0}section#fromthearc .col2{margin-left:40px;margin-right:40px}section#fromthearc h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.2em;margin:0}section#fromthearc p{margin:0}section#fromthearc p.hyphenate{margin-top:3px;text-align:justify}section#fromthearc img{margin-top:4px}section#fromthearc .location,section#fromthearc time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:3em;margin:0;padding:0;font-size:.7em;text-align:left} +ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}*:focus{outline:#b53a04 dotted thin}body{background:white;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;font-size:62.5%;line-height:23px;color:#201a11;text-align:center}p{margin:0.8em 0 0 0}a{text-decoration:none;color:#201a11}a:visited{color:#201a11;text-decoration:none}a:hover{color:#b53a04;text-decoration:none}header{width:980px;margin:0 auto 40px}header{border-bottom:#201a11 2px solid;height:160px}header h1 a{background:url('../img/logo.gif') no-repeat left bottom;height:158px;width:400px;float:left;text-indent:-1000px}header h2{float:left;text-indent:-1000px;display:none}header nav{float:left;margin-top:110px;margin-left:40px}header nav li{display:inline;font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:1.2em;margin-left:4px}header nav a:hover{color:#b53a04}footer{width:980px;background:#201a11;height:36px;color:#888;font-size:1.2em;margin:80px auto 0}footer nav li{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;line-height:36px;margin-left:8px}footer a{color:#888 !important}footer a:hover{color:#b53a04 !important}footer nav{float:right;margin-right:8px}footer p{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;padding-left:8px;line-height:36px;margin:0}article{width:980px;margin:0 auto}article ul{font-size:1.5em}ul#breadcrumbs{font-weight:normal;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:110%}ul#breadcrumbs li{display:inline}.hide{display:none}img.postpic,img.postpicright{display:block;margin:.3em .6em;border:#201a11 10px solid;clear:both}img.postpic{float:left;margin-left:0;margin-top:.3em}img.postpicright{float:right;margin-right:0}img.postpicleft{float:left;margin:5px}img.picfull{border:#201a11 10px solid;margin-top:20px}img.post-image{margin:0 10px 0 0;float:left;border:#201a11 10px solid !important}.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}p.pull-quote{font-size:14px !important;font-style:italic !important}sup{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:.7em;line-height:0;padding:3px 0 3px 3px}sup a{line-height:0}span.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}#writing-archive{margin-top:72px;margin-bottom:36px}#writing-archive li{clear:both}#writing-archive h3{font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;margin:0;text-align:left}#writing-archive div{width:400px;margin-right:20px;float:left;text-align:justify}#writing-archive div.img{width:520px;margin-left:20px;margin-bottom:36px}#writing-archive p{margin:0;font-size:1.1em}#writing-archive .location,#writing-archive time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:3em;font-size:.7em}#writing-archive img{border:#201a11 10px solid}body#writing-detail article{font-size:1.7em;line-height:1.5em}body#writing-detail article header{border:none;height:auto;width:auto;margin:0 0 0 0}body#writing-detail article h1{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.8em;line-height:1.2em;margin:0}body#writing-detail article aside{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:0.7em;line-height:2.3em}body#writing-detail article aside a{color:#201a11}body#writing-detail article aside a:hover{color:#b53a04}body#writing-detail article dl{font-size:100%}body#writing-detail article dl dt{font-style:italic;margin:9px}body#writing-detail article a{color:#b53a04}body#writing-detail article h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.6em;line-height:1.2em}.single article header,.single article div#post-body{margin-left:200px !important;width:560px !important}.single article header p:nth-of-type(1),.single article div#post-body p:nth-of-type(1){font-size:1.2em;line-height:1.4em}.double article header{float:left;width:180px !important;text-align:right !important;margin-top:20px !important}.double article header aside section{text-align:right !important;font-size:1em;line-height:18px}.double article div#post-body{width:780px;float:left;margin-left:20px}.double article div#post-body div.col{width:350px;float:left;margin:0 40px 0 0}.double article div#post-body img.picwide{clear:both;margin:30px 0 30px -200px;border:#201a11 10px solid}.double article div#post-body div.narrow{width:520px}span.drop{font-size:4.8em;display:block;float:left;padding:38px 10px 5px 0;overflow:visible}span.drop-small{font-size:2.9em;display:block;float:left;padding:19px 8px 5px 0;overflow:visible}blockquote{font-size:.8em}ol.footnote{font-size:12px;margin:18px 0}ol.footnote li{margin:12px 0;line-height:.8em}ol.footnote li p{line-height:18px !important;font-size:12px !important}ol.footnote li a,ol.footnote li span{font-size:12px}section#post-metadata{width:560px;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;margin:24px 0 24px 200px;font-size:0.8em;padding-bottom:8px}section#page-navigation{width:980px;margin:24px 0 0 0;text-transform:uppercase;font-size:.5em}section#page-navigation li#next{float:right;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin-right:140px}section#page-navigation li#prev{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin-left:120px}section#comments{clear:both;width:520px;margin:24px 0 24px 200px;font-size:.8em}section#comments h4{margin-top:96px;font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;text-transform:uppercase;font-size:1.3em}h4 a.disqus-link-count{color:#201a11 !important}#pagination{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;width:980px;clear:both;margin:0;border-top:#201a11 1px dotted;border-bottom:#201a11 1px dotted;text-align:center}#pagination .pagination{margin:8px 0}#pagination .current{color:#b53a04}body.dubcol footer nav li{font-size:0.6em}h4.notes{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-weight:bold;text-transform:uppercase}dl.addendum dt{font-style:italic;margin:0.8em 0 0 0;margin-left:-30px !important;text-indent:-30px;padding-left:30px}dl.addendum dd{margin:0.8em 0 0 0}ul#dsq-comments{font-size:1.2em}.dsq-comment-cite{font-family:Helvetica, Verdana, sans-serif;font-size:.9em !important;font-weight:normal;text-transform:uppercase}.dsq-comment-header-time,.dsq-comment-footer{font-family:Helvetica, Verdana, sans-serif}.dsq-comment-footer{font-size:.8em}#dsq-comments-title{display:none !important}#photo-archive article{width:980px}#photo-archive article h1{display:none}ul#photo-galleries{margin-left:-10px}ul#photo-galleries li{float:left;margin:10px;width:310px;position:relative;display:block}ul#photo-galleries div.figure{border:10px #201a11 solid;height:350px}ul#photo-galleries div.figure img{border:none}ul#photo-galleries span.legend{display:block;color:#888;padding:10px 10px 10px 15px;font-size:85%;line-height:18px;width:285px;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;position:absolute;bottom:0;left:0}ul#photo-galleries h3{color:#fff;padding:0;margin:3px 0;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase}ul#photo-galleries p{margin:0}.map-legend{width:160px;margin-top:24px;float:left}.map-legend h4{font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:1.4em;margin:8px 0}.map-legend li{font-size:90%;margin:0;line-height:20px}.clearfix{clear:both}#map-canvas{float:left;width:760px;height:500px;border:#201a11 10px solid;margin-left:40px;margin-top:24px}section#location #map-canvas{width:295px;height:350px;border:#201a11 10px solid;margin:10px 0 0 5px}.infowin{line-height:18px;margin-bottom:16px}.infowin p{font-size:1.4em;line-height:1.4em}.infowin h4{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:2.4em;margin:6px 0 0 0}.infowin a{color:#b53a04 !important;border-bottom:1px dotted #b53a04}.infowin .date{color:#888;text-align:center;text-transform:uppercase;display:block;text-align:left;margin:6px 0 0;font-size:1.2em}body#about section{clear:both;margin-top:24px}body#about section ul{font-size:1em;margin:18px}body#about section li{margin:9px}body#about section li a{font-weight:bold}.image{float:left;width:180px;margin-top:48px}.image img{border:#201a11 10px solid}.content{float:left;margin-left:20px;width:540px;font-size:1.6em}.content h3{font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;margin:0}section#post{margin-left:200px}section#post h1{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal}.contact-form li{clear:both;width:440px;padding:4px 0}.contact-form dt{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;text-align:right;font-size:.9em}.contact-form dt label{font-style:normal;text-align:right}.contact-form dd{text-align:right;margin-top:4px}.contact-form dd input#id_name,.contact-form dd input#id_email,.contact-form dd input#id_subject_line{width:298px}div.top{margin:36px 0 36px 0;clear:both;width:940px}div.top a{color:#b53a04}p.col{width:360px;float:left;margin:0 40px 0 0;font-size:14px}p.two{margin:0;margin-left:40px;width:450px}div.break{border-bottom:#e3e3e3 1px solid;width:980px;height:2px;padding-top:36px;clear:both;margin:0}ul.project-tease{margin-top:65px}ul.project-tease li{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:18px;line-height:16px;margin-top:36px;clear:both}ul.project-tease li .tease{float:left}ul.project-tease li .tease h4{font-size:24px;line-height:24px;margin:0;width:380px}ul.project-tease li .lede{clear:both;margin:0;padding-top:12px;width:380px}ul.project-tease li .lede p{font-family:Hoefler Text,Georgia,Times New Roman,Times,serif;font-size:.9em !important;line-height:23px;text-align:justify}ul.project-tease li span.proj{font-size:64px;line-height:50px;float:left;margin:2px 2px 0 0}ul.project-tease li span.proj span{font-size:36px}ul.project-tease li dt a{display:block;width:175px;float:left}ul.project-tease li div.img{float:right;width:540px;margin-bottom:72px}ul.project-tease li div.img img{border:#201a11 10px solid}.map-container{width:469px;height:392px;position:absolute;right:20px;bottom:60px;z-index:2000;margin:0;padding:0;background:url('../img/mapbg-dark.png') no-repeat top left}.more-container{width:405px;height:260px;position:absolute;right:-30px;bottom:40px;z-index:2000;background:url('../img/parkbg.png') no-repeat top left}.more-container dl{margin-top:45px;margin-left:45px}.more-container dl dt,.more-container dl dd{font-size:.9em;line-height:25px;margin:4px 0;font-family:Helvetica, Verdana, sans-serif}.more-container dl dt{clear:left;float:left;width:65px;font-weight:bold;line-height:25px;font-size:.7em;text-transform:uppercase}.more-container dl dd{float:left;width:250px;overflow:hidden}.more-container dl dd a:hover{color:#b53a04}.map-wrapper{width:400px;height:328px;margin:37px 0 0 44px}ul#parks{margin-top:36px}ul#parks li{width:980px;position:relative;display:block;margin-top:36px;clear:both;margin-bottom:72px}ul#parks div.figure img{border:none}ul#parks h4{display:block;color:#888;padding:10px 10px 10px 15px;background:#201a11;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;position:absolute;top:0;width:960px;color:#fff;font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;margin:0}ul#parks div.legend{display:block;padding:10px 10px 10px 15px;background:#201a11;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";filter:alpha(opacity=85);-moz-opacity:0.85;-khtml-opacity:0.85;opacity:0.85;position:absolute;bottom:0;height:45px;width:980px;font-size:10px;line-height:16px}ul#parks div.legend h5{font-family:Helvetica, Verdana, sans-serif;font-size:1.6em;line-height:1.3em;font-weight:normal;line-height:36px;font-size:18px;margin:0;padding:0;float:left}ul#parks div.legend p{margin:6px 0 10px 0}ul#parks div.legend ul.buttons{padding-top:6px;float:right;margin-right:20px}ul#parks div.legend ul.buttons li{float:left;clear:none;margin:0px 10px 0 0;width:auto;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:10px}ul#parks div.legend ul.buttons li a{padding:9px 14px 7px 14px;font-weight:bold;line-height:25px;text-transform:uppercase;background:#463215;color:#fff;-moz-border-radius:25px;-webkit-border-radius:25px;-o-border-radius:25px;border-radius:25px}ul#parks div.legend ul.buttons li a:hover{background:#b53a04}ul#parks div.map{width:280px;margin-top:42px;height:130px;float:left;margin-left:6px}ul#parks div.map a{display:none}ul#parks div.map div div span{display:none}ul#parks div.entry-foot{clear:both;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:12px;background:#f3f;width:980px;margin-top:4px}img[src='http://maps.gstatic.com/intl/en_us/mapfiles/poweredby.png']{display:none !important}body#projects h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal}body#projects article p{font-size:1.4em}#featured-image img{margin-left:20px;margin-bottom:78px}p.hyphenate{text-align:justify}section#writing-tease,section#currently{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;font-size:.8em;clear:both;width:980px;padding-top:20px;border-top:#b9b9b9 1px dotted}section#currently{padding:0;margin-bottom:0px;margin-top:36px;border-top:#201a11 1px solid}section#currently div.project-tease{font-size:18px;line-height:16px;margin-top:8px}section#currently div.project-tease h4{font-size:64px;line-height:50px;float:left;margin:0}section#currently div.project-tease h4 span{font-size:36px}section#currently div.project-tease a{display:block;width:220px;float:left}section#currently div.project-tease p{font-size:.7em;text-transform:none;line-height:50px;margin-left:440px;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif}section#currently div.project-tease p cite{padding-left:4px}span.button{display:block;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;margin:10px 10px 0 0;width:auto;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:10px}span.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}span.button a:hover{background:#b53a04;color:#fff}section#writing-tease h2{margin:24px 0 24px 0}section#fromthearc{clear:both}section#fromthearc li{float:left;width:300px;margin-bottom:20px}section#fromthearc h2{font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:2em;margin:0}section#fromthearc .col2{margin-left:40px;margin-right:40px}section#fromthearc h3{font-family:Helvetica, Verdana, sans-serif;font-size:2em;line-height:1.5em;font-weight:normal;font-size:1.2em;margin:0}section#fromthearc p{margin:0}section#fromthearc p.hyphenate{margin-top:3px;text-align:justify}section#fromthearc img{margin-top:4px}section#fromthearc .location,section#fromthearc time{font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;line-height:3em;margin:0;padding:0;font-size:.7em;text-align:left} diff --git a/media/css/photos.css b/media/css/photos.css index 6adca4d..955777c 100644 --- a/media/css/photos.css +++ b/media/css/photos.css @@ -1 +1 @@ -ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}*:focus{outline:#b53a04 dotted thin}body{background:white;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;font-size:62.5%;line-height:23px;color:#201a11;text-align:center}p{margin:0.8em 0 0 0}a{text-decoration:none;color:#201a11}a:visited{color:#201a11;text-decoration:none}a:hover{color:#b53a04;text-decoration:none}header{width:980px;margin:0 auto 40px}header{border-bottom:#201a11 2px solid;height:160px}header h1 a{background:url('../img/logo.gif') no-repeat left bottom;height:158px;width:400px;float:left;text-indent:-1000px}header h2{float:left;text-indent:-1000px;display:none}header nav{float:left;margin-top:110px;margin-left:40px}header nav li{display:inline;font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:1.2em;margin-left:4px}header nav a:hover{color:#b53a04}footer{width:980px;background:#201a11;height:36px;color:#888;font-size:1.2em;margin:80px auto 0}footer nav li{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;line-height:36px;margin-left:8px}footer a{color:#888 !important}footer a:hover{color:#b53a04 !important}footer nav{float:right;margin-right:8px}footer p{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;padding-left:8px;line-height:36px;margin:0}article{width:980px;margin:0 auto}article ul{font-size:1.5em}ul#breadcrumbs{font-weight:normal;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:110%}ul#breadcrumbs li{display:inline}.hide{display:none}img.postpic,img.postpicright{display:block;margin:.3em .6em;border:#201a11 10px solid;clear:both}img.postpic{float:left;margin-left:0;margin-top:.3em}img.postpicright{float:right;margin-right:0}img.postpicleft{float:left;margin:5px}img.picfull{border:#201a11 10px solid;margin-top:20px}img.post-image{margin:0 10px 0 0;float:left;border:#201a11 10px solid !important}.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}p.pull-quote{font-size:14px !important;font-style:italic !important}sup{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:.7em;line-height:0;padding:3px 0 3px 3px}sup a{line-height:0}span.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}ul#breadcrumbs{font-size:65%;font-family:Hoefler Text,Georgia,Times New Roman,Times,serif;margin:0;float:left}ul#instructions{font-size:70%;font-family:Hoefler Text,Georgia,Times New Roman,Times,serif;text-transform:uppercase;margin:0;line-height:1.2em;visibility:hidden;margin-left:720px}ul#instructions li{display:inline}.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}body{background:#000}.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;width:960px}.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;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-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;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=65)";filter:alpha(opacity=65);-moz-opacity:0.65;-khtml-opacity:0.65;opacity:0.65;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} +ol,ul,li,dl{list-style:none;margin:0;padding:0;border:0;outline:0;background:transparent}blockquote,q{quotes:none}:focus{outline:0}header,section,footer,aside,article,nav{display:block;text-align:left}*:focus{outline:#b53a04 dotted thin}body{background:white;font-family:Hoefler Text, Georgia, Times New Roman, Times, serif;font-size:62.5%;line-height:23px;color:#201a11;text-align:center}p{margin:0.8em 0 0 0}a{text-decoration:none;color:#201a11}a:visited{color:#201a11;text-decoration:none}a:hover{color:#b53a04;text-decoration:none}header{width:980px;margin:0 auto 40px}header{border-bottom:#201a11 2px solid;height:160px}header h1 a{background:url('../img/logo.gif') no-repeat left bottom;height:158px;width:400px;float:left;text-indent:-1000px}header h2{float:left;text-indent:-1000px;display:none}header nav{float:left;margin-top:110px;margin-left:40px}header nav li{display:inline;font-size:1.1em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:1.2em;margin-left:4px}header nav a:hover{color:#b53a04}footer{width:980px;background:#201a11;height:36px;color:#888;font-size:1.2em;margin:80px auto 0}footer nav li{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;text-transform:uppercase;line-height:36px;margin-left:8px}footer a{color:#888 !important}footer a:hover{color:#b53a04 !important}footer nav{float:right;margin-right:8px}footer p{float:left;font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;padding-left:8px;line-height:36px;margin:0}article{width:980px;margin:0 auto}article ul{font-size:1.5em}ul#breadcrumbs{font-weight:normal;font-size:0.8em;letter-spacing:1px;line-height:1.2em;text-transform:uppercase;font-size:110%}ul#breadcrumbs li{display:inline}.hide{display:none}img.postpic,img.postpicright{display:block;margin:.3em .6em;border:#201a11 10px solid;clear:both}img.postpic{float:left;margin-left:0;margin-top:.3em}img.postpicright{float:right;margin-right:0}img.postpicleft{float:left;margin:5px}img.picfull{border:#201a11 10px solid;margin-top:20px}img.post-image{margin:0 10px 0 0;float:left;border:#201a11 10px solid !important}.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}p.pull-quote{font-size:14px !important;font-style:italic !important}sup{font-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:.7em;line-height:0;padding:3px 0 3px 3px}sup a{line-height:0}span.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}*:focus{outline:none}ul#breadcrumbs{font-size:65%;font-family:Hoefler Text,Georgia,Times New Roman,Times,serif;margin:0;float:left}.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}body{background:#000}.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;width:960px}.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;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-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;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=65)";filter:alpha(opacity=65);-moz-opacity:0.65;-khtml-opacity:0.65;opacity:0.65;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-family:Helvetica, Verdana, sans-serif;font-size:1em;font-weight:normal;font-size:12px;line-height:18px;text-align:center;width:200px;margin:0 auto;position:relative;left:-5px}#slideshow-controls li{display:inline;margin:0}#slideshow-controls li a{padding:4px 6px;background:#3B3B3B;border-color:#111111 #020202 #000000 #111111;color:#DDDDDD;text-shadow:1px 1px 0 #161616}#slideshow-controls li a:hover{background:#303030}#slideshow-controls 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}#slideshow-controls 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}#slideshow-controls li a#play{border-left:#484848 1px solid;border-right:#484848 1px solid;text-align:center} diff --git a/media/js/slideshow.js b/media/js/slideshow.js index 05f00a7..227efdd 100644 --- a/media/js/slideshow.js +++ b/media/js/slideshow.js @@ -73,6 +73,23 @@ function remove_exif() { // $(document).ready(function(){ + + + //Add navigation + $('#breadcrumbs').after('<div id="slideshow-controls"><ul><li><a id="prev" title="you can also use the arrow keys to navigate" href="#"> ← Older</a></li><li><a id="play" title="Pause Slideshow" href="#">▐▐</a></li><li><a id="next" title="you can also use the arrow keys to navigate" href="#">Newer →</a></li></ul></div>'); + //activate pause button + $('#play').toggle(function() { + $('#slides').cycle('pause'); + $(this).html('▶'); + $(this).attr('title','Play slideshow'); + }, function() { + $('#slides').cycle('resume', true); + $(this).html('▐▐'); + $(this).attr('title','Pause slideshow'); + }); + + + //set up click events for map button $('.map-link').click( function() { if ($("#exif-container").is(":visible")){ @@ -105,28 +122,36 @@ $(document).ready(function(){ $('#slides').append('<div class="slidenav"><a id="prev">< Prev </a><a id="next"> Next ></a></div>'); $('.slidenav').css("display","none"); + var is_permalink = false; //find out if we should display a specific slide var index = 0, hash = window.location.hash; if (hash) { index = /\d+/.exec(hash)[0]; index = (parseInt(index) || 1) - 1; // slides are zero-based + //if this is a permalink, then don't autoplay: + is_permalink = true; } // initialize the cycle slideshow $('#slides .bigimg').wrapAll('<div class="bigimgs">').parents('#slides').append('<ul class="menu" id="feature_gallery_pager">').cycle({ fx: 'fade', startingSlide: index, - prev: '#prev', - next: '#next', + prev: $(this).find('#prev'), + next: $(this).find('#next'), before: onBefore, after: onAfter, slideExpr: '.bigimg', pager: '#feature_gallery_pager', pagerAnchorBuilder: function(idx, slide) { return '<li><a href="#"><img src="'+slide.id+'" class="thumb"><span></span></a></li>'; - }, - pause: 1 + } }); + //if this is a permalink, then pause: + if(is_permalink == true) { + $('#slides').cycle('pause'); + $('#play').html('▶'); + $('#play').attr('title','Play slideshow'); + } //callback to delete map and camera info windows if they exist function onBefore() { $('#map-container').remove(); @@ -163,15 +188,6 @@ $(document).ready(function(){ }); }); - /* hover buttons, currently not used - $("#slideshow").hover(function() { - $("ul#nav").fadeIn(); - }, - function() { - $("ul#nav").fadeOut(); - }); - */ - //enable keyboard shortcuts: $(document.documentElement).keyup(function(event) { var direction = null; @@ -187,10 +203,7 @@ $(document).ready(function(){ } }); - //enable slideshow instructions - $('#instructions').css("visibility","visible") - - + }); diff --git a/media/js/slideshow.pack.js b/media/js/slideshow.pack.js index 633ca76..9470eba 100644 --- a/media/js/slideshow.pack.js +++ b/media/js/slideshow.pack.js @@ -1 +1 @@ -eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('3 T(D){9 4;1c=B(D.L(\',\')[0]);1o=B(D.L(\',\')[1]);j=D.L(\',\')[2];9 G;7(G==1r){1m()}v{18()}3 18(){9 s=y r.u.1C(1c,1o);9 1f={1u:6,1B:s,1A:r.u.1t.1x};4=y r.u.1v(H.1s("4-W"),1f);9 1n=y r.u.19({R:s,4:4,j:j});G=1r}3 1m(){9 1n=y r.u.19({R:s,4:4,j:j});4.1y(s)}}3 11(e){$(e).h().h().h().m(\'<l b="4-5">\');$(\'#4-5\').m(\'<l b="4-W">\');$(\'#4-5\').g({15:3(8,16){i B($(e).h().h().g("1a"))-2}});T(e.j)}3 N(){$(\'#4-5\').C()}3 Y(e,b){$(e).J().S(2).m(\'<l b="c-5">\');$(e).J().S(2).1w(\'.1D\').1z().1E(\'#c-5\').g(\'X\',\'1F\');$(\'#c-5\').g({15:3(8,16){i B($(e).h().h().g("1a"))-14}})}3 K(){$("#c-5").C()}$(H).29(3(){$(\'.4-Z\').F(3(){7($("#c-5").x(":q")){K()}7($(\'#4-5\').x(":q")){N()}v{11(I)}i O});$(\'.c-Z\').F(3(){7($(\'#4-5\').x(":q")){N()}7($(\'#c-5\').x(":q")){K()}v{Y(I)}i O});$(\'#f\').m(\'<l A="13"><a b="n">< 2e&12;</a><a b="k">&12;28 ></a></l>\');$(\'.13\').g("X","21");9 8=0,t=1j.1i.t;7(t){8=/\\d+/.25(t)[0];8=(27(8)||1)-1}$(\'#f .V\').26(\'<l A="24">\').J(\'#f\').m(\'<23 A="22" b="M">\').2f({2d:\'2c\',2b:8,1G:1,n:\'#n\',k:\'#k\',2a:1l,20:1e,1Y:\'.V\',1M:\'#M\',1Z:3(1N,1p){i\'<1d><a 1O="#"><1L 1K="\'+1p.b+\'" A="1H"><1k></1k></a></1d>\'}});3 1l(){$(\'#4-5\').C();$(\'#c-5\').C()}3 1e(1I,k,o){1j.1i.t=\'z\'+(o.w+1);7(o.w%10==0){7(o.w!=0){$(\'#f\').1h(\'z-P\',[o.w+1])}v{$(\'#f\').1h(\'z-P\',[1])}}}3 1q(17){$(\'#f\').1J(\'z-P\',3(E,1g){17.1b(1g);i O})};$(3(){$(\'#M\').1P({1b:10,1Q:1q})});$(H.1W).1X(3(E){9 p=Q;7(E.U==1V){p=\'n\'}v 7(E.U==1U){p=\'k\'}7(p!=Q){$(\'#f\').1R(3(8){$(\'#n,#k\',I)[p]().F()})}});$(\'#1S\').g("1T","q")});',62,140,'|||function|map|container||if|index|var||id|exif||obj|slides|css|parent|return|title|next|div|append|prev|opts|direction|visible|google|centerCoord|hash|maps|else|currSlide|is|new|image|class|parseFloat|remove|latlontitle|event|click|mapitinit|document|this|parents|remove_exif|split|feature_gallery_pager|remove_map|false|loaded|null|position|eq|mapit|keyCode|bigimg|wrapper|display|get_exif|link||create_map|nbsp|slidenav||bottom|value|carousel|mapInit|Marker|height|scroll|lat|li|onAfter|mapOptions|num|trigger|location|window|span|onBefore|panto|marker|lon|slide|initCallbackFunction|true|getElementById|MapTypeId|zoom|Map|children|TERRAIN|panTo|clone|mapTypeId|center|LatLng|meta|appendTo|block|pause|thumb|curr|bind|src|img|pager|idx|href|jcarousel|initCallback|each|instructions|visibility|39|37|documentElement|keyup|slideExpr|pagerAnchorBuilder|after|none|menu|ul|bigimgs|exec|wrapAll|parseInt|Next|ready|before|startingSlide|fade|fx|Prev|cycle'.split('|'),0,{})) +eval(function(p,a,c,k,e,d){e=function(c){return(c<a?'':e(parseInt(c/a)))+((c=c%a)>35?String.fromCharCode(c+29):c.toString(36))};if(!''.replace(/^/,String)){while(c--){d[e(c)]=k[c]||e(c)}k=[function(e){return d[e]}];e=function(){return'\\w+'};c=1};while(c--){if(k[c]){p=p.replace(new RegExp('\\b'+e(c)+'\\b','g'),k[c])}}return p}('3 15(B){1l=A(B.K(\',\')[0]);1r=A(B.K(\',\')[1]);l=B.K(\',\')[2];u=w g.k.1t(1l,1r);h O;7(O==C){U()}v{1i()}3 1i(){h 1e={1v:6,1u:u,1x:C,1L:C,1y:g.k.1J.1K,1F:{1A:g.k.1z.1B}};4=w g.k.1C(M.1D("4-13"),1e);h S=w g.k.T({18:u,4:4,l:l});O=C}3 U(){h S=w g.k.T({18:u,4:4,l:l});4.1E(u)}}3 X(8){$(8).f().f().f().s(\'<i b="4-5">\');$(\'#4-5\').s(\'<i b="4-13">\');$(\'#4-5\').o({Y:3(c,1q){j A($(8).f().f().Z())-2}});15(8.l)}3 P(){$(\'#4-5\').z()}3 11(8,b){$(8).G().16(2).s(\'<i b="9-5">\');$(8).G().16(2).1I(\'.1G\').1H().1s(\'#9-5\').o(\'17\',\'1w\');$(\'#9-5\').o({Y:3(c,1q){j A($(8).f().f().Z())-14}})}3 H(){$("#9-5").z()}$(M).2f(3(){$(\'.4-W\').J(3(){7($("#9-5").F(":p")){H()}7($(\'#4-5\').F(":p")){P()}v{X(I)}j N});$(\'.9-W\').J(3(){7($(\'#4-5\').F(":p")){P()}7($(\'#9-5\').F(":p")){H()}v{11(I)}j N});$(\'#e\').s(\'<i E="V"><a b="n">< 2j&12;</a><a b="m">&12;28 ></a></i>\');$(\'.V\').o("17","2a");h c=0,q=1b.1a.q;7(q){c=/\\d+/.2b(q)[0];c=(2c(c)||1)-1}$(\'#e .R\').29(\'<i E="26">\').G(\'#e\').s(\'<2d E="2e" b="Q">\').2k({1M:\'2l\',2i:c,n:\'#n\',m:\'#m\',2h:19,2g:1j,27:\'.R\',24:\'#Q\',1S:3(25,1m){j\'<1o><a 1T="#"><1U 1R="\'+1m.b+\'" E="1Q"><1k></1k></a></1o>\'},1N:1});3 19(){$(\'#4-5\').z();$(\'#9-5\').z()}3 1j(1O,m,r){7(r.y%10==0){7(r.y!=0){$(\'#e\').1c(\'x-L\',[r.y+1])}v{$(\'#e\').1c(\'x-L\',[1])}}1b.1a.q=\'x\'+(r.y+1)}3 1d(1h){$(\'#e\').1P(\'x-L\',3(D,1g){1h.1f(1g);j N})};$(3(){$(\'#Q\').1V({1f:10,1W:1d})});$(M.22).23(3(D){h t=1n;7(D.1p==21){t=\'n\'}v 7(D.1p==20){t=\'m\'}7(t!=1n){$(\'#e\').1X(3(c){$(\'#n,#m\',I)[t]().J()})}});$(\'#1Y\').o("1Z","p")});',62,146,'|||function|map|container||if|obj|exif||id|index||slides|parent|google|var|div|return|maps|title|next|prev|css|visible|hash|opts|append|direction|centerCoord|else|new|image|currSlide|remove|parseFloat|latlontitle|true|event|class|is|parents|remove_exif|this|click|split|loaded|document|false|mapitinit|remove_map|feature_gallery_pager|bigimg|marker|Marker|mapPanTo|slidenav|link|create_map|bottom|height||get_exif|nbsp|wrapper||mapit|eq|display|position|onBefore|location|window|trigger|initCallbackFunction|mapOptions|scroll|num|carousel|mapInit|onAfter|span|lat|slide|null|li|keyCode|value|lon|appendTo|LatLng|center|zoom|block|disableDefaultUI|mapTypeId|NavigationControlStyle|style|SMALL|Map|getElementById|panTo|navigationControlOptions|meta|clone|children|MapTypeId|TERRAIN|navigationControl|fx|pause|curr|bind|thumb|src|pagerAnchorBuilder|href|img|jcarousel|initCallback|each|instructions|visibility|39|37|documentElement|keyup|pager|idx|bigimgs|slideExpr|Next|wrapAll|none|exec|parseInt|ul|menu|ready|after|before|startingSlide|Prev|cycle|fade'.split('|'),0,{}))
\ No newline at end of file diff --git a/media/sass/_projects.sass b/media/sass/_projects.sass index 6623cd4..576315f 100644 --- a/media/sass/_projects.sass +++ b/media/sass/_projects.sass @@ -189,6 +189,8 @@ ul#parks color: #fff -moz-border-radius: 25px -webkit-border-radius: 25px + -o-border-radius: 25px + border-radius: 25px a:hover background= !luxagraf_orange diff --git a/media/sass/photos.sass b/media/sass/photos.sass index 93752d3..5329d3f 100644 --- a/media/sass/photos.sass +++ b/media/sass/photos.sass @@ -7,22 +7,13 @@ !luxagraf_brown = #201a11 !luxagraf_orange = #b53a04 - +*:focus + outline= none ul#breadcrumbs font-size: 65% font-family: Hoefler Text,Georgia,Times New Roman,Times,serif margin: 0 float: left -ul#instructions - font-size: 70% - font-family: Hoefler Text,Georgia,Times New Roman,Times,serif - text-transform: uppercase - margin: 0 - line-height: 1.2em - visibility: hidden - margin-left: 720px - li - display: inline .meta margin: 43px 0 0 37px color: #000 @@ -245,4 +236,45 @@ ul#feature_gallery_pager li color: #fff a:hover color= !luxagraf_orange -
\ No newline at end of file + +#slideshow-controls + +sm-sans + font-size: 12px + line-height: 18px + text-align: center + width: 200px + margin: 0 auto + position: relative + left: -5px + li + display: inline + margin: 0 + a + padding: 4px 6px + background: #3B3B3B + border-color: #111111 #020202 #000000 #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 diff --git a/templates/details/photo_galleries.html b/templates/details/photo_galleries.html index a823d20..9bf694a 100644 --- a/templates/details/photo_galleries.html +++ b/templates/details/photo_galleries.html @@ -38,10 +38,10 @@ content="Licensed under the Creative Commons Attribution-Noncommercial-Share Alike 3.0 License"> - <script type="text/javascript" src="/media/js/jquery.js"></script> - <script type="text/javascript" src="/media/js/jquery.cycle.pack.js"></script> - <script type="text/javascript" src="/media/js/jquery.jcarousel.pack.js"></script> - <script type="text/javascript" src="/media/js/slideshow.js" ></script> + <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.js"></script> + <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.cycle.pack.js"></script> + <script type="text/javascript" src="{{MEDIA_URL}}js/jquery.jcarousel.pack.js"></script> + <script type="text/javascript" src="{{MEDIA_URL}}js/slideshow.js" ></script> <!-- if you'd like to see a non-packed version of my slideshow script, see this file: http://media.luxagraf.net/js/slideshow.js (requires jquery, jcarousel and cycle) --> <script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script> </head> @@ -51,20 +51,7 @@ <li><a href="/" title="luxagraf homepage">Home</a> →</li> <li><a href="/photos/" title="luxagraf photos">Photos</a> → </li> <li>{{object.set_title}}</li> - </ul> - <div id="slideshow-controls"> - <ul> - <li><a id="prev" href="#"> ← Previous</a></li> - <li><a id="play" href="#">▶</a></li> - <li><a id="next" href="#">Next →</a></li> - </ul> - </div> - - <ul id="instructions"> - <li>Hover image to pause,</li> - <li> ← & → to navigate</li> - </ul> - + </ul> <ul id="slides"> {%for photo in object.photos.all reversed %} <li class="bigimg" id="{{photo.get_local_slideshow_url}}" style="height: {{photo.slideshowimage_height}}px; width:{{photo.slideshowimage_width}}px; margin-top:{{photo.slideshowimage_margintop}}px; margin-left:{{photo.slideshowimage_marginleft}}px;"> |