From 7364bc1606063e03972f35bedb65b1528840ce96 Mon Sep 17 00:00:00 2001 From: rvelices Date: Thu, 16 Dec 2010 05:44:29 +0000 Subject: css sprites for all themes git-svn-id: http://piwigo.org/svn/trunk@8161 68402e56-0260-453c-a942-63ccdbb3a9ee --- themes/Sylvia/theme.css | 19 ++++++++++++++----- themes/clear/theme.css | 18 +++++++++++++----- themes/dark/images/s26_outline_ffff80.png | Bin 2033 -> 0 bytes themes/dark/images/s26_outline_ffffff.png | Bin 2033 -> 0 bytes themes/dark/theme.css | 4 ++-- themes/default/iconset.css | 7 ++----- themes/default/s26/index.htm | 1 + themes/default/s26/outline_005e89.png | Bin 0 -> 1819 bytes themes/default/s26/outline_808060.png | Bin 0 -> 1819 bytes themes/default/s26/outline_808080.png | Bin 0 -> 2325 bytes themes/default/s26/outline_ff3363.png | Bin 0 -> 1819 bytes themes/default/s26/outline_ff7700.png | Bin 0 -> 1819 bytes themes/default/s26/outline_ffff80.png | Bin 0 -> 1819 bytes themes/default/s26/outline_ffffff.png | Bin 0 -> 2024 bytes themes/default/sprite.png | Bin 7034 -> 0 bytes themes/default/theme.css | 14 ++++---------- 16 files changed, 36 insertions(+), 27 deletions(-) delete mode 100644 themes/dark/images/s26_outline_ffff80.png delete mode 100644 themes/dark/images/s26_outline_ffffff.png create mode 100644 themes/default/s26/index.htm create mode 100644 themes/default/s26/outline_005e89.png create mode 100644 themes/default/s26/outline_808060.png create mode 100644 themes/default/s26/outline_808080.png create mode 100644 themes/default/s26/outline_ff3363.png create mode 100644 themes/default/s26/outline_ff7700.png create mode 100644 themes/default/s26/outline_ffff80.png create mode 100644 themes/default/s26/outline_ffffff.png delete mode 100644 themes/default/sprite.png 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 Binary files a/themes/dark/images/s26_outline_ffff80.png and /dev/null 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 Binary files a/themes/dark/images/s26_outline_ffffff.png and /dev/null 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 Binary files /dev/null and b/themes/default/s26/outline_005e89.png differ diff --git a/themes/default/s26/outline_808060.png b/themes/default/s26/outline_808060.png new file mode 100644 index 000000000..79acb610e Binary files /dev/null and b/themes/default/s26/outline_808060.png differ diff --git a/themes/default/s26/outline_808080.png b/themes/default/s26/outline_808080.png new file mode 100644 index 000000000..a16c7db8d Binary files /dev/null and b/themes/default/s26/outline_808080.png differ diff --git a/themes/default/s26/outline_ff3363.png b/themes/default/s26/outline_ff3363.png new file mode 100644 index 000000000..ab2b5dc29 Binary files /dev/null and b/themes/default/s26/outline_ff3363.png differ diff --git a/themes/default/s26/outline_ff7700.png b/themes/default/s26/outline_ff7700.png new file mode 100644 index 000000000..55c06d20a Binary files /dev/null and b/themes/default/s26/outline_ff7700.png differ diff --git a/themes/default/s26/outline_ffff80.png b/themes/default/s26/outline_ffff80.png new file mode 100644 index 000000000..fb499e3d4 Binary files /dev/null and b/themes/default/s26/outline_ffff80.png differ diff --git a/themes/default/s26/outline_ffffff.png b/themes/default/s26/outline_ffffff.png new file mode 100644 index 000000000..9accb52f9 Binary files /dev/null and b/themes/default/s26/outline_ffffff.png differ diff --git a/themes/default/sprite.png b/themes/default/sprite.png deleted file mode 100644 index df0627c42..000000000 Binary files a/themes/default/sprite.png and /dev/null 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; } -- cgit v1.2.3