Skin layout improvements.

[platal.git] / htdocs / css / xnet.css

diff --git a/htdocs/css/xnet.css b/htdocs/css/xnet.css
index a543050..aa70c6e 100644 (file)
--- a/htdocs/css/xnet.css
+++ b/htdocs/css/xnet.css
@@ -63,6 +63,24 @@ td    { vertical-align: top; }
 h1    { font-size: 130%; }
 h2    { font-size: 115%; }
 
+.smaller {
+    font-size: smaller;
+    font-style: italic;
+}
+
+input.error, textarea.error {
+    background-color: #faa;
+}
+
+input.valid, textarea.valid {
+    background-color: #afa;
+}
+
+input.warning, textarea.warning {
+    background-color: #fda;
+}
+
+
 /***************************************************************************
  * DEBUG
  ***************************************************************************/
@@ -76,9 +94,9 @@ h2    { font-size: 115%; }
     font-weight: bold;
 }
 
-#db-trace div.hide       { display: none; }
-#db-trace:hover div.hide { display: block }
-#db-trace h1 { margin: 0px; }
+.backtrace div.hide       { display: none; }
+.backtrace:hover div.hide { display: block }
+.backtrace h1 { margin: 0px; }
 
 /***************************************************************************
  * LAYOUT
@@ -170,12 +188,6 @@ td#menu {
  * CLASSES
  ***************************************************************************/
 
-div.breadcrumb {
-    font-weight: bold;
-    font-size: 90%;
-    padding: 0.5em 0em;
-}
-
 .erreur { color: red !important; }
 .error  { color: red !important; }
 .center { text-align: center; }
@@ -335,6 +347,10 @@ td.oval2 {
 
 .oval a, .oval2 a { color: #d0c198; }
 .oval a.has_site { color: white; }
+.jone a { color: #FF9; }
+.rouje a { color: #D88; }
+.jone a.has_site { color: #FE0; }
+.rouje a.has_site { color: #D00; }
 
 #content td.oval, #content td.oval2 {
     font-size: 90%;
@@ -369,39 +385,40 @@ td.infos {
 /***************************************************************************
  ***************************************************************************/
 
-td.conteneur_tab {
-    border: none;
-    padding-top: 1em;
+.wizard {
+    margin-top: 0px;
+    margin-left: -1em;
 }
 
-#onglet {
-    display : block;
-    margin : 0;
-    padding : 0;
+.wizard .wiz_header {
+    height: 30px;
+    width: 100%;
+    background: url('../images/skins/wiz_xnet_background.png') bottom left no-repeat;
+    margin-bottom: 1em;
 }
 
-#onglet li {
-    display : block;
-    float : left;
-    border: none;
-    background: inherit;
-    width: auto;
+.wizard .wiz_header .wiz_tab {
+    height: 100%;
+    text-align: center;
+    font-size: 75%;
 }
 
-#onglet li.actif {
+.wizard .wiz_header .wiz_tab:hover {
+    color: #5c81aa;
     font-weight: bold;
 }
 
-#onglet li:before {
-    font-weight: normal;
-    content: '» ';
-    padding-left: 1ex;
+.wizard .wiz_header .active, .wizard .wiz_header .active:hover {
 }
 
-#onglet li:first-child:before {
-    content: '';
+.wizard .wiz_header a {
+    color: #000;
+    text-decoration: none;
+    margin-top: 2px;
+    vertical-align: bottom;
 }
 
-#onglet li img { margin-right: 2px; }
-
+.wizard .wiz_header a.active {
+    font-weight: bold;
+}