Enrolment period -> Enrolment duration ... same thing but clearer to teachers maybe
[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
9cbf12c0 55table {
56 border-spacing: 0px;
57 border-collapse: collapse;
58}
a8e1f343 59
60/* header styles */
61#header-home {
62 padding:1em 0.5em;
63 height:2em;
64}
65
66#header {
67 padding:0.1em 0.5em;
68}
69
70.headermain {
71 float:left;
72}
73
74#header .headermain {
75 margin:0.2em 0em;
76}
77
78.headermenu {
79 float:right;
80}
81
82#nav-bar {
83 padding:3px 0.5em;
84 height:1.3em;
85 background-image:url(gradient.jpg);
86 background-position:top;
87 background-repeat:repeat-x;
88}
89
90#breadcrumb {
91 float:left;
92 margin:0.2em 0em;
93}
94
95#navbutton {
96 float:right;
97}
98
99
100/* footer styles */
101
102
992b5971 103/*****************************
104***
105*** content styles
106***
107******************************/
a8e1f343 108/* many places */
992b5971 109.generalbox {
a8e1f343 110 border-width:1px;
111 border-style:solid;
112}
992b5971 113.noticebox {
a8e1f343 114 border-width:1px;
115 border-style:solid;
116}
2f71f2a2 117.informationbox {
118 border-width:1px;
119 border-style:solid;
120}
a59a00b7 121.feedbackbox {
122 border-width:1px;
123 border-style:solid;
124}
125.feedbackby {
126}
127.feedback {
128}
a8e1f343 129
7005a81c 130
a8e1f343 131/* summary of a user in a nice little box - weblib.php */
132.userinfobox {
7005a81c 133 margin-bottom:5px;
a8e1f343 134 border-width:1px;
135 border-style:solid;
a8e1f343 136}
137
138.userinfoboxside,
139.userinfoboxsummary,
140.userinfoboxlinkcontent { }
141
7005a81c 142
992b5971 143/* weblib.php table */
144.tabledivider {
145 border-width:1px;
146 border-style:solid;
147 border-left:0px;
148 border-right:0px;
149 border-top:0px;
150}
151
7005a81c 152
992b5971 153/* entry-page index.php */
154.sitetopic {
155 border-width:1px;
156 border-style:solid;
157}
158
7005a81c 159
992b5971 160/*****************************
161***
7005a81c 162*** Admin
992b5971 163***
164******************************/
165/* admin, calendar */
166table.formtable td {
167 padding:9px;
a8e1f343 168}
169
992b5971 170
7005a81c 171/*****************************
172***
173*** Course
174***
175******************************/
992b5971 176/* course, entry-page, login */
177.headingblock {
178 background-image:url(gradient.jpg);
179 background-position:top;
180 background-repeat:repeat-x;
181 border-width:1px;
182 border-style:solid;
183}
184
7005a81c 185
992b5971 186/* course */
187.outlineheadingblock {
188 background-image:url(gradient.jpg);
189 background-position:top;
190 background-repeat:repeat-x;
a8e1f343 191 border-width:1px;
192 border-style:solid;
992b5971 193}
7005a81c 194
992b5971 195.weeklyoutlinecontent,
196.topicsoutlinecontent {
197 border-width:1px;
a8e1f343 198 border-left:0px;
199 border-right:0px;
992b5971 200 border-style:solid;
201}
202
203.weeklyoutlinecontenthighlight,
204.topicsoutlinecontenthighlight {
205 border-width:1px;
206 border-left:0px;
207 border-right:0px;
208 border-style:solid;
209}
210
211.weeklyoutlinecontenthidden,
212.topicsoutlinecontenthidden {
213 border-width:1px;
214 border-left:0px;
215 border-right:0px;
216 border-style:solid;
217}
218
219.categoryboxcontent,
220.courseboxcontent {
221 border-width:1px;
222 border-style:solid;
a8e1f343 223}
224
7005a81c 225
226/*****************************
227***
228*** Activities
229***
230******************************/
231/* assignment, forum, glossary */
232.forumheaderlist,
233.forumpost {
234 border-width:1px;
235 border-style:solid;
236}
237
238.forumpostindent {
239 margin-left: 30px;
240}
241
546739f6 242.unread {
243 padding-right:2px;
244}
245
7005a81c 246
247/* calendar, course, weblib,php, attandance
248dialouge, exercise, forum, lesson, quiz */
249.generaltableheader {
250 background-image:url(gradient.jpg);
251 background-position:top;
252 background-repeat:repeat-x;
253}
254
255
992b5971 256/* glossary, wiki */
257.generaltab,
258.generaltabselected {
259 background:none;
260}
261
7005a81c 262
992b5971 263/* message */
264.message_link {
265 vertical-align:center;
266}
267
268.message_search_results {
269 border-collapse:collapse;
270 border-spacing:0px;
271}
272
273table.message_search_results td {
274 padding:5px;
275 border-width:1px;
276 border-style:solid;
277}
278
7005a81c 279
992b5971 280/* quiz */
281.feedbacktext {
282 display:block;
283}
284
7005a81c 285
992b5971 286/*****************************
287***
288*** Calendar
289***
290******************************/
a8e1f343 291/* calendar */
a8e1f343 292
293.cal_event_global {
294 border:2px solid !important;
295}
296
297.cal_event_course {
298 border:2px solid !important;
299}
300
301.cal_event_group {
302 border:2px solid !important;
303}
304
305.cal_event_user {
306 border:2px solid !important;
307}
308
309.cal_duration_global {
310 border-top:2px solid !important;
311 border-bottom:2px solid !important;
312}
313
314.cal_duration_course {
315 border-top:2px solid !important;
316 border-bottom:2px solid !important;
317}
318
319.cal_duration_user {
320 border-top:2px solid !important;
321 border-bottom:2px solid !important;
322}
323
324.cal_duration_group {
325 border-top:2px solid !important;
326 border-bottom:2px solid !important;
327}
328
329.cal_today {
330 border:2px solid !important;
331}
332
a8e1f343 333table.calendarmonth tbody td table,
334table.calendarmonth tbody td div {
335 margin-top:0px;
336 margin-left:0px;
337}
338
339table.calendarmonth tbody td table td,
340a img {
341 border:none;
342}
343
344.mycalendar .cal_event_table,
345table.calendarmonth,
346.mycalendar table.cal_filters {
347 width:100%;
348 margin:0px;
349 padding:2px;
350 border-width:1px;
351 border-style:solid;
352}
353
354.mycalendar hr {
355 height:1px;
356 margin-top:4px;
357 margin-bottom:4px;
358 border:none;
359 border-top:1px solid;
360}
361
362td.cal_event_description {
363 width:80%;
364 padding:5px;
365 vertical-align:top;
366 border-left:2px solid;
367}
368
369.cal_popup_bg {
370 padding:0px;
371 margin:0px;
372 background-image:url(gradient.jpg);
373 background-position:top;
374 background-repeat:repeat-x;
375 border:2px solid;
376}
377
378.cal_popup_close {
379 margin-right:5px;
380}
381
382.eventfull {
383 border-width:1px;
384 border-style:solid;
385}
386
387.eventfullpicture {
388 padding:8px;
389}
390
7005a81c 391
992b5971 392/*****************************
393***
394*** Blocks
395***
396******************************/
a8e1f343 397/* block_rss_client.php */
398.rssclientlink {
399 padding-bottom:5px;
400 border-top:1px solid;
401}
402
403.rssclientdescription {
404 padding-left:10px;
405 padding-bottom:8px;
406}
407
7005a81c 408
992b5971 409/* sideblock */
410.sideblock {
411 width: 100%;
412 margin-bottom:1em;
9cbf12c0 413 border-collapse:separate;
a8e1f343 414 border-width:1px;
415 border-style:solid;
416}
7005a81c 417
992b5971 418.sideblockheading {
a8e1f343 419 background-image:url(gradient.jpg);
420 background-position:top;
421 background-repeat:repeat-x;
9cbf12c0 422 padding:4px;
a8e1f343 423}
424
c24a1ccd 425.sideblockheading .hide-show {
426 float:right;
427}
428
9cbf12c0 429.sideblockheading .hide-show img.hide-show-image {
c24a1ccd 430 padding-top:0.25em;
431}
432
9cbf12c0 433.sideblockmain {
434 padding:4px;
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
9cbf12c0 445.sideblock .sideblockheading .hide-show img.hide-show-image {
5bf2ef9f 446 background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
d4f7a815 447}
448
9cbf12c0 449.sideblock.hidden .sideblockheading .hide-show img.hide-show-image {
5bf2ef9f 450 background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
d4f7a815 451}
452
453.sideblock.hidden .sideblockmain {
454 display: none;
455}
7005a81c 456
a8e1f343 457/* sideblock weblib.php */
29ba5158 458.block_course_summary .sideblockmain {
a8e1f343 459 padding:10px;
460}
461
0fdce319 462/* blocklib.php */
463
29ba5158 464.block_adminblock .sideblockmain {
0fdce319 465 text-align: center;
466}
467
744fd5bb 468/* block_quiz_results.php */
29ba5158 469.block_quiz_results table.grades {
cae0f35b 470 width: 100%;
cae0f35b 471}
472
29ba5158 473.block_quiz_results table.grades caption {
9c581405 474 margin: 1em 0px 0px 0px;
475 border-bottom: 1px solid;
cae0f35b 476}
477
29ba5158 478.block_quiz_results table.grades .number, .block_quiz_results table.grades .grade {
9c581405 479 width: 10%;
9c581405 480}
481
29ba5158 482.block_quiz_results h1 {
9c581405 483 margin: 4px;
eb111397 484}
744fd5bb 485
486/*****************************
487***
488*** Doc
489***
490******************************/
491
492/* contents.php */
493
494body#doc-contents h1 {
495 font-size: 1em;
496 margin: 1em 0px 0px 0px;
497}
498
499body#doc-contents ul {
500 list-style-type: none;
501 margin: 0px;
502 padding: 0px;
503 font-size: 0.8em;
504 width: 90%; /* try it on IE without this and see what happens */
505}
be37582e 506
507body#course-view .unread {
508 margin-left: 3em;
509}
d897c9c4 510
511body#admin-index .c0 {
512 vertical-align: top;
513 background: #FAFAFA;
514}
bdfd3103 515
516body#admin-modules .generaltablecell {
517 padding-top: 1px;
518 padding-bottom: 1px;
519}
ac91569f 520
521body#admin-blocks .generaltablecell {
522 padding-top: 1px;
523 padding-bottom: 1px;
524}
2f71f2a2 525
526body#admin-config .confighelp {
527 display: block;
528 padding-bottom: 20px;
529}
7d50b363 530
531
532
533
534/*
535CALENDAR STYLES -- PROVISIONALLY PLACED HERE UNTIL FINALIZED
536*/
537
538.cal_popup_caption {
539 font-family:sans-serif;
540 font-size:75%;
541 font-weight:bold;
542}
543
544.cal_popup_close {
545 font-family:sans-serif;
546 font-size:75%;
547 font-weight:bold;
548}
549
550.calendarreferer {
551 font-weight:bold;
552}
553
554#calendar .maincalendar table.calendarmonth tbody td {
555 font-size:0.8em;
556 line-height:1.2em;
557}
558
559#calendar .maincalendar table.calendarmonth {
560 -moz-border-radius: 10px;
561 margin: 1em;
562}
563
564#calendar .maincalendar table.calendarmonth thead th {
565 padding:10px;
566 border-bottom:2px solid;
567 vertical-align:center;
568}
569
570#calendar-container #calendar {
571 width: 100%;
572 border-spacing: 5px;
573}
574
575#calendar-container table {
576 border-collapse: separate;
577}
578
579#calendar .maincalendar .controls {
580 clear:both;
581 padding:10px;
582 font-size:1.2em;
583}
584
585table.calendarmonth tbody td, table.minicalendar tbody td {
586 width:13%;
587 vertical-align:top;
588}
589
590#calendar .sidecalendar, #calendar .maincalendar {
591 vertical-align: top;
592 border: 1px #DDDDDD solid;
593 -moz-border-radius-bottomright:20px;
594 -moz-border-radius-bottomleft:20px;
595}
596
597#calendar .sidecalendar {
598 width: 180px;
599}
600
601.maincalendar .filters table, .sidecalendar .filters table {
602 border-spacing: 2px;
603 margin: 2em 0.5em;
604 -moz-border-radius:4px;
605 background-color: #EEEEEE;
606 padding: 2px;
607 width: 100%;
608}
609
610.sidecalendar .filters table {
611 font-size: 0.75em;
612}
613
614#calendar .maincalendar .heading, #calendar-container .sidecalendar .heading {
615 background-image:url(gradient.jpg);
616 background-position:top;
617 background-repeat:repeat-x;
618 font-weight:bold;
619 padding: 5px;
620}
621
622table.minicalendar {
623 font-size:0.85em;
624 -moz-border-radius:10px;
625 border-color:#DDDDDD;
626 width:100%;
627 margin:10px;
628 padding:2px;
629 border-width:1px;
630 border-style:solid;
631 border-spacing: 1px;
632}
633
634table.minicalendar thead th {
635 padding: 0px 2px;
636}
637
638table.minicalendar tbody td {
639 -moz-border-radius:4px;
640 text-align: center;
641}
642
643#calendar .eventfull {
644 margin: 2px 10px;
645 width: 100%;
646 border-color:#DDDDDD; /* borders */
647}
648
649#calendar .eventfullheader, #calendar .eventfullpicture, #calendar .eventfullside {
650 background-color:#EEEEEE;
651}
652
653#calendar .eventfullmessage {
654 padding: 5px;
655}