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