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