1 /* main page styles */
2 body.body {
3 font-family: sans-serif, Arial, Helvetica;
4 color: #333333;
5 margin: 0px 0px 0px 0px;
6 }
7 a[href]:hover { color:blue; text-decoration: underline; }
8 a[href]:link { color:blue; text-decoration: none; }
9 a[href] { color:blue; text-decoration: none; }
11 table.body {
12 border: 0;
13 padding: 0;
14 border-spacing: 0px;
15 border-collapse: separate;
16 }
18 /* don't display the sidebar when printing */
19 @media print {
20 td.page-header-left {
21 display: none;
22 }
23 td.sidebar {
24 display: none;
25 }
26 }
28 td.page-header-left {
29 padding: 5px;
30 border-bottom: 1px solid #444444;
31 }
33 td.page-header-top {
34 padding: 5px;
35 border-bottom: 1px solid #444444;
36 }
38 td.sidebar {
39 padding: 1 0 0 1;
40 white-space: nowrap;
41 }
43 form {
44 margin: 0 0 0 0;
45 }
47 textarea {
48 font-family: monospace;
49 }
51 td.sidebar p.classblock {
52 padding: 2 5 2 5;
53 margin: 1 1 1 1;
54 border: 1px solid #444444;
55 background-color: #eeeeee;
56 }
58 td.sidebar p.userblock {
59 padding: 2 5 2 5;
60 margin: 1 1 1 1;
61 border: 1px solid #444444;
62 background-color: #eeeeff;
63 }
65 td.content {
66 padding: 1 5 1 5;
67 vertical-align: top;
68 width: 100%;
69 }
71 td.date, th.date {
72 white-space: nowrap;
73 }
75 p.ok-message {
76 background-color: #22bb22;
77 padding: 5 5 5 5;
78 color: white;
79 font-weight: bold;
80 }
81 p.error-message {
82 background-color: #bb2222;
83 padding: 5 5 5 5;
84 color: white;
85 font-weight: bold;
86 }
89 /* style for forms */
90 table.form {
91 padding: 2;
92 border-spacing: 0px;
93 border-collapse: separate;
94 }
96 table.form th {
97 color: #333388;
98 text-align: right;
99 vertical-align: top;
100 font-weight: normal;
101 white-space: nowrap;
102 }
104 table.form th.header {
105 font-weight: bold;
106 background-color: #eeeeff;
107 text-align: left;
108 }
110 table.form th.required {
111 font-weight: bold;
112 }
114 table.form td {
115 color: #333333;
116 empty-cells: show;
117 vertical-align: top;
118 }
120 table.form td.optional {
121 font-weight: bold;
122 font-style: italic;
123 }
125 table.form td.html {
126 color: #777777;
127 }
129 /* style for lists */
130 table.list {
131 border-spacing: 0px;
132 border-collapse: separate;
133 width: 100%;
134 }
136 table.list th {
137 padding: 0 4 0 4;
138 color: #404070;
139 background-color: #eeeeff;
140 border: 1px solid white;
141 vertical-align: top;
142 empty-cells: show;
143 }
144 table.list th a[href]:hover { color: #404070 }
145 table.list th a[href]:link { color: #404070 }
146 table.list th a[href] { color: #404070 }
147 table.list th.group {
148 background-color: #f4f4ff;
149 text-align: center;
150 }
152 table.list td {
153 padding: 0 4 0 4;
154 border: 1px solid white;
155 color: #404070;
156 background-color: #efefef;
157 vertical-align: top;
158 empty-cells: show;
159 }
161 table.list tr.navigation th {
162 width: 33%;
163 border-style: hidden;
164 text-align: center;
165 }
166 table.list tr.navigation td {
167 border: none
168 }
169 table.list tr.navigation th:first-child {
170 text-align: left;
171 }
172 table.list tr.navigation th:last-child {
173 text-align: right;
174 }
177 /* style for message displays */
178 table.messages {
179 border-spacing: 0px;
180 border-collapse: separate;
181 width: 100%;
182 }
184 table.messages th.header{
185 padding-top: 10px;
186 border-bottom: 1px solid gray;
187 font-weight: bold;
188 background-color: white;
189 color: #707040;
190 }
192 table.messages th {
193 font-weight: bold;
194 color: black;
195 text-align: left;
196 border-bottom: 1px solid #afafaf;
197 }
199 table.messages td {
200 font-family: monospace;
201 background-color: #efefef;
202 border-bottom: 1px solid #afafaf;
203 color: black;
204 empty-cells: show;
205 border-right: 1px solid #afafaf;
206 vertical-align: top;
207 padding: 2 5 2 5;
208 }
210 table.messages td:first-child {
211 border-left: 1px solid #afafaf;
212 border-right: 1px solid #afafaf;
213 }
215 /* style for file displays */
216 table.files {
217 border-spacing: 0px;
218 border-collapse: separate;
219 width: 100%;
220 }
222 table.files th.header{
223 padding-top: 10px;
224 border-bottom: 1px solid gray;
225 font-weight: bold;
226 background-color: white;
227 color: #707040;
228 }
230 table.files th {
231 border-bottom: 1px solid #afafaf;
232 font-weight: bold;
233 text-align: left;
234 }
236 table.files td {
237 font-family: monospace;
238 empty-cells: show;
239 }
241 /* style for history displays */
242 table.history {
243 border-spacing: 0px;
244 border-collapse: separate;
245 width: 100%;
246 }
248 table.history th.header{
249 padding-top: 10px;
250 border-bottom: 1px solid gray;
251 font-weight: bold;
252 background-color: white;
253 color: #707040;
254 font-size: 100%;
255 }
257 table.history th {
258 border-bottom: 1px solid #afafaf;
259 font-weight: bold;
260 text-align: left;
261 font-size: 90%;
262 }
264 table.history td {
265 font-size: 90%;
266 vertical-align: top;
267 empty-cells: show;
268 }
271 /* style for class list */
272 table.classlist {
273 border-spacing: 0px;
274 border-collapse: separate;
275 width: 100%;
276 }
278 table.classlist th.header{
279 padding-top: 10px;
280 border-bottom: 1px solid gray;
281 font-weight: bold;
282 background-color: white;
283 color: #707040;
284 }
286 table.classlist th {
287 font-weight: bold;
288 text-align: left;
289 }
292 /* style for class help display */
293 table.classhelp { /* the table-layout: fixed; */
294 table-layout: fixed; /* compromises quality for speed */
295 overflow: hidden;
296 font-size: .9em;
297 padding-bottom: 3em;
298 }
300 table.classhelp th {
301 font-weight: normal;
302 text-align: left;
303 color: #444444;
304 background-color: #efefef;
305 border-bottom: 1px solid #afafaf;
306 border-top: 1px solid #afafaf;
307 text-transform: uppercase;
308 vertical-align: middle;
309 line-height:1.5em;
310 }
312 table.classhelp td {
313 vertical-align: middle;
314 padding-right: .2em;
315 border-bottom: 1px solid #efefef;
316 text-align: left;
317 empty-cells: show;
318 }
320 table.classhelp td {
321 white-space: nowrap;
322 vertical-align: middle;
323 padding-right: .2em;
324 border-bottom: 1px solid #efefef;
325 text-align: left;
326 empty-cells: show;
327 }
329 table.classhelp tr:hover {
330 background-color: #eeeeee;
331 }
333 label.classhelp-label {
334 cursor: pointer;
335 }
337 #classhelp-controls {
338 position: fixed;
339 display: block;
340 top: auto;
341 right: 0;
342 bottom: 0;
343 left: 0;
344 padding: .5em;
345 border-top: 2px solid #444444;
346 background-color: #eeeeee;
347 }
349 #classhelp-controls input.apply {
350 width: 7em;
351 font-weight: bold;
352 margin-right: 2em;
353 margin-left: 2em;
354 }
356 #classhelp-controls input.preview {
357 margin-right: 3em;
358 margin-left: 1em;
359 }
361 /* style for "other" displays */
362 table.otherinfo {
363 border-spacing: 0px;
364 border-collapse: separate;
365 width: 100%;
366 }
368 table.otherinfo th.header{
369 padding-top: 10px;
370 border-bottom: 1px solid gray;
371 font-weight: bold;
372 background-color: white;
373 color: #707040;
374 }
376 table.otherinfo th {
377 border-bottom: 1px solid #afafaf;
378 font-weight: bold;
379 text-align: left;
380 }