Changeset 342 for trunk/web-app/css

Timestamp:

Apr 14, 2010, 3:38:39 PM (13 years ago)

Author:

duh

Message:

• restyled wizard tabs
• made info and todo boxes only appear in development, not in production and test

File:

• trunk/web-app/css/wizard.css (modified) (2 diffs)

trunk/web-app/css/wizard.css

@@ -61 +61 @@
 }
 
+/** START :: TABS **/
+
 .wizard .tabs {
     display: block;
-    height: 18px;
-    padding-top: 20px;
-    background-color: #EEEEEE;
-}
-
-.wizard .tabs .element {
-    background-color: #EEEEEE;
-    border-bottom: 4px solid #006DBA;
-    border-right: 1px solid #006DBA;
-    color: #006DBA;
-    cursor: default;
-    display: inline;
+    padding-bottom: 2px;
+    border-bottom: 2px solid #006DBA;
+    width: 100%;
+}
+.wizard .tabs ul {
+    list-style-type: none; /* suppression of useless elements */
+    padding: 0px;
+    font-size: 10px;
+    margin: 0px;
+    font-family:Verdana, Arial, Helvetica, sans-serif;
     font-size: 10px;
     height: 20px;
-    margin: 0px 0px 0px 0px;
-    padding: 20px 15px 0px 15px;
+    width: 100%;
+}
+.wizard .tabs img { border:0px; }
+.wizard .tabs li {
+    float: left;
+    margin: 0px;
+    height: 20px;
+    float: left;
+    display: block;
     text-align: center;
     text-decoration: none;
-}
-
+    color: #006DBA;
+    background: #CCC;
+    font-weight: bold;
+}
+.wizard .tabs .content {
+    padding: 0px 10px 0px 10px;
+    display: inline;
+    border: 0px;
+}
 .wizard .tabs .active {
-    background-color: #add9ee;
-    color: #fff;
-    font-weight: bold;
-}
+    background-color: #006DBA !important;
+    color: #fff !important;
+}
+.wizard .tabs .arrow {
+                position:inherit;
+                margin-top: 0px;
+                margin-bottom: 0px;
+                display:inline;
+}
+
+/** END :: TABS **/
 
 .wizard .content {
     display: block;
+    padding-bottom: 10px;
+    border-bottom: 2px solid #006DBA;    
 }
 
@@ -97 +120 @@
     color: #666666;
     font-size: 10px;
-    padding-top: 10px;
 }