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