Annotation of FreeBSD/tinderbox/webui/templates/paefchen/tinderstyle.css, revision 1.3

1.3     ! as          1: /* $Paefchen: FreeBSD/tinderbox/webui/templates/paefchen/tinderstyle.css,v 1.2 2008/01/05 13:20:28 as Exp $ */
1.1       as          2: 
                      3: body {
                      4:        background-color        : #FFF;
                      5:        background-image        : url(images/hdr_fill.png);
                      6:        background-repeat       : repeat-x;
                      7:        background-position     : 0 -20px;
                      8:        margin                          : 0 20px;
                      9:        padding                         : 0;
                     10: }
                     11: 
1.2       as         12: body, td, li, input, select, #content h1, #content h2 {
1.1       as         13:        color                           : #000;
1.2       as         14:        font-family                     : Verdana, sans-serif;
                     15:        font-size                       : 11px;
1.1       as         16: }
                     17: 
                     18: a:link, a:visited {
                     19:        color                           : #900;
                     20: }
                     21: 
                     22: a:hover {
                     23:        color                           : #000;
                     24: }
                     25: 
                     26: table {
                     27:        background-color        : #EEE;
                     28:        border-collapse         : collapse;
                     29:        border-color            : #CACACA;
                     30:        border-spacing          : 0;
                     31:        border-style            : solid solid none none;
                     32:        border-width            : 1px 1px 0 0;
                     33: }
                     34: 
                     35: table th, table td {
                     36:        border-width            : 1px;
                     37:        border-style            : solid;
                     38:        border-color            : #D4D4D4;
                     39:        padding                         : 1px 2px;
                     40:        white-space                     : nowrap;
                     41: }
                     42: 
                     43: table th {
                     44:        font-weight                     : bold;
                     45:        background-color        : #737373;
                     46:        color                           : #FFF;
                     47: }
                     48: 
                     49: table th a:link, table th a:visited {
                     50:        color                           : #FFF;
                     51: }
                     52: 
1.3     ! as         53: form {
        !            54:        margin                          : 0;
        !            55:        padding                         : 0;
        !            56: }
1.1       as         57: 
                     58: input, select {
                     59:        background-color        : #F2F2F2;
                     60:        border-color            : #868686 #d7d7d7 #d7d7d7 #868686;
                     61:        border-style            : groove solid solid groove;
                     62:        border-width            : 2px 1px 1px 2px;
                     63:        margin                          : 1px;
                     64: }
                     65: 
                     66: input[type="submit"] {
                     67:        border-color            : #d7d7d7 #868686 #868686 #d7d7d7;
                     68:        border-style            : solid groove groove solid;
                     69:        border-width            : 1px 2px 2px 1px;
                     70: }
                     71: 
                     72: input:focus, input:hover, select:focus, select:hover {
                     73:        background-color        : #FFF;
                     74: }
                     75: 
                     76: ul {
                     77:        height                          : 29px;
                     78:        list-style-image        : none;
                     79:        list-style-position     : outside;
                     80:        list-style-type         : none;
                     81:        margin                          : 0;
                     82:        padding                         : 0; 
                     83: }
                     84: 
                     85: .right ul {
                     86:        margin-right            : 16px;
                     87: }
                     88: 
                     89: li {
                     90:        border-width            : 0 0 0 1px;
                     91:        border-style            : solid;
                     92:        border-color            : #B4B4B4;
                     93:        display                         : inline;
                     94:        padding                         : 0 4px 0 8px;
                     95: }
                     96: 
                     97: li:first-child {
                     98:        border-left                     : 0;
                     99:        padding-left            : 0;
                    100: }
                    101: 
                    102: li a:link, li a:visited {
                    103:        color                           : #666;
                    104:        font-weight                     : bold;
                    105:        text-decoration         : none;
                    106: }
                    107: 
                    108: #header {
                    109:        color                           : #FFF;
                    110:        height                          : 40px;
                    111: }
                    112: 
                    113: #header a {
                    114:        color                           : #FFF;
                    115:        text-decoration         : none;
                    116: }
                    117: 
1.2       as        118: #header h1 {
                    119:        font-size                       : 22px;
                    120:        margin-top                      : 14px;
                    121: }
                    122: 
                    123: 
1.1       as        124: #topmenu {
                    125:        position                        : absolute;
                    126:        top                                     : 64px;
                    127: }
                    128: 
                    129: #topmenu .right ul {
                    130:        float                           : left;
                    131: }
                    132: 
                    133: #topmenu input {
                    134:        color                           : #666;
                    135:        font-weight                     : bold;
                    136:        padding                         : 0;
                    137:        margin                          : 0;
                    138:        border-width            : 0;
                    139:        background-color        : transparent;
                    140:        cursor                          : pointer;
                    141: }
                    142: 
                    143: #content {
                    144:        margin                          : 64px 0 40px 0;
                    145: }
                    146: 
                    147: #content h1, #content h2 {
                    148:        border-width            : 1px 0 0 0;
                    149:        border-color            : #b4b4b4;
                    150:        border-style            : solid;
                    151:        color                           : #737373;
                    152:        background-color        : #f7f7f7;
                    153:        margin                          : 20px 0 10px 0;
                    154: }
                    155: 
                    156: #footer {
                    157:        position                        : fixed;
                    158:        bottom                          : 0;
                    159:        left                            : 0;
                    160:        color                           : #737373;
                    161:        font-weight                     : bold;
                    162:        padding                         : 4px 20px 0 20px;
                    163:        height                          : 19px;
                    164:        background-color        : #DDD;
                    165:        background-image        : url(images/hdr_fill.png);
                    166:        background-repeat       : repeat-x;
                    167:        background-position     : 0 -81px;
                    168:        border-width            : 1px 0 0 0;
                    169:        border-color            : #b4b4b4;
                    170:        border-style            : solid;
                    171: }
                    172: 
                    173: #footer table {
                    174:        float                           : left;
                    175:        margin-left                     : 5px;
                    176: }
                    177: 
                    178: #user {
                    179:        
                    180: }
                    181: 
                    182: .left {
                    183:        float                           : left;
                    184: }
                    185: 
                    186: .right {
                    187:        float                           : right;
                    188: }
                    189: 
                    190: .description {
                    191:        margin                          : 20px 0;       
                    192: }
                    193: 
                    194: .subcontent {
                    195:        margin                          : 10px 0;       
                    196: }
                    197: 
                    198: .subcontent table th, .description table th {
                    199:        background-color        : transparent;
                    200:        color                           : #737373;
                    201:        text-align                      : left;
                    202: }
                    203: 
                    204: td.port_success {
                    205:        background-color        : #E8FFE8
                    206: }
                    207: td.port_dud {
                    208:        background-color        : yellow;
                    209:        font-weight                     : bold;
                    210:        text-align                      : center
                    211: }
                    212: td.port_leftovers {
                    213:        background-color        : #FFFFD8;
                    214:        color                           : red;
                    215:        font-weight                     : bold;
                    216:        text-align                      : center
                    217: }
                    218: td.port_broken {
                    219:        background-color        : #FFFFD8;
                    220:        color                           : red;
                    221:        font-weight                     : bold;
                    222:        text-align                      : center
                    223: }
                    224: td.port_fail {
                    225:        background-color        : red
                    226: }
                    227: td.port_depend {
                    228:        background-color        : orange
                    229: }
                    230: td.port_default {
                    231:        background-color        : grey
                    232: }
                    233: 
                    234: td.build_portbuild {
                    235:        background-color        : green
                    236: }
                    237: td.build_prepare {
                    238:        background-color        : lightblue
                    239: }
                    240: td.build_default {
                    241: }
                    242: 
                    243: td.queue_entry_enqueued {
                    244:        background-color        : grey
                    245: }
                    246: td.queue_entry_processing {
                    247:        background-color        : green
                    248: }
                    249: td.queue_entry_success {
                    250:        background-color        : #E8FFE8
                    251: }
                    252: td.queue_entry_fail {
                    253:        background-color        : red
                    254: }
                    255: 
                    256: td.fail_reason_COMMON {
                    257:        background-color        : red;
                    258:        color                           : white
                    259: }
                    260: a.fail_reason_COMMON {
                    261:        color                           : white
                    262: }
                    263: td.fail_reason_RARE {
                    264:        background-color        : orange
                    265: }
                    266: td.fail_reason_TRANSIENT {
                    267:        background-color        : yellow
                    268: }
                    269: 
                    270: /* XXX */
                    271: body > p {
                    272:        display                         : none; 
                    273: }