Changeset 213 for trunk/web-app/css


Ignore:
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:
1 edited

Legend:

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

    r209 r213  
    22    display: block;
    33    padding-top: 10px;
     4}
     5
     6.wizard .info {
     7    display: block;
     8    border: 1px solid #006DBA;
     9    background-color: #EEE;
     10    padding: 10px;
     11    font-size: 10px;
     12    margin: 10px 0px 10px 0px;
     13}
     14
     15.wizard .info .title {
     16    color:#006DBA;
     17    font-size:14px;
     18    font-weight:normal;
     19    display: block;
     20    margin-bottom: 5px;
     21    padding-left: 20px;
     22    background: url(../images/icons/famfamfam/information.png) no-repeat center left;
    423}
    524
     
    7089}
    7190
    72 .wizard .error {
    73     display: block;
    74     padding-top: 10px;
    75 }
    76 
    7791.wizard .element {
    7892    display: block;
     
    88102.wizard .element .input {
    89103    display: inline;
     104}
     105
     106.wizard .error {
     107    background: url(../images/icons/famfamfam/exclamation.png) no-repeat 230px 4px;
    90108}
    91109
     
    184202}
    185203
    186 .wizard .table .row .error {
     204.wizard .table .row .warning {
    187205    color: red;
    188206    font-size: 8px;
     
    190208}
    191209
     210.wizard .table .row .error {
     211    background-color: #ffb0b7;
     212}
     213
    192214.wizard .table input, .wizard .table select {
    193215    border: 1px solid #8e908f;
     
    195217    padding: 2px 4px;
    196218    background-color: transparent;
     219    width: 100px;
     220}
     221.wizard .table .header input, .wizard .table .header select, .wizard .table .header button {
     222    border: 1px solid #8e908f;
     223    margin: 2px 0;
     224    padding: 2px 4px;
     225    background-color: #fff;
    197226    width: 100px;
    198227}
Note: See TracChangeset for help on using the changeset viewer.