Changeset 145 for trunk/web-app/css

Timestamp:

Jan 28, 2010, 5:34:50 PM (13 years ago)

Author:

duh

Message:

• wizard subjects page now build a table with features, does not work properly yet
• youtube autoplay help items are possible now
• development grouping page for selecting subjects and grouping them by dragging and dropping

File:

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

trunk/web-app/css/wizard.css

@@ -95 +95 @@
 }
 
+/** START ::  HELP **/
 .wizard .element .helpIcon {
     display: inline-block;
@@ -122 +123 @@
     display: none;
 }
-
-.wizard .subjects {
-    display: block;
-    /*
-    background-color: #c0ddea;
-    border: 1px solid #575a5d;
-    margin-top: 2px;
-    */
+/** END :: HELP **/
+
+/* START ::  TABLE */
+.wizard .table {
+    display: block;
     border: 1px solid #575a5d;
     background-color: #ebf7fc;
     margin-top: 10px;
-}
-
-.wizard .subjects .subject {
-    display: block;
-}
-
-.wizard .topborder {
+    font-size: 11px;
+    overflow: hidden;    
+}
+
+.wizard .column {
+    display: inline-block;
+    padding: 2px 4px;
+    width: 120px;
+}
+
+.wizard .firstColumn {
+    display: inline-block;
+    padding: 2px 4px;
+    width: 40px;
+}
+
+.wizard .table .header {
+    display: block;
+    background-color: #006DBA;
+    color: #fff;
+    font-weight: bold;
+    width: 2000px;
+}
+
+.wizard .table .header .column .first {
+    width: 40px;
+}
+
+.wizard .table .row {
+    display: block;
+    width: 2000px;
+    height: 28px;
     border-top: 1px solid #8e908f;
 }
 
-.wizard .subjects .subject .row {
-    display: inline-block;
-    /*
-    border: 1px solid #575a5d;
-    margin: 1px 1px 0px 0px;
-    */
-}
+.wizard .table input, .wizard .table select {
+    border: 1px solid #8e908f;
+    margin: 2px 0;
+    padding: 2px 4px;
+    background-color: transparent;
+    width: 100px;
+}
+
+.wizard .table .highlight, .wizard .table .highlight input, .wizard .table .highlight select {
+    background-color: #006DBA;
+    color: #fff;
+}
+/* END :: TABLE */
+
+
+.selectable .ui-selecting { background: #FECA40; }
+.selectable .ui-selected { background: #F39814; color: white; }
+.selectable { list-style-type: none; margin: 0; padding: 0; width: 200px; }
+.selectable li { margin: 3px; padding: 0.4em; font-size: 1em; height: 18px; }
+
+.wizard .grouping {
+    display: block;
+}
+
+.wizard .subjects {
+    display: inline-block;
+}
+
+.wizard .groups {
+    display: inline-block;
+    height: 100%
+}
+
+.droppable { width: 300px; }
+
+