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: }