a8e1f343 |
1 | /* $Id$ */ |
2 | |
3 | /* |
4 | ** layout |
5 | */ |
6 | |
992b5971 |
7 | /************************************************* |
8 | *** |
9 | *** This CSS file contains all layout definitions |
10 | *** like positioning, floats, |
11 | *** margins, paddding, |
12 | *** borders etc. |
13 | *** |
14 | *** Shortindex: |
15 | *** basic and general styles |
16 | *** header and footer styles |
17 | *** content styles (alphabetically) |
18 | *** activities, calendar, blocks |
19 | *** |
20 | *** Please sort new styles for existing content |
21 | *** into the appropriate part of this CSS file. |
22 | *** Styles for new Blocks or Activities please |
23 | *** place at the end. |
24 | *** Wouldn't the alphabetical order be better? |
25 | *** |
26 | **************************************************/ |
a8e1f343 |
27 | |
28 | /* basic styles */ |
29 | .clearer { |
30 | clear:both; |
31 | margin:0px; |
32 | padding:0px; |
33 | height:1px; |
34 | border:none; |
35 | background:transparent; |
36 | } |
37 | |
38 | |
39 | /* general styles */ |
40 | th { |
41 | background-image:url(gradient.jpg); |
42 | background-position:top; |
43 | background-repeat:repeat-x; |
44 | } |
45 | |
46 | form { |
47 | margin-bottom:0px; |
48 | } |
49 | |
50 | |
51 | /* header styles */ |
52 | #header-home { |
53 | padding:1em 0.5em; |
54 | height:2em; |
55 | } |
56 | |
57 | #header { |
58 | padding:0.1em 0.5em; |
59 | } |
60 | |
61 | .headermain { |
62 | float:left; |
63 | } |
64 | |
65 | #header .headermain { |
66 | margin:0.2em 0em; |
67 | } |
68 | |
69 | .headermenu { |
70 | float:right; |
71 | } |
72 | |
73 | #nav-bar { |
74 | padding:3px 0.5em; |
75 | height:1.3em; |
76 | background-image:url(gradient.jpg); |
77 | background-position:top; |
78 | background-repeat:repeat-x; |
79 | } |
80 | |
81 | #breadcrumb { |
82 | float:left; |
83 | margin:0.2em 0em; |
84 | } |
85 | |
86 | #navbutton { |
87 | float:right; |
88 | } |
89 | |
90 | |
91 | /* footer styles */ |
92 | |
93 | |
a8e1f343 |
94 | |
992b5971 |
95 | /***************************** |
96 | *** |
97 | *** content styles |
98 | *** |
99 | ******************************/ |
a8e1f343 |
100 | /* many places */ |
992b5971 |
101 | .generalbox { |
a8e1f343 |
102 | border-width:1px; |
103 | border-style:solid; |
104 | } |
992b5971 |
105 | .noticebox { |
a8e1f343 |
106 | border-width:1px; |
107 | border-style:solid; |
108 | } |
109 | |
a8e1f343 |
110 | /* summary of a user in a nice little box - weblib.php */ |
111 | .userinfobox { |
112 | border-width:1px; |
113 | border-style:solid; |
114 | margin-bottom:5px; |
115 | } |
116 | |
117 | .userinfoboxside, |
118 | .userinfoboxsummary, |
119 | .userinfoboxlinkcontent { } |
120 | |
992b5971 |
121 | /* weblib.php table */ |
122 | .tabledivider { |
123 | border-width:1px; |
124 | border-style:solid; |
125 | border-left:0px; |
126 | border-right:0px; |
127 | border-top:0px; |
128 | } |
129 | |
130 | /* entry-page index.php */ |
131 | .sitetopic { |
132 | border-width:1px; |
133 | border-style:solid; |
134 | } |
135 | |
136 | /***************************** |
137 | *** |
138 | *** Activities |
139 | *** |
140 | ******************************/ |
141 | /* admin, calendar */ |
142 | table.formtable td { |
143 | padding:9px; |
a8e1f343 |
144 | } |
145 | |
146 | /* assignment, forum, glossary */ |
147 | .forumheaderlist, |
148 | .forumpost { |
149 | border-width:1px; |
150 | border-style:solid; |
151 | } |
152 | |
4ff025ea |
153 | .forumpostindent { |
154 | margin-left: 30px; |
155 | } |
156 | |
992b5971 |
157 | /* calendar, course, weblib,php, attandance |
158 | dialouge, exercise, forum, lesson, quiz */ |
159 | .generaltableheader { |
160 | background-image:url(gradient.jpg); |
161 | background-position:top; |
162 | background-repeat:repeat-x; |
163 | } |
164 | |
165 | /* course, entry-page, login */ |
166 | .headingblock { |
167 | background-image:url(gradient.jpg); |
168 | background-position:top; |
169 | background-repeat:repeat-x; |
170 | border-width:1px; |
171 | border-style:solid; |
172 | } |
173 | |
174 | /* course */ |
175 | .outlineheadingblock { |
176 | background-image:url(gradient.jpg); |
177 | background-position:top; |
178 | background-repeat:repeat-x; |
a8e1f343 |
179 | border-width:1px; |
180 | border-style:solid; |
992b5971 |
181 | } |
182 | .weeklyoutlinecontent, |
183 | .topicsoutlinecontent { |
184 | border-width:1px; |
a8e1f343 |
185 | border-left:0px; |
186 | border-right:0px; |
992b5971 |
187 | border-style:solid; |
188 | } |
189 | |
190 | .weeklyoutlinecontenthighlight, |
191 | .topicsoutlinecontenthighlight { |
192 | border-width:1px; |
193 | border-left:0px; |
194 | border-right:0px; |
195 | border-style:solid; |
196 | } |
197 | |
198 | .weeklyoutlinecontenthidden, |
199 | .topicsoutlinecontenthidden { |
200 | border-width:1px; |
201 | border-left:0px; |
202 | border-right:0px; |
203 | border-style:solid; |
204 | } |
205 | |
206 | .categoryboxcontent, |
207 | .courseboxcontent { |
208 | border-width:1px; |
209 | border-style:solid; |
a8e1f343 |
210 | } |
211 | |
992b5971 |
212 | /* glossary, wiki */ |
213 | .generaltab, |
214 | .generaltabselected { |
215 | background:none; |
216 | } |
217 | |
218 | /* message */ |
219 | .message_link { |
220 | vertical-align:center; |
221 | } |
222 | |
223 | .message_search_results { |
224 | border-collapse:collapse; |
225 | border-spacing:0px; |
226 | } |
227 | |
228 | table.message_search_results td { |
229 | padding:5px; |
230 | border-width:1px; |
231 | border-style:solid; |
232 | } |
233 | |
234 | /* quiz */ |
235 | .feedbacktext { |
236 | display:block; |
237 | } |
238 | |
239 | /***************************** |
240 | *** |
241 | *** Calendar |
242 | *** |
243 | ******************************/ |
a8e1f343 |
244 | /* calendar */ |
245 | table.calendarmini { |
246 | width:100%; |
247 | margin:0px; |
248 | padding:2px; |
249 | border-width:1px; |
250 | border-style:solid; |
251 | } |
252 | |
253 | table.calendarmini thead td { |
254 | vertical-align:center; |
255 | } |
256 | |
257 | table.calendarmini tbody td { |
258 | border-width:2px; |
259 | border-style:solid; |
260 | vertical-align:center; |
261 | } |
262 | |
263 | table.calendarmonth thead td { |
264 | padding-bottom:3px; |
265 | border-bottom:2px solid; |
266 | vertical-align:center; |
267 | } |
268 | |
269 | table.calendarmonth tbody td { |
270 | width:14%; |
271 | border-width:2px; |
272 | border-style:solid; |
273 | vertical-align:top; |
274 | } |
275 | |
276 | .cal_event_global { |
277 | border:2px solid !important; |
278 | } |
279 | |
280 | .cal_event_course { |
281 | border:2px solid !important; |
282 | } |
283 | |
284 | .cal_event_group { |
285 | border:2px solid !important; |
286 | } |
287 | |
288 | .cal_event_user { |
289 | border:2px solid !important; |
290 | } |
291 | |
292 | .cal_duration_global { |
293 | border-top:2px solid !important; |
294 | border-bottom:2px solid !important; |
295 | } |
296 | |
297 | .cal_duration_course { |
298 | border-top:2px solid !important; |
299 | border-bottom:2px solid !important; |
300 | } |
301 | |
302 | .cal_duration_user { |
303 | border-top:2px solid !important; |
304 | border-bottom:2px solid !important; |
305 | } |
306 | |
307 | .cal_duration_group { |
308 | border-top:2px solid !important; |
309 | border-bottom:2px solid !important; |
310 | } |
311 | |
312 | .cal_today { |
313 | border:2px solid !important; |
314 | } |
315 | |
316 | .mycalendar .cal_filters thead td { |
317 | margin:0px; |
318 | padding:2px; |
319 | border-bottom:2px solid; |
320 | } |
321 | |
322 | table.calendarmonth tbody td table, |
323 | table.calendarmonth tbody td div { |
324 | margin-top:0px; |
325 | margin-left:0px; |
326 | } |
327 | |
328 | table.calendarmonth tbody td table td, |
329 | a img { |
330 | border:none; |
331 | } |
332 | |
333 | .mycalendar .cal_event_table, |
334 | table.calendarmonth, |
335 | .mycalendar table.cal_filters { |
336 | width:100%; |
337 | margin:0px; |
338 | padding:2px; |
339 | border-width:1px; |
340 | border-style:solid; |
341 | } |
342 | |
343 | .mycalendar hr { |
344 | height:1px; |
345 | margin-top:4px; |
346 | margin-bottom:4px; |
347 | border:none; |
348 | border-top:1px solid; |
349 | } |
350 | |
351 | td.cal_event_description { |
352 | width:80%; |
353 | padding:5px; |
354 | vertical-align:top; |
355 | border-left:2px solid; |
356 | } |
357 | |
358 | .cal_popup_bg { |
359 | padding:0px; |
360 | margin:0px; |
361 | background-image:url(gradient.jpg); |
362 | background-position:top; |
363 | background-repeat:repeat-x; |
364 | border:2px solid; |
365 | } |
366 | |
367 | .cal_popup_close { |
368 | margin-right:5px; |
369 | } |
370 | |
371 | .eventfull { |
372 | border-width:1px; |
373 | border-style:solid; |
374 | } |
375 | |
376 | .eventfullpicture { |
377 | padding:8px; |
378 | } |
379 | |
992b5971 |
380 | /***************************** |
381 | *** |
382 | *** Blocks |
383 | *** |
384 | ******************************/ |
a8e1f343 |
385 | /* block_rss_client.php */ |
386 | .rssclientlink { |
387 | padding-bottom:5px; |
388 | border-top:1px solid; |
389 | } |
390 | |
391 | .rssclientdescription { |
392 | padding-left:10px; |
393 | padding-bottom:8px; |
394 | } |
395 | |
992b5971 |
396 | /* sideblock */ |
397 | .sideblock { |
398 | width: 100%; |
399 | margin-bottom:1em; |
a8e1f343 |
400 | border-width:1px; |
401 | border-style:solid; |
402 | } |
992b5971 |
403 | .sideblockheading { |
a8e1f343 |
404 | background-image:url(gradient.jpg); |
405 | background-position:top; |
406 | background-repeat:repeat-x; |
a8e1f343 |
407 | } |
408 | |
992b5971 |
409 | .sideblockmain hr { |
410 | height:1px; |
411 | margin-top:4px; |
412 | margin-bottom:4px; |
413 | border:none; |
414 | border-top:1px solid; |
af7a6386 |
415 | } |
416 | |
a8e1f343 |
417 | /* sideblock weblib.php */ |
418 | #block_course_summary .sideblockmain { |
419 | padding:10px; |
420 | } |
421 | |
cae0f35b |
422 | #block_quiz_results table.grades { |
423 | width: 100%; |
424 | border-spacing: 0px; |
425 | border-collapse: collapse; |
426 | } |
427 | |
428 | #block_quiz_results h1 { |
429 | text-align: center; |
430 | font-weight: bold; |
431 | font-size: 1.2em; |
432 | margin: 4px; |
433 | } |
434 | |
435 | #block_quiz_results h2 { |
436 | text-align: center; |
437 | font-weight: bold; |
438 | font-size: 1em; |
439 | margin: 0px; |
440 | } |
441 | |