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

1.7     ! as          1: /* $Paefchen: FreeBSD/tinderbox/webui/templates/paefchen/tinderstyle.css,v 1.6 2008/01/18 21:36:24 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.4       as         12: body, td, li, input, select, label, #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: li {
                     86:        border-width            : 0 0 0 1px;
                     87:        border-style            : solid;
                     88:        border-color            : #B4B4B4;
                     89:        display                         : inline;
                     90:        padding                         : 0 4px 0 8px;
                     91: }
                     92: 
                     93: li:first-child {
                     94:        border-left                     : 0;
                     95:        padding-left            : 0;
                     96: }
                     97: 
                     98: li a:link, li a:visited {
                     99:        color                           : #666;
                    100:        font-weight                     : bold;
                    101:        text-decoration         : none;
                    102: }
                    103: 
1.4       as        104: fieldset {
                    105:        border-width            : 0;
                    106:        margin                          : 0;
                    107:        padding                         : 0;
                    108: }
                    109: 
                    110: label {
                    111:        display                         : block;
                    112:        font-weight                     : bold;
                    113: }
                    114: 
1.1       as        115: #header {
                    116:        color                           : #FFF;
                    117:        height                          : 40px;
                    118: }
                    119: 
                    120: #header a {
                    121:        color                           : #FFF;
                    122:        text-decoration         : none;
                    123: }
                    124: 
1.2       as        125: #header h1 {
                    126:        font-size                       : 22px;
                    127:        margin-top                      : 14px;
                    128: }
                    129: 
                    130: 
1.1       as        131: #topmenu {
1.7     ! as        132: }
        !           133: 
        !           134: #topmenu .left {
1.1       as        135:        position                        : absolute;
1.7     ! as        136:        left                            : 20px;
1.1       as        137:        top                                     : 64px;
1.6       as        138: }
                    139: 
                    140: #topmenu .right {
1.7     ! as        141:        position                        : absolute;
        !           142:        right                           : 16px;
        !           143:        top                                     : 64px;
1.1       as        144: }
                    145: 
                    146: #topmenu input {
                    147:        color                           : #666;
                    148:        font-weight                     : bold;
                    149:        padding                         : 0;
                    150:        margin                          : 0;
                    151:        border-width            : 0;
                    152:        background-color        : transparent;
                    153:        cursor                          : pointer;
                    154: }
                    155: 
                    156: #content {
                    157:        margin                          : 64px 0 40px 0;
                    158: }
                    159: 
1.4       as        160: #content h1, #content h2, #content label {
1.1       as        161:        border-width            : 1px 0 0 0;
                    162:        border-color            : #b4b4b4;
                    163:        border-style            : solid;
                    164:        color                           : #737373;
                    165:        background-color        : #f7f7f7;
1.4       as        166:        margin                          : 5px 0 5px 0;
                    167:        padding                         : 2px 0;
1.1       as        168: }
                    169: 
                    170: #footer {
                    171:        position                        : fixed;
                    172:        bottom                          : 0;
                    173:        left                            : 0;
                    174:        color                           : #737373;
                    175:        font-weight                     : bold;
1.6       as        176:        padding-top                     : 4px;
                    177:        width                           : 100%;
1.1       as        178:        height                          : 19px;
                    179:        background-color        : #DDD;
                    180:        background-image        : url(images/hdr_fill.png);
                    181:        background-repeat       : repeat-x;
                    182:        background-position     : 0 -81px;
                    183:        border-width            : 1px 0 0 0;
                    184:        border-color            : #b4b4b4;
                    185:        border-style            : solid;
                    186: }
                    187: 
1.6       as        188: #footer .left {
                    189:        padding-left            : 20px;
                    190: }
                    191: 
                    192: #footer .right {
                    193:        padding-right           : 20px;
                    194: }
                    195: 
1.1       as        196: #footer table {
                    197:        float                           : left;
                    198:        margin-left                     : 5px;
                    199: }
                    200: 
                    201: .left {
                    202:        float                           : left;
                    203: }
                    204: 
                    205: .right {
                    206:        float                           : right;
                    207: }
                    208: 
                    209: .description {
                    210:        margin                          : 20px 0;       
                    211: }
                    212: 
                    213: .subcontent {
1.4       as        214:        margin                          : 20px 0;       
1.1       as        215: }
                    216: 
                    217: .subcontent table th, .description table th {
                    218:        background-color        : transparent;
                    219:        color                           : #737373;
                    220:        text-align                      : left;
                    221: }
                    222: 
                    223: td.port_success {
1.4       as        224:        background-color        : #E8FFE8;
1.1       as        225: }
                    226: td.port_dud {
                    227:        background-color        : yellow;
                    228:        font-weight                     : bold;
1.4       as        229:        text-align                      : center;
1.1       as        230: }
                    231: td.port_leftovers {
                    232:        background-color        : #FFFFD8;
                    233:        color                           : red;
                    234:        font-weight                     : bold;
1.4       as        235:        text-align                      : center;
1.1       as        236: }
                    237: td.port_broken {
                    238:        background-color        : #FFFFD8;
                    239:        color                           : red;
                    240:        font-weight                     : bold;
1.4       as        241:        text-align                      : center;
1.1       as        242: }
                    243: td.port_fail {
1.4       as        244:        background-color        : red;
1.1       as        245: }
                    246: td.port_depend {
1.4       as        247:        background-color        : #FFA500;
1.1       as        248: }
                    249: td.port_default {
1.4       as        250:        background-color        : #808080;
1.1       as        251: }
                    252: 
                    253: td.build_portbuild {
1.4       as        254:        background-color        : green;
1.1       as        255: }
                    256: td.build_prepare {
1.4       as        257:        background-color        : #ADD8E6;
1.1       as        258: }
                    259: td.build_default {
                    260: }
                    261: 
                    262: td.queue_entry_enqueued {
1.4       as        263:        background-color        : #808080;
1.1       as        264: }
                    265: td.queue_entry_processing {
1.4       as        266:        background-color        : green;
1.1       as        267: }
                    268: td.queue_entry_success {
1.4       as        269:        background-color        : #E8FFE8;
1.1       as        270: }
                    271: td.queue_entry_fail {
1.4       as        272:        background-color        : red;
1.1       as        273: }
                    274: 
                    275: td.fail_reason_COMMON {
                    276:        background-color        : red;
1.4       as        277:        color                           : white;
1.1       as        278: }
                    279: a.fail_reason_COMMON {
1.4       as        280:        color                           : white;
1.1       as        281: }
                    282: td.fail_reason_RARE {
1.4       as        283:        background-color        : #FFA500;
1.1       as        284: }
                    285: td.fail_reason_TRANSIENT {
1.4       as        286:        background-color        : yellow;
1.1       as        287: }
                    288: 
                    289: /* XXX */
                    290: body > p {
                    291:        display                         : none; 
                    292: }