css sprites for all themes

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

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

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; }
+#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);
+}
+

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

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*/
-}

themes/default/s26/index.htm

@@ -0,0 +1 @@
+Not allowed!

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