aboutsummaryrefslogtreecommitdiffstats
diff options
context:
space:
mode:
authorrvelices <rv-github@modusoptimus.com>2010-12-16 05:44:29 +0000
committerrvelices <rv-github@modusoptimus.com>2010-12-16 05:44:29 +0000
commit7364bc1606063e03972f35bedb65b1528840ce96 (patch)
treeed32a620c3a9152787dfb998ef0f266086748239
parente97974a42e64ee43d95cef258d65d9b022929dbe (diff)
css sprites for all themes
git-svn-id: http://piwigo.org/svn/trunk@8161 68402e56-0260-453c-a942-63ccdbb3a9ee
-rw-r--r--themes/Sylvia/theme.css19
-rw-r--r--themes/clear/theme.css18
-rw-r--r--themes/dark/images/s26_outline_ffff80.pngbin2033 -> 0 bytes
-rw-r--r--themes/dark/images/s26_outline_ffffff.pngbin2033 -> 0 bytes
-rw-r--r--themes/dark/theme.css4
-rw-r--r--themes/default/iconset.css7
-rw-r--r--themes/default/s26/index.htm1
-rw-r--r--themes/default/s26/outline_005e89.pngbin0 -> 1819 bytes
-rw-r--r--themes/default/s26/outline_808060.pngbin0 -> 1819 bytes
-rw-r--r--themes/default/s26/outline_808080.pngbin0 -> 2325 bytes
-rw-r--r--themes/default/s26/outline_ff3363.pngbin0 -> 1819 bytes
-rw-r--r--themes/default/s26/outline_ff7700.pngbin0 -> 1819 bytes
-rw-r--r--themes/default/s26/outline_ffff80.pngbin0 -> 1819 bytes
-rw-r--r--themes/default/s26/outline_ffffff.pngbin0 -> 2024 bytes
-rw-r--r--themes/default/sprite.pngbin7034 -> 0 bytes
-rw-r--r--themes/default/theme.css14
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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
Binary files differ
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;
}