From dcc509b7d05c7bd54da43647b95273aafc8c0f35 Mon Sep 17 00:00:00 2001
From: rub <rub@piwigo.org>
Date: Tue, 13 Feb 2007 22:42:27 +0000
Subject: [PATCH] Hover touch experiment on themes!

git-svn-id: http://piwigo.org/svn/trunk@1812 68402e56-0260-453c-a942-63ccdbb3a9ee
---
 template/yoga/theme/clear/theme.css | 15 +++++++++++++++
 template/yoga/theme/dark/theme.css  | 15 +++++++++++++++
 template/yoga/theme/wipi/theme.css  | 17 ++++++++++++++++-
 3 files changed, 46 insertions(+), 1 deletion(-)

diff --git a/template/yoga/theme/clear/theme.css b/template/yoga/theme/clear/theme.css
index ab9bc5597..511be2c69 100644
--- a/template/yoga/theme/clear/theme.css
+++ b/template/yoga/theme/clear/theme.css
@@ -49,8 +49,23 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
   -moz-border-radius: 4px;	/* round corners with Geko */
   border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
 }
+
 #content UL.thumbnails SPAN.wrap2:hover {
+  background-color: AntiqueWhite;
   border-color: yellow;		/* thumbnails border color when mouse cursor is over it */
+  color: black;
+}
+
+#content UL.thumbnailCategories DIV.thumbnailCategory:hover {
+  background-color: AntiqueWhite;
+  border-color: yellow;		/* thumbnails border color when mouse cursor is over it */
+  color: black;
+}
+
+#content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
+  background-color: AntiqueWhite;
+  border-color: yellow;		/* thumbnails border color when mouse cursor is over it */
+  color: black;
 }
 
 /* links */
diff --git a/template/yoga/theme/dark/theme.css b/template/yoga/theme/dark/theme.css
index be8393911..13d27f877 100644
--- a/template/yoga/theme/dark/theme.css
+++ b/template/yoga/theme/dark/theme.css
@@ -82,8 +82,23 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
   -moz-border-radius: 4px;	/* round corners with Geko */
   border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
 }
+
 #content UL.thumbnails SPAN.wrap2:hover {
+  background-color: AntiqueWhite;
   border-color: yellow;		/* thumbnails border color when mouse cursor is over it */
+  color: black;
+}
+
+#content UL.thumbnailCategories DIV.thumbnailCategory:hover {
+  background-color: AntiqueWhite;
+  border-color: yellow;		/* thumbnails border color when mouse cursor is over it */
+  color: black;
+}
+
+#content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
+  background-color: AntiqueWhite;
+  border-color: yellow;		/* thumbnails border color when mouse cursor is over it */
+  color: black;
 }
 
 /* links */
diff --git a/template/yoga/theme/wipi/theme.css b/template/yoga/theme/wipi/theme.css
index 093d742e8..fb337d9cf 100644
--- a/template/yoga/theme/wipi/theme.css
+++ b/template/yoga/theme/wipi/theme.css
@@ -192,10 +192,25 @@ FIELDSET, INPUT, SELECT, TEXTAREA,
   -moz-border-radius: 4px;	/* round corners with Geko */
   border-radius: 4px 4px;	/* round corners with CSS3 compliant browsers */
 }
+
 #content UL.thumbnails SPAN.wrap2:hover {
+  background-color: #f92;
   border-color: #69c;		/* thumbnails border color when mouse cursor is over it */
-  background-color: #080808;
+  color: black;
 }
+
+#content UL.thumbnailCategories DIV.thumbnailCategory:hover {
+  background-color: #f92;
+  border-color: #69c;		/* thumbnails border color when mouse cursor is over it */
+  color: black;
+}
+
+#content UL.thumbnailCategories DIV.thumbnailCategory:hover A {
+  background-color: #f92;
+  border-color: #69c;		/* thumbnails border color when mouse cursor is over it */
+  color: black;
+}
+
 #menubar .buttonmenu {
   margin: 0 2px;
   width: auto;