css sprites for all themes

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

11 files changed, 7 insertions, 15 deletions

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;
 }