first sprite usage on picture page

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

1 files changed, 79 insertions, 0 deletions

diff --git a/themes/default/iconset.css b/themes/default/iconset.css
new file mode 100644
index 000000000..1bcc7c810
--- /dev/null
+++ b/themes/default/iconset.css
@@ -0,0 +1,79 @@
+.pwg-icon {
+	display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat;
+	width: 26px; height: 26px; background-image: url(sprite.png); 
+}
+.pwg-button-text { display:none; }
+
+a.pwg-state-default, a.pwg-state-default:visited, a.pwg-state-default:hover {
+	text-decoration: none !important;
+}
+
+.pwg-state-disabled .pwg-icon {
+	opacity: .5;
+	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";!
+	filter: alpha(opacity=50);
+}
+
+.pwg-button {
+	display: inline-block;
+}
+
+.pwg-icon-home {background-position: -26px 0}
+.pwg-icon-camera {background-position: -52px 0}
+.pwg-icon-calendar {background-position: -78px 0}
+.pwg-icon-save {background-position: -104px 0}
+
+.pwg-icon-arrow-n {background-position: 0 -26px}
+.pwg-icon-arrow-e {background-position: -26px -26px}
+.pwg-icon-arrow-s {background-position: -52px -26px}
+.pwg-icon-arrow-w {background-position: -78px -26px}
+
+.pwg-icon-arrowstop-n {background-position: 0 -52px}
+.pwg-icon-arrowstop-e {background-position: -26px -52px}
+.pwg-icon-arrowstop-s {background-position: -52px -52px}
+.pwg-icon-arrowstop-w {background-position: -78px -52px}
+
+.pwg-icon-caddie {background-position: 0 -78px}
+.pwg-icon-caddie-add {background-position: -26px -78px}
+.pwg-icon-caddie-del {background-position: -52px -78px}
+.pwg-icon-favorite {background-position: -78px -78px}
+.pwg-icon-favorite-add {background-position: -104px -78px}
+.pwg-icon-favorite-del {background-position: -130px -78px}
+
+.pwg-icon-camera-info {background-position: 0 -104px}
+
+.pwg-icon-slideshow {background-position: 0 -130px}
+.pwg-icon-play {background-position: -26px -130px}
+.pwg-icon-pause {background-position: -52px -130px}
+
+/*
+.pwg-icon-representative
+.pwg-icon-edit
+.pwg-icon-register
+.pwg-icon-lost-password
+.pwg-icon-cloud
+.pwg-icon-letters
+.pwg-icon-camera-calendar
+flat
+normal
+filter-plus
+filter-minus
+
+.pwg-icon-stop
+
+.pwg-icon-time
+.pwg-icon-time-plus
+.pwg-icon-time-minus
+.pwg-icon-repeat
+.pwg-icon-repeat-yes
+.pwg-icon-repeat-no
+*/
+
+
+A.pwg-button {
+	border: 1px solid blue;
+}
+
+.pwg-state-default:hover {
+	border-color: green;
+}