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

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