Changeset 8161 for trunk

Timestamp:

Dec 16, 2010, 6:44:29 AM (14 years ago)

Author:

rvelices

Message:

css sprites for all themes

Location:

trunk/themes

Files:

• Sylvia/theme.css (modified) (4 diffs)
• clear/theme.css (modified) (2 diffs)
• dark/images/s26_outline_ffff80.png (deleted)
• dark/images/s26_outline_ffffff.png (deleted)
• dark/theme.css (modified) (1 diff)
• default/iconset.css (modified) (2 diffs)
• default/s26 (added)
• default/s26/index.htm (added)
• default/s26/outline_005e89.png (added)
• default/s26/outline_808060.png (added)
• default/s26/outline_808080.png (added)
• default/s26/outline_ff3363.png (added)
• default/s26/outline_ff7700.png (added)
• default/s26/outline_ffff80.png (added)
• default/s26/outline_ffffff.png (added)
• default/sprite.png (deleted)
• default/theme.css (modified) (3 diffs)

trunk/themes/Sylvia/theme.css

@@ -322 +322 @@
 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; 
 }
@@ -339 +339 @@
   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 { 
@@ -426 +426 @@
 }
 tr.tagLine, fieldset.tagLetter, legend.tagLetterLegend {
-        border-color: #666666;
+        border-color: #666;
 }
 
@@ -432 +432 @@
   height:158px;
 }
+
+.pwg-icon {
+        background-image: url(../default/s26/outline_ff3363.png);
+}
+
+A:hover .pwg-icon {
+        background-image: url(../default/s26/outline_ff7700.png);
+}
+

trunk/themes/clear/theme.css

@@ -57 +57 @@
 
 A:hover, INPUT.rateButton:hover {
-    color: #858460;
+    color: #808060;
 }
 
-#imageToolBar A, #imageToolBar A:hover {
-    border-bottom: none;
+A.pwg-state-default {
+        border: 0;
 }
 
@@ -74 +74 @@
 }
 
-#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);
+}
+

trunk/themes/dark/theme.css

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

trunk/themes/default/iconset.css

@@ -3 +3 @@
         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; }
@@ -67 +67 @@
 
 .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*/
-}

trunk/themes/default/theme.css

@@ -404 +404 @@
 
 .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;
 }
 
@@ -755 +755 @@
 .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;
 }
@@ -768 +765 @@
 .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;