Improve skinning of plwizard

Signed-off-by: Florent Bruneau <florent.bruneau@polytechnique.org>

diff --git a/htdocs/css/default.css b/htdocs/css/default.css
index 8fcfbfe..fd2dba7 100644 (file)
--- a/htdocs/css/default.css
+++ b/htdocs/css/default.css
@@ -298,12 +298,12 @@ div.long td.rt { width: 65%; }
 .wizard .wiz_header {
     height: 32px;
     width: 100%;
-    background-color: #aaa;
+    background: url('../images/skins/wiz_background.png') top right repeat-x;
     margin-bottom: 1em;
 }
 
 .wizard .wiz_header .wiz_tab {
-    background-color: #aaa;
+    background; url('../images/skins/wiz_normal.png') #aaa top left repeat-x;
     vertical-align: middle;
     height: 100%;
     text-align: center;
@@ -312,12 +312,13 @@ div.long td.rt { width: 65%; }
 }
 
 .wizard .wiz_header .active {
-    background-color: #444;
+    background: url('../images/skins/wiz_active.png') #444 top left repeat-x;
     color: #fff;
 }
 
 .wizard .wiz_header .wiz_tab:hover {
-    background-color: #777;
+    background: url('../images/skins/wiz_hover.png') #777 top left repeat-x;
+    color: #fff;
 }
 
 .wizard .wiz_header a {

diff --git a/htdocs/css/keynote.css b/htdocs/css/keynote.css
index a7ca629..a2bd1d5 100644 (file)
--- a/htdocs/css/keynote.css
+++ b/htdocs/css/keynote.css
@@ -310,12 +310,12 @@ div.long td.rt { width: 65%; }
 .wizard .wiz_header {
     height: 32px;
     width: 100%;
-    background-color: #aaa;
+    background: url('../images/skins/wiz_background.png') top right repeat-x;
     margin-bottom: 1em;
 }
 
 .wizard .wiz_header .wiz_tab {
-    background-color: #aaa;
+    background; url('../images/skins/wiz_normal.png') #aaa top left repeat-x;
     vertical-align: middle;
     height: 100%;
     text-align: center;
@@ -324,12 +324,13 @@ div.long td.rt { width: 65%; }
 }
 
 .wizard .wiz_header .active {
-    background-color: #444;
+    background: url('../images/skins/wiz_active.png') #444 top left repeat-x;
     color: #fff;
 }
 
 .wizard .wiz_header .wiz_tab:hover {
-    background-color: #777;
+    background: url('../images/skins/wiz_hover.png') #777 top left repeat-x;
+    color: #fff;
 }
 
 .wizard .wiz_header a {

diff --git a/htdocs/css/openweb.css b/htdocs/css/openweb.css
index 950a1fb..e4148a6 100644 (file)
--- a/htdocs/css/openweb.css
+++ b/htdocs/css/openweb.css
@@ -289,12 +289,12 @@ div.long td.rt { width: 65%; }
 .wizard .wiz_header {
     height: 32px;
     width: 100%;
-    background-color: #aaa;
+    background: url('../images/skins/wiz_normal.png') top right repeat-x;
     margin-bottom: 1em;
 }
 
 .wizard .wiz_header .wiz_tab {
-    background-color: #aaa;
+    background; url('../images/skins/wiz_normal.png') #aaa top left repeat-x;
     vertical-align: middle;
     height: 100%;
     text-align: center;
@@ -303,12 +303,13 @@ div.long td.rt { width: 65%; }
 }
 
 .wizard .wiz_header .active {
-    background-color: #444;
+    background: url('../images/skins/wiz_active.png') #444 top left repeat-x;
     color: #fff;
 }
 
 .wizard .wiz_header .wiz_tab:hover {
-    background-color: #777;
+    background: url('../images/skins/wiz_hover.png') #777 top left repeat-x;
+    color: #fff;
 }
 
 .wizard .wiz_header a {

diff --git a/htdocs/images/skins/wiz_active.png b/htdocs/images/skins/wiz_active.png
new file mode 100644 (file)
index 0000000..b600fc4
Binary files /dev/null and b/htdocs/images/skins/wiz_active.png differ

diff --git a/htdocs/images/skins/wiz_background.png b/htdocs/images/skins/wiz_background.png
new file mode 100644 (file)
index 0000000..d9c1656
Binary files /dev/null and b/htdocs/images/skins/wiz_background.png differ

diff --git a/htdocs/images/skins/wiz_hover.png b/htdocs/images/skins/wiz_hover.png
new file mode 100644 (file)
index 0000000..39b66fe
Binary files /dev/null and b/htdocs/images/skins/wiz_hover.png differ

diff --git a/htdocs/images/skins/wiz_normal.png b/htdocs/images/skins/wiz_normal.png
new file mode 100644 (file)
index 0000000..bcf01a0
Binary files /dev/null and b/htdocs/images/skins/wiz_normal.png differ