benw2/wezm.net
1
0
Fork 0
forked from wezm/wezm.net
Code Pull requests Activity

Less obscure and simpler B&W thumb rollover CSS

Browse source
This commit is contained in:
Wesley Moore 2010-01-29 13:53:05 +11:00
parent d0e1d7ce66
commit 63c669e47c
1 changed files with 20 additions and 29 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

49
output/css/style.css
View file

@ -187,35 +187,6 @@ ul#menu li {
color: #aaa; color: #aaa;
} }
/* Flickr thumbnails */
#flickr {
clear: both;
}
#flickr li {
display: block;
float: left;
height: 75px;
width: 75px;
overflow: hidden;
margin: 20px 0 0 20px;
}
#flickr li img {
/* opacity: 0.7;*/
}
#flickr li img:hover {
opacity: 1;
}
#flickr li:first-child {
background: url(/images/photos/4302496460_a1ec313d06.jpg) no-repeat top left;
}
#flickr li:first-child:hover {
background-position: 0 -75px;
}
#flickr li img:first-child {
opacity: 0;
}
/* Inline flat list style */ /* Inline flat list style */
ul.inline { ul.inline {
list-style: none; list-style: none;
@ -224,3 +195,23 @@ ul.inline {
ul.inline li { ul.inline li {
display: inline; display: inline;
} }
/* Flickr thumbnails */
#flickr {
clear: both;
}
#flickr li {
float: left;
overflow: hidden;
margin: 20px 0 0 20px;
display: block;
position: relative;
height: 75px;
width: 75px;
}
#flickr li img {
position: absolute;
}
#flickr li img:hover {
top: -75px;
}