1 /* main page styles */
2 body.body {
3 font-family: sans-serif, Arial, Helvetica;
4 background-color: white;
5 color: #333;
6 margin: 0;
7 }
8 a[href]:hover {
9 color:blue;
10 text-decoration: underline;
11 }
12 a[href], a[href]:link {
13 color:blue;
14 text-decoration: none;
15 }
17 table.body {
18 border: 0;
19 padding: 0;
20 border-spacing: 0;
21 border-collapse: separate;
22 }
24 td.page-header-left {
25 padding: 5px;
26 border-bottom: 1px solid #444;
27 }
28 td.sidebar {
29 padding: 1px 0 0 1px;
30 white-space: nowrap;
31 }
33 /* don't display the sidebar when printing */
34 @media print {
35 td.page-header-left {
36 display: none;
37 }
38 td.sidebar {
39 display: none;
40 }
41 .index-controls {
42 display: none;
43 }
44 #searchbox {
45 display: none;
46 }
47 }
49 td.page-header-top {
50 padding: 5px;
51 border-bottom: 1px solid #444;
52 }
53 #searchbox {
54 float: right;
55 }
57 div#body-title {
58 float: left;
59 }
62 div#searchbox {
63 float: right;
64 padding-top: 1em;
65 }
67 div#searchbox input#search-text {
68 width: 10em;
69 }
71 form {
72 margin: 0;
73 }
75 textarea {
76 font-family: monospace;
77 }
79 td.sidebar p.classblock {
80 padding: 2px 5px 2px 5px;
81 margin: 1px;
82 border: 1px solid #444;
83 background-color: #eee;
84 }
86 td.sidebar p.userblock {
87 padding: 2px 5px 2px 5px;
88 margin: 1px 1px 1px 1px;
89 border: 1px solid #444;
90 background-color: #eef;
91 }
93 .form-small {
94 padding: 0;
95 font-size: 75%;
96 }
99 td.content {
100 padding: 1px 5px 1px 5px;
101 vertical-align: top;
102 width: 100%;
103 }
105 td.date, th.date {
106 white-space: nowrap;
107 }
109 p.ok-message {
110 background-color: #22bb22;
111 padding: 5px;
112 color: white;
113 font-weight: bold;
114 }
115 p.error-message {
116 background-color: #bb2222;
117 padding: 5px;
118 color: white;
119 font-weight: bold;
120 }
121 p.error-message a[href] {
122 color: white;
123 text-decoration: underline;
124 }
127 /* style for search forms */
128 ul.search-checkboxes {
129 display: inline;
130 padding: 0;
131 list-style: none;
132 }
133 ul.search-checkboxes > li {
134 display: inline;
135 padding-right: .5em;
136 }
139 /* style for forms */
140 table.form {
141 padding: 2px;
142 border-spacing: 0;
143 border-collapse: separate;
144 }
146 table.form th {
147 color: #338;
148 text-align: right;
149 vertical-align: top;
150 font-weight: normal;
151 white-space: nowrap;
152 }
154 table.form th.header {
155 font-weight: bold;
156 background-color: #eef;
157 text-align: left;
158 }
160 table.form th.required {
161 font-weight: bold;
162 }
164 table.form td {
165 color: #333;
166 empty-cells: show;
167 vertical-align: top;
168 }
170 table.form td.optional {
171 font-weight: bold;
172 font-style: italic;
173 }
175 table.form td.html {
176 color: #777;
177 }
179 /* style for lists */
180 table.list {
181 border-spacing: 0;
182 border-collapse: separate;
183 width: 100%;
184 }
186 table.list th {
187 padding: 0 4px 0 4px;
188 color: #404070;
189 background-color: #eef;
190 border: 1px solid white;
191 vertical-align: top;
192 empty-cells: show;
193 }
194 table.list th a[href]:hover { color: #404070 }
195 table.list th a[href]:link { color: #404070 }
196 table.list th a[href] { color: #404070 }
197 table.list th.group {
198 background-color: #f4f4ff;
199 text-align: center;
200 }
202 table.list td {
203 padding: 0 4px 0 4px;
204 border: 1px solid white;
205 color: #404070;
206 background-color: #efefef;
207 vertical-align: top;
208 empty-cells: show;
209 }
211 table.list tr.navigation th {
212 width: 33%;
213 border-style: hidden;
214 text-align: center;
215 }
216 table.list tr.navigation td {
217 border: none
218 }
219 table.list tr.navigation th:first-child {
220 text-align: left;
221 }
222 table.list tr.navigation th:last-child {
223 text-align: right;
224 }
227 /* style for message displays */
228 table.messages {
229 border-spacing: 0;
230 border-collapse: separate;
231 width: 100%;
232 }
234 table.messages th.header{
235 padding-top: 10px;
236 border-bottom: 1px solid gray;
237 font-weight: bold;
238 background-color: white;
239 color: #707040;
240 }
242 table.messages th {
243 font-weight: bold;
244 color: black;
245 text-align: left;
246 border-bottom: 1px solid #afafaf;
247 }
249 table.messages td {
250 font-family: monospace;
251 background-color: #efefef;
252 border-bottom: 1px solid #afafaf;
253 color: black;
254 empty-cells: show;
255 border-right: 1px solid #afafaf;
256 vertical-align: top;
257 padding: 2px 5px 2px 5px;
258 }
260 table.messages td:first-child {
261 border-left: 1px solid #afafaf;
262 border-right: 1px solid #afafaf;
263 }
265 /* style for file displays */
266 table.files {
267 border-spacing: 0;
268 border-collapse: separate;
269 width: 100%;
270 }
272 table.files th.header{
273 padding-top: 10px;
274 border-bottom: 1px solid gray;
275 font-weight: bold;
276 background-color: white;
277 color: #707040;
278 }
280 table.files th {
281 border-bottom: 1px solid #afafaf;
282 font-weight: bold;
283 text-align: left;
284 }
286 table.files td {
287 font-family: monospace;
288 empty-cells: show;
289 }
291 /* style for history displays */
292 table.history {
293 border-spacing: 0;
294 border-collapse: separate;
295 width: 100%;
296 }
298 table.history th.header{
299 padding-top: 10px;
300 border-bottom: 1px solid gray;
301 font-weight: bold;
302 background-color: white;
303 color: #707040;
304 font-size: 100%;
305 }
307 table.history th {
308 border-bottom: 1px solid #afafaf;
309 font-weight: bold;
310 text-align: left;
311 font-size: 90%;
312 }
314 table.history td {
315 font-size: 90%;
316 vertical-align: top;
317 empty-cells: show;
318 }
321 /* style for class list */
322 table.classlist {
323 border-spacing: 0;
324 border-collapse: separate;
325 width: 100%;
326 }
328 table.classlist th.header{
329 padding-top: 10px;
330 border-bottom: 1px solid gray;
331 font-weight: bold;
332 background-color: white;
333 color: #707040;
334 }
336 table.classlist th {
337 font-weight: bold;
338 text-align: left;
339 }
342 /* style for class help display */
343 table.classhelp { /* the table-layout: fixed; */
344 table-layout: fixed; /* compromises quality for speed */
345 overflow: hidden;
346 font-size: .9em;
347 padding-bottom: 3em;
348 }
350 table.classhelp th {
351 font-weight: normal;
352 text-align: left;
353 color: #444;
354 background-color: #efefef;
355 border-bottom: 1px solid #afafaf;
356 border-top: 1px solid #afafaf;
357 text-transform: uppercase;
358 vertical-align: middle;
359 line-height:1.5em;
360 }
362 table.classhelp td {
363 vertical-align: middle;
364 padding-right: .2em;
365 border-bottom: 1px solid #efefef;
366 text-align: left;
367 empty-cells: show;
368 white-space: nowrap;
369 vertical-align: middle;
370 }
372 table.classhelp tr:hover {
373 background-color: #eee;
374 }
376 label.classhelp-label {
377 cursor: pointer;
378 }
380 #classhelp-controls {
381 position: fixed;
382 display: block;
383 top: auto;
384 right: 0;
385 bottom: 0;
386 left: 0;
387 padding: .5em;
388 border-top: 2px solid #444;
389 background-color: #eee;
390 }
392 #classhelp-controls input.apply {
393 width: 7em;
394 font-weight: bold;
395 margin-right: 2em;
396 margin-left: 2em;
397 }
399 #classhelp-controls input.preview {
400 margin-right: 3em;
401 margin-left: 1em;
402 }
404 /* style for "other" displays */
405 table.otherinfo {
406 border-spacing: 0;
407 border-collapse: separate;
408 width: 100%;
409 }
411 table.otherinfo th.header{
412 padding-top: 10px;
413 border-bottom: 1px solid gray;
414 font-weight: bold;
415 background-color: white;
416 color: #707040;
417 }
419 table.otherinfo th {
420 border-bottom: 1px solid #afafaf;
421 font-weight: bold;
422 text-align: left;
423 }
424 input[type="text"]:focus,
425 input[type="checkbox"]:focus,
426 input[type="radio"]:focus,
427 input[type="password"]:focus,
428 textarea:focus, select:focus {
429 background-color: #ffffc0;
430 }
432 /* vim: sts=2 sw=2 et
433 */