Changeset 145 for trunk/web-app/css


Ignore:
Timestamp:
Jan 28, 2010, 5:34:50 PM (11 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:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/web-app/css/wizard.css

    r138 r145  
    9595}
    9696
     97/** START ::  HELP **/
    9798.wizard .element .helpIcon {
    9899    display: inline-block;
     
    122123    display: none;
    123124}
    124 
    125 .wizard .subjects {
    126     display: block;
    127     /*
    128     background-color: #c0ddea;
    129     border: 1px solid #575a5d;
    130     margin-top: 2px;
    131     */
     125/** END :: HELP **/
     126
     127/* START ::  TABLE */
     128.wizard .table {
     129    display: block;
    132130    border: 1px solid #575a5d;
    133131    background-color: #ebf7fc;
    134132    margin-top: 10px;
    135 }
    136 
    137 .wizard .subjects .subject {
    138     display: block;
    139 }
    140 
    141 .wizard .topborder {
     133    font-size: 11px;
     134    overflow: hidden;   
     135}
     136
     137.wizard .column {
     138    display: inline-block;
     139    padding: 2px 4px;
     140    width: 120px;
     141}
     142
     143.wizard .firstColumn {
     144    display: inline-block;
     145    padding: 2px 4px;
     146    width: 40px;
     147}
     148
     149.wizard .table .header {
     150    display: block;
     151    background-color: #006DBA;
     152    color: #fff;
     153    font-weight: bold;
     154    width: 2000px;
     155}
     156
     157.wizard .table .header .column .first {
     158    width: 40px;
     159}
     160
     161.wizard .table .row {
     162    display: block;
     163    width: 2000px;
     164    height: 28px;
    142165    border-top: 1px solid #8e908f;
    143166}
    144167
    145 .wizard .subjects .subject .row {
    146     display: inline-block;
    147     /*
    148     border: 1px solid #575a5d;
    149     margin: 1px 1px 0px 0px;
    150     */
    151 }
     168.wizard .table input, .wizard .table select {
     169    border: 1px solid #8e908f;
     170    margin: 2px 0;
     171    padding: 2px 4px;
     172    background-color: transparent;
     173    width: 100px;
     174}
     175
     176.wizard .table .highlight, .wizard .table .highlight input, .wizard .table .highlight select {
     177    background-color: #006DBA;
     178    color: #fff;
     179}
     180/* END :: TABLE */
     181
     182
     183.selectable .ui-selecting { background: #FECA40; }
     184.selectable .ui-selected { background: #F39814; color: white; }
     185.selectable { list-style-type: none; margin: 0; padding: 0; width: 200px; }
     186.selectable li { margin: 3px; padding: 0.4em; font-size: 1em; height: 18px; }
     187
     188.wizard .grouping {
     189    display: block;
     190}
     191
     192.wizard .subjects {
     193    display: inline-block;
     194}
     195
     196.wizard .groups {
     197    display: inline-block;
     198    height: 100%
     199}
     200
     201.droppable { width: 300px; }
     202
     203
Note: See TracChangeset for help on using the changeset viewer.