From 63c669e47c114e0832341850cff1352aa4a759a0 Mon Sep 17 00:00:00 2001
From: Wesley Moore <wez@wezm.net>
Date: Fri, 29 Jan 2010 13:53:05 +1100
Subject: [PATCH] Less obscure and simpler B&W thumb rollover CSS

---
 output/css/style.css | 49 ++++++++++++++++++--------------------------
 1 file changed, 20 insertions(+), 29 deletions(-)

diff --git a/output/css/style.css b/output/css/style.css
index 6f28bfa..5a7dba8 100644
--- a/output/css/style.css
+++ b/output/css/style.css
@@ -187,35 +187,6 @@ ul#menu li {
   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 */
 ul.inline {
   list-style: none;
@@ -224,3 +195,23 @@ ul.inline {
 ul.inline li {
   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;
+}