aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorrub <rub@piwigo.org>2007-02-13 22:42:27 +0000
committerrub <rub@piwigo.org>2007-02-13 22:42:27 +0000
commitdcc509b7d05c7bd54da43647b95273aafc8c0f35 (patch)
treecdc12f6f6b59556726bec24460ed34f7a08e368f
parentd9189c9df598a3c69cbab8b08fd83421c6ad5e26 (diff)
Hover touch experiment on themes!
git-svn-id: http://piwigo.org/svn/trunk@1812 68402e56-0260-453c-a942-63ccdbb3a9ee
-rw-r--r--template/yoga/theme/clear/theme.css15
-rw-r--r--template/yoga/theme/dark/theme.css15
-rw-r--r--template/yoga/theme/wipi/theme.css17
3 files changed, 46 insertions, 1 deletions
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 */
+ color: black;
+}
+
+#content UL.thumbnailCategories DIV.thumbnailCategory: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 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;