css sprites for all themes

git-svn-id: http://piwigo.org/svn/trunk@8161 68402e56-0260-453c-a942-63ccdbb3a9ee

16 files changed, 36 insertions, 27 deletions

diff --git a/themes/Sylvia/theme.css b/themes/Sylvia/theme.css
index 7f00ae82d..dc22f7b89 100644
--- a/themes/Sylvia/theme.css
+++ b/themes/Sylvia/theme.css
@@ -321,16 +321,16 @@ A, .rateButton {
 }
 A:hover, A:active { 
 	color:#f33; 
-	border-bottom: 1px solid #FF3363; 
+	border-bottom: 1px solid #ff3363; 
 	cursor: pointer; 
 }
 a.external { 
-	color:#FF3363; 
+	color:#ff3363; 
 	border:0; 
 	text-decoration: none; 
 }
 a.external:hover { 
-	color:#FF7700; 
+	color:#ff7700; 
 	border:0; 
 }
 a.Piwigo {
@@ -338,7 +338,7 @@ a.Piwigo {
   font-size: 11px; font-weight: normal; letter-spacing: 0;
   color : #F33; text-decoration: none; border: 0; }
 a.Piwigo:hover  span.Piwigo  { 
-  border-bottom: 1px solid #FF3363; 
+  border-bottom: 1px solid #ff3363; 
 }
 #theImage A, .illustration A, A.navThumb, A.navThumb { 
 	border-bottom-width: 0; 
@@ -425,9 +425,18 @@ input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hove
 	padding: 0 0 5px 10px;
 }
 tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend {
-	border-color: #666666;
+	border-color: #666;
 }
 
 #the_page .content div.thumbnailCategory div.description {
   height:158px;
 }
+
+.pwg-icon {
+	background-image: url(../default/s26/outline_ff3363.png);
+}
+
+A:hover .pwg-icon {
+	background-image: url(../default/s26/outline_ff7700.png);
+}
+
diff --git a/themes/clear/theme.css b/themes/clear/theme.css
index 07e86ecda..8a398b802 100644
--- a/themes/clear/theme.css
+++ b/themes/clear/theme.css
@@ -56,11 +56,11 @@ A, INPUT.rateButton {
 }
 
 A:hover, INPUT.rateButton:hover {
-    color: #858460;
+    color: #808060;
 }
 
-#imageToolBar A, #imageToolBar A:hover {
-    border-bottom: none;
+A.pwg-state-default {
+	border: 0;
 }
 
 A.navThumb, A.navThumb:hover {
@@ -73,5 +73,13 @@ A.navThumb, A.navThumb:hover {
   border: 1px solid silver;
 }
 
-#qsearchInput { color: #d3d3d3; }
-#qsearchInput:focus { color: #005e89; }
\ No newline at end of file
+#qsearchInput { color: #005e89; }
+
+.pwg-icon {
+	background-image: url(../default/s26/outline_005e89.png);
+}
+
+A:hover .pwg-icon {
+	background-image: url(../default/s26/outline_808060.png);
+}
+
diff --git a/themes/dark/images/s26_outline_ffff80.png b/themes/dark/images/s26_outline_ffff80.png
deleted file mode 100644
index 2232f0395..000000000
--- a/themes/dark/images/s26_outline_ffff80.png
+++ /dev/null
diff --git a/themes/dark/images/s26_outline_ffffff.png b/themes/dark/images/s26_outline_ffffff.png
deleted file mode 100644
index d440b68d9..000000000
--- a/themes/dark/images/s26_outline_ffffff.png
+++ /dev/null
diff --git a/themes/dark/theme.css b/themes/dark/theme.css
index c52d69767..b21c6e8b3 100644
--- a/themes/dark/theme.css
+++ b/themes/dark/theme.css
@@ -74,10 +74,10 @@ A:hover {
 }
 
 .pwg-icon {
-	background-image: url(images/s26_outline_ffffff.png);
+	background-image: url(../default/s26/outline_ffffff.png);
 }
 
 A:hover .pwg-icon {
-	background-image: url(images/s26_outline_ffff80.png);
+	background-image: url(../default/s26/outline_ffff80.png);
 }
 
diff --git a/themes/default/iconset.css b/themes/default/iconset.css
index 3f03d0a48..18b6d8d0f 100644
--- a/themes/default/iconset.css
+++ b/themes/default/iconset.css
@@ -2,7 +2,7 @@
 	display: block; /*IE6*/
 	display: inline-block; /*IE6 does not get it*/
 	text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;
-	width: 26px; height: 26px; background-image: url(sprite.png);
+	width: 26px; height: 26px; background-image: url(s26/outline_808080.png);
 }
 .pwg-button-text { display:none; }
 
@@ -66,8 +66,5 @@ A.pwg-state-default, A.pwg-state-default:visited, A.pwg-state-default:hover {
 .pwg-icon-repeat-stop {background-position: -182px -130px}
 
 .pwg-icon-map {background-position: 0 -156px}
+.pwg-icon-globe {background-position: -26px -156px}
 
-
-A.pwg-state-default:hover {
-	border: 0 !important; /*don't add bottom border on hover*/
-}
diff --git a/themes/default/s26/index.htm b/themes/default/s26/index.htm
new file mode 100644
index 000000000..f76458b31
--- /dev/null
+++ b/themes/default/s26/index.htm
@@ -0,0 +1 @@
+Not allowed!
\ No newline at end of file
diff --git a/themes/default/s26/outline_005e89.png b/themes/default/s26/outline_005e89.png
new file mode 100644
index 000000000..f7db343e0
--- /dev/null
+++ b/themes/default/s26/outline_005e89.png
diff --git a/themes/default/s26/outline_808060.png b/themes/default/s26/outline_808060.png
new file mode 100644
index 000000000..79acb610e
--- /dev/null
+++ b/themes/default/s26/outline_808060.png
diff --git a/themes/default/s26/outline_808080.png b/themes/default/s26/outline_808080.png
new file mode 100644
index 000000000..a16c7db8d
--- /dev/null
+++ b/themes/default/s26/outline_808080.png
diff --git a/themes/default/s26/outline_ff3363.png b/themes/default/s26/outline_ff3363.png
new file mode 100644
index 000000000..ab2b5dc29
--- /dev/null
+++ b/themes/default/s26/outline_ff3363.png
diff --git a/themes/default/s26/outline_ff7700.png b/themes/default/s26/outline_ff7700.png
new file mode 100644
index 000000000..55c06d20a
--- /dev/null
+++ b/themes/default/s26/outline_ff7700.png
diff --git a/themes/default/s26/outline_ffff80.png b/themes/default/s26/outline_ffff80.png
new file mode 100644
index 000000000..fb499e3d4
--- /dev/null
+++ b/themes/default/s26/outline_ffff80.png
diff --git a/themes/default/s26/outline_ffffff.png b/themes/default/s26/outline_ffffff.png
new file mode 100644
index 000000000..9accb52f9
--- /dev/null
+++ b/themes/default/s26/outline_ffffff.png
diff --git a/themes/default/sprite.png b/themes/default/sprite.png
deleted file mode 100644
index df0627c42..000000000
--- a/themes/default/sprite.png
+++ /dev/null
diff --git a/themes/default/theme.css b/themes/default/theme.css
index 9b0519c46..336217308 100644
--- a/themes/default/theme.css
+++ b/themes/default/theme.css
@@ -403,11 +403,11 @@ TABLE.infoTable TD.value UL {
 }
 
 .rateButtonStarFull {
-	background: url('icon/rating-stars.gif') no-repeat scroll; background-position:-16px center; width:16px;
+	background: url('icon/rating-stars.gif') no-repeat -16px center; width:16px;
 }
 
 .rateButtonStarEmpty {
-	background: url('icon/rating-stars.gif') no-repeat scroll; background-position:0 center; width:16px;
+	background: url('icon/rating-stars.gif') no-repeat 0 center; width:16px;
 }
 
 
@@ -754,23 +754,17 @@ INPUT.radio, INPUT.checkbox {
 
 .errors { /* Errors display */
 	color: red;
-	background-color: #ffe1e1;
 	font-weight: bold;
 	margin: 5px;
 	border: 1px solid red;
-	background-image: url(icon/errors.png);
-	background-repeat: no-repeat;
-	background-position: top right;
+	background: #ffe1e1 url(icon/errors.png) no-repeat top right;
 	padding: 10px 50px 10px 10px;
 }
 
 /* Informations box */
 .infos {
 	color: #002000;
-	background-color: #98fb98; /* palegreen */
-	background-image: url(icon/infos.png);
-	background-repeat: no-repeat;
-	background-position: top right;
+	background: #98fb98 url(icon/infos.png) no-repeat top right;
 	margin: 5px;
 	padding: 10px 50px 10px 10px;
 }