moving to xhtml doctype
[moodle.git] / theme / standard / styles_layout.css
CommitLineData
7005a81c 1/*************************************************
2***
3*** layout
4***
5**************************************************/
a8e1f343 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)
7005a81c 18*** admin, course, activities, calendar, blocks
992b5971 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
7005a81c 28
a8e1f343 29/* basic styles */
30.clearer {
31 clear:both;
32 margin:0px;
33 padding:0px;
34 height:1px;
35 border:none;
36 background:transparent;
37}
38
ac91569f 39.continuebutton {
40 text-align: center;
41}
42
a8e1f343 43
44/* general styles */
45th {
46 background-image:url(gradient.jpg);
47 background-position:top;
48 background-repeat:repeat-x;
49}
50
51form {
52 margin-bottom:0px;
53}
54
55
56/* header styles */
57#header-home {
58 padding:1em 0.5em;
59 height:2em;
60}
61
62#header {
63 padding:0.1em 0.5em;
64}
65
66.headermain {
67 float:left;
68}
69
70#header .headermain {
71 margin:0.2em 0em;
72}
73
74.headermenu {
75 float:right;
76}
77
78#nav-bar {
79 padding:3px 0.5em;
80 height:1.3em;
81 background-image:url(gradient.jpg);
82 background-position:top;
83 background-repeat:repeat-x;
84}
85
86#breadcrumb {
87 float:left;
88 margin:0.2em 0em;
89}
90
91#navbutton {
92 float:right;
93}
94
95
96/* footer styles */
97
98
992b5971 99/*****************************
100***
101*** content styles
102***
103******************************/
a8e1f343 104/* many places */
992b5971 105.generalbox {
a8e1f343 106 border-width:1px;
107 border-style:solid;
108}
992b5971 109.noticebox {
a8e1f343 110 border-width:1px;
111 border-style:solid;
112}
113
7005a81c 114
a8e1f343 115/* summary of a user in a nice little box - weblib.php */
116.userinfobox {
7005a81c 117 margin-bottom:5px;
a8e1f343 118 border-width:1px;
119 border-style:solid;
a8e1f343 120}
121
122.userinfoboxside,
123.userinfoboxsummary,
124.userinfoboxlinkcontent { }
125
7005a81c 126
992b5971 127/* weblib.php table */
128.tabledivider {
129 border-width:1px;
130 border-style:solid;
131 border-left:0px;
132 border-right:0px;
133 border-top:0px;
134}
135
7005a81c 136
992b5971 137/* entry-page index.php */
138.sitetopic {
139 border-width:1px;
140 border-style:solid;
141}
142
7005a81c 143
992b5971 144/*****************************
145***
7005a81c 146*** Admin
992b5971 147***
148******************************/
149/* admin, calendar */
150table.formtable td {
151 padding:9px;
a8e1f343 152}
153
992b5971 154
7005a81c 155/*****************************
156***
157*** Course
158***
159******************************/
992b5971 160/* course, entry-page, login */
161.headingblock {
162 background-image:url(gradient.jpg);
163 background-position:top;
164 background-repeat:repeat-x;
165 border-width:1px;
166 border-style:solid;
167}
168
7005a81c 169
992b5971 170/* course */
171.outlineheadingblock {
172 background-image:url(gradient.jpg);
173 background-position:top;
174 background-repeat:repeat-x;
a8e1f343 175 border-width:1px;
176 border-style:solid;
992b5971 177}
7005a81c 178
992b5971 179.weeklyoutlinecontent,
180.topicsoutlinecontent {
181 border-width:1px;
a8e1f343 182 border-left:0px;
183 border-right:0px;
992b5971 184 border-style:solid;
185}
186
187.weeklyoutlinecontenthighlight,
188.topicsoutlinecontenthighlight {
189 border-width:1px;
190 border-left:0px;
191 border-right:0px;
192 border-style:solid;
193}
194
195.weeklyoutlinecontenthidden,
196.topicsoutlinecontenthidden {
197 border-width:1px;
198 border-left:0px;
199 border-right:0px;
200 border-style:solid;
201}
202
203.categoryboxcontent,
204.courseboxcontent {
205 border-width:1px;
206 border-style:solid;
a8e1f343 207}
208
7005a81c 209
210/*****************************
211***
212*** Activities
213***
214******************************/
215/* assignment, forum, glossary */
216.forumheaderlist,
217.forumpost {
218 border-width:1px;
219 border-style:solid;
220}
221
222.forumpostindent {
223 margin-left: 30px;
224}
225
546739f6 226.unread {
227 padding-right:2px;
228}
229
7005a81c 230
231/* calendar, course, weblib,php, attandance
232dialouge, exercise, forum, lesson, quiz */
233.generaltableheader {
234 background-image:url(gradient.jpg);
235 background-position:top;
236 background-repeat:repeat-x;
237}
238
239
992b5971 240/* glossary, wiki */
241.generaltab,
242.generaltabselected {
243 background:none;
244}
245
7005a81c 246
992b5971 247/* message */
248.message_link {
249 vertical-align:center;
250}
251
252.message_search_results {
253 border-collapse:collapse;
254 border-spacing:0px;
255}
256
257table.message_search_results td {
258 padding:5px;
259 border-width:1px;
260 border-style:solid;
261}
262
7005a81c 263
992b5971 264/* quiz */
265.feedbacktext {
266 display:block;
267}
268
7005a81c 269
992b5971 270/*****************************
271***
272*** Calendar
273***
274******************************/
a8e1f343 275/* calendar */
276table.calendarmini {
277 width:100%;
278 margin:0px;
279 padding:2px;
280 border-width:1px;
281 border-style:solid;
282}
283
284table.calendarmini thead td {
285 vertical-align:center;
286}
287
288table.calendarmini tbody td {
289 border-width:2px;
290 border-style:solid;
291 vertical-align:center;
292}
293
294table.calendarmonth thead td {
295 padding-bottom:3px;
296 border-bottom:2px solid;
297 vertical-align:center;
298}
299
300table.calendarmonth tbody td {
301 width:14%;
302 border-width:2px;
303 border-style:solid;
304 vertical-align:top;
305}
306
307.cal_event_global {
308 border:2px solid !important;
309}
310
311.cal_event_course {
312 border:2px solid !important;
313}
314
315.cal_event_group {
316 border:2px solid !important;
317}
318
319.cal_event_user {
320 border:2px solid !important;
321}
322
323.cal_duration_global {
324 border-top:2px solid !important;
325 border-bottom:2px solid !important;
326}
327
328.cal_duration_course {
329 border-top:2px solid !important;
330 border-bottom:2px solid !important;
331}
332
333.cal_duration_user {
334 border-top:2px solid !important;
335 border-bottom:2px solid !important;
336}
337
338.cal_duration_group {
339 border-top:2px solid !important;
340 border-bottom:2px solid !important;
341}
342
343.cal_today {
344 border:2px solid !important;
345}
346
347.mycalendar .cal_filters thead td {
348 margin:0px;
349 padding:2px;
350 border-bottom:2px solid;
351}
352
353table.calendarmonth tbody td table,
354table.calendarmonth tbody td div {
355 margin-top:0px;
356 margin-left:0px;
357}
358
359table.calendarmonth tbody td table td,
360a img {
361 border:none;
362}
363
364.mycalendar .cal_event_table,
365table.calendarmonth,
366.mycalendar table.cal_filters {
367 width:100%;
368 margin:0px;
369 padding:2px;
370 border-width:1px;
371 border-style:solid;
372}
373
374.mycalendar hr {
375 height:1px;
376 margin-top:4px;
377 margin-bottom:4px;
378 border:none;
379 border-top:1px solid;
380}
381
382td.cal_event_description {
383 width:80%;
384 padding:5px;
385 vertical-align:top;
386 border-left:2px solid;
387}
388
389.cal_popup_bg {
390 padding:0px;
391 margin:0px;
392 background-image:url(gradient.jpg);
393 background-position:top;
394 background-repeat:repeat-x;
395 border:2px solid;
396}
397
398.cal_popup_close {
399 margin-right:5px;
400}
401
402.eventfull {
403 border-width:1px;
404 border-style:solid;
405}
406
407.eventfullpicture {
408 padding:8px;
409}
410
7005a81c 411
992b5971 412/*****************************
413***
414*** Blocks
415***
416******************************/
a8e1f343 417/* block_rss_client.php */
418.rssclientlink {
419 padding-bottom:5px;
420 border-top:1px solid;
421}
422
423.rssclientdescription {
424 padding-left:10px;
425 padding-bottom:8px;
426}
427
7005a81c 428
992b5971 429/* sideblock */
430.sideblock {
431 width: 100%;
432 margin-bottom:1em;
a8e1f343 433 border-width:1px;
434 border-style:solid;
435}
7005a81c 436
992b5971 437.sideblockheading {
a8e1f343 438 background-image:url(gradient.jpg);
439 background-position:top;
440 background-repeat:repeat-x;
a8e1f343 441}
442
c24a1ccd 443.sideblockheading .hide-show {
444 float:right;
445}
446
447.sideblockheading a img.hide-show-image {
448 padding-top:0.25em;
449}
450
992b5971 451.sideblockmain hr {
452 height:1px;
453 margin-top:4px;
454 margin-bottom:4px;
455 border:none;
456 border-top:1px solid;
af7a6386 457}
458
7005a81c 459
a8e1f343 460/* sideblock weblib.php */
461#block_course_summary .sideblockmain {
462 padding:10px;
463}
464
0fdce319 465/* blocklib.php */
466
467#block_adminblock .sideblockmain {
468 text-align: center;
469}
470
744fd5bb 471/* block_quiz_results.php */
eb111397 472#block_quiz_results {
473 text-align: center;
474}
475
cae0f35b 476#block_quiz_results table.grades {
477 width: 100%;
478 border-spacing: 0px;
479 border-collapse: collapse;
eb111397 480 text-align: left;
cae0f35b 481}
482
9c581405 483#block_quiz_results table.grades caption {
cae0f35b 484 font-weight: bold;
9c581405 485 margin: 1em 0px 0px 0px;
486 border-bottom: 1px solid;
cae0f35b 487}
488
9c581405 489#block_quiz_results table.grades .number, #block_quiz_results table.grades .grade {
490 width: 10%;
491 text-align: right;
492}
493
494#block_quiz_results h1 {
cae0f35b 495 font-weight: bold;
9c581405 496 font-size: 1.2em;
497 margin: 4px;
eb111397 498}
744fd5bb 499
500/*****************************
501***
502*** Doc
503***
504******************************/
505
506/* contents.php */
507
508body#doc-contents h1 {
509 font-size: 1em;
510 margin: 1em 0px 0px 0px;
511}
512
513body#doc-contents ul {
514 list-style-type: none;
515 margin: 0px;
516 padding: 0px;
517 font-size: 0.8em;
518 width: 90%; /* try it on IE without this and see what happens */
519}
be37582e 520
521body#course-view .unread {
522 margin-left: 3em;
523}
d897c9c4 524
525body#admin-index .c0 {
526 vertical-align: top;
527 background: #FAFAFA;
528}
bdfd3103 529
530body#admin-modules .generaltablecell {
531 padding-top: 1px;
532 padding-bottom: 1px;
533}
ac91569f 534
535body#admin-blocks .generaltablecell {
536 padding-top: 1px;
537 padding-bottom: 1px;
538}