Changeset 90 for trunk/web-app

Timestamp:

Jan 15, 2010, 3:10:15 PM (11 years ago)

Author:

duh

Message:

• refactered wizard prototype
• added tooltip / help support

Location:

trunk/web-app

Files:

• css/wizard.css (modified) (3 diffs)
• js/wizard.js (added)

trunk/web-app/css/wizard.css

@@ -20 +20 @@
 .wizard .tabs .element {
     background-color:#EEEEEE;
-    border-bottom:4px solid #CCCCCC;
-    border-right:1px solid #CCCCCC;
-    color:#666666;
+    border-bottom:4px solid #717f81;
+    border-right:1px solid #717f81;
+    color:#006DBA;
     cursor:default;
     display:inline;
@@ -34 +34 @@
 
 .wizard .tabs .active {
-    background-color: #666666;
+    background-color: #006DBA;
     color: #fff;
     font-weight: bold;
@@ -89 +89 @@
 .wizard .element .help {
     vertical-align: top;
-    display: inline;
+    display: inline-block;
+    font-size: 11px;
+    line-height: 20px;
 }
+
+.wizard .element .help .icon {
+    margin-top: 4px;    
+}
+
+.wizard .element .help .text {
+    padding-left: 5px;
+    padding-right: 5px;
+    border: 1px solid white;
+}
+
+.wizard .element .help .content {
+    position: absolute;
+    background-color: #292929;
+    color: #006DBA;
+    margin-left: 20px;
+    margin-top: -19px;
+    opacity: 0;
+    border: 1px solid black;
+}