Changeset 213 for trunk/web-app/css

Timestamp:

Feb 25, 2010, 4:18:22 PM (11 years ago)

Author:

duh

Message:

• restructured wizard
• added information boxes
• improved error feedback (highlighted error fields)
• added confirmation page
• several smaller bugfixes and improvements

File:

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

trunk/web-app/css/wizard.css

@@ -2 +2 @@
     display: block;
     padding-top: 10px;
+}
+
+.wizard .info {
+    display: block;
+    border: 1px solid #006DBA;
+    background-color: #EEE;
+    padding: 10px;
+    font-size: 10px;
+    margin: 10px 0px 10px 0px;
+}
+
+.wizard .info .title {
+    color:#006DBA;
+    font-size:14px;
+    font-weight:normal;
+    display: block;
+    margin-bottom: 5px;
+    padding-left: 20px;
+    background: url(../images/icons/famfamfam/information.png) no-repeat center left;
 }
 
@@ -70 +89 @@
 }
 
-.wizard .error {
-    display: block;
-    padding-top: 10px;
-}
-
 .wizard .element {
     display: block;
@@ -88 +102 @@
 .wizard .element .input {
     display: inline;
+}
+
+.wizard .error {
+    background: url(../images/icons/famfamfam/exclamation.png) no-repeat 230px 4px;
 }
 
@@ -184 +202 @@
 }
 
-.wizard .table .row .error {
+.wizard .table .row .warning {
     color: red;
     font-size: 8px;
@@ -190 +208 @@
 }
 
+.wizard .table .row .error {
+    background-color: #ffb0b7;
+}
+
 .wizard .table input, .wizard .table select {
     border: 1px solid #8e908f;
@@ -195 +217 @@
     padding: 2px 4px;
     background-color: transparent;
+    width: 100px;
+}
+.wizard .table .header input, .wizard .table .header select, .wizard .table .header button {
+    border: 1px solid #8e908f;
+    margin: 2px 0;
+    padding: 2px 4px;
+    background-color: #fff;
     width: 100px;
 }