markus
/
photofloat
1
0
Fork 0
Code Issues 1 Pull Requests Releases Wiki Activity

Chiller arrows.

master
Jason A. Donenfeld 2011-05-08 02:57:27 -04:00
parent 206c7305b3
commit e5f9ec18ea
3 changed files with 16 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
web/css/000-controls.css
View File

@ -6,11 +6,11 @@ body {
color: #FFFFFF; color: #FFFFFF;
} }
a { a {
color: #88EE44; color: #84AAC2;
text-decoration: none; text-decoration: none;
} }
a:hover { a:hover {
color: #DDDDDD; color: #FFAD27;
} }
#title { #title {
position: absolute; position: absolute;
@ -59,16 +59,19 @@ a:hover {
#next, #back { #next, #back {
position: absolute; position: absolute;
width: auto; width: auto;
font-size: 2.5em; font-size: 4.5em;
line-height: 0; line-height: 0;
top: 40%; top: 40%;
font-weight: bold; font-weight: bold;
opacity: 0.35;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=35)";
filter: alpha(opacity=35);
} }
#back { #back {
left: .5em; left: 0.1em;
} }
#next { #next {
right: .5em; right: 0.1em;
} }
#photo { #photo {
border: 0; border: 0;

4
web/index.html
View File

@ -26,8 +26,8 @@
</div> </div>
</div> </div>
<a id="back">&larr;</a> <a id="back">&lsaquo;</a>
<a id="next">&rarr;</a> <a id="next">&rsaquo;</a>
</div> </div>
<div id="error">Forgot my camera.</div> <div id="error">Forgot my camera.</div>

6
web/js/010-control.js
View File

@ -300,6 +300,12 @@ $(document).ready(function() {
$("#photo-box").mouseleave(function() { $("#photo-box").mouseleave(function() {
$("#photo-links").stop().fadeOut("slow"); $("#photo-links").stop().fadeOut("slow");
}); });
$("#next, #back").mouseenter(function() {
$(this).fadeTo("slow", 1);
});
$("#next, #back").mouseleave(function() {
$(this).fadeTo("slow", 0.35);
});
$("#metadata-link").click(function() { $("#metadata-link").click(function() {
if (!$("#metadata").is(":visible")) if (!$("#metadata").is(":visible"))
$("#metadata").stop() $("#metadata").stop()