Improving admin interface for the calendar options with the new themes.
[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
2f945146 176/* paging bar */
177.pagingbar {
178 text-align:center;
179}
180.pagingbar a {
181 padding-left: 10px;
182}
183.pagingbar .thispage {
184 padding-left: 10px;
185}
186
992b5971 187/*****************************
188***
7005a81c 189*** Admin
992b5971 190***
191******************************/
192/* admin, calendar */
b8a6c0da 193table.formtable {
194 border-spacing: 8px;
195 border-collapse: separate;
196 margin: auto;
197}
198
199table.formtable tbody th {
200 background: none;
201 vertical-align: top;
a8e1f343 202}
203
992b5971 204
7005a81c 205/*****************************
206***
207*** Course
208***
209******************************/
446390fb 210
211.section .activity img.activityicon {
212 vertical-align:middle;
213 height:16px;
a5afe3ec 214 width:16px;
446390fb 215}
216
217.section img.movetarget {
218 height:16px;
219 width:80px;
220}
221
992b5971 222/* course, entry-page, login */
223.headingblock {
224 background-image:url(gradient.jpg);
225 background-position:top;
226 background-repeat:repeat-x;
227 border-width:1px;
228 border-style:solid;
446390fb 229 padding:5px;
992b5971 230}
231
7005a81c 232
992b5971 233/* course */
a5afe3ec 234
235#course-view .section td {
a5afe3ec 236 vertical-align:top;
237}
238
239#course-view .section .content {
240 padding:5px;
241 border-style:solid;
992b5971 242 border-width:1px;
a8e1f343 243 border-left:0px;
244 border-right:0px;
992b5971 245}
246
a5afe3ec 247#course-view .section .side {
248 padding:5px;
249 border-style:solid;
992b5971 250 border-width:1px;
a5afe3ec 251}
252
253#course-view .section .left {
992b5971 254 border-right:0px;
d80a9029 255 text-align:center;
a5afe3ec 256 font-style:bold;
d80a9029 257 width: 1.5em;
992b5971 258}
259
a5afe3ec 260#course-view .section .right {
992b5971 261 border-left:0px;
d80a9029 262 text-align:center;
263 width: 1.5em;
992b5971 264}
265
476f1aec 266#course-view .current .side {
a5afe3ec 267}
268
269#course-view .topics {
270 margin-top: 9px;
271}
272
273#course-view .weeks {
274 margin-top: 9px;
275}
276
277#course-view .section .spacer {
278 height:0.5em;
279}
280
476f1aec 281#course-view .section .weekdates {
282}
a5afe3ec 283
284
992b5971 285.categoryboxcontent,
286.courseboxcontent {
287 border-width:1px;
288 border-style:solid;
a8e1f343 289}
290
7005a81c 291
25ecf09a 292/* user */
293.userinfobox {
294 border-width: 1px;
295 border-style: solid;
296 border-collapse: separate;
297}
298
299.userinfobox .left {
300 padding: 10px;
301 width: 100px;
302}
303
304.userinfobox .content {
305 padding: 10px;
306 vertical-align: top;
307}
308
309.userinfobox .links {
310 padding: 5px;
311 vertical-align: bottom;
312}
313
314.userinfobox .username {
315 padding-bottom: 20px;
316}
317
318
319table.userinfobox {
320 width: 80%;
321 margin-left: 10%;
322 margin-right: 10%;
323}
324
325
326
7005a81c 327/*****************************
328***
329*** Activities
330***
331******************************/
332/* assignment, forum, glossary */
333.forumheaderlist,
334.forumpost {
335 border-width:1px;
336 border-style:solid;
233bc4bb 337 border-collapse:separate;
7005a81c 338}
339
4c7f1eb6 340.forumpost {
341 margin-top: 15px;
342}
343
344.forumpost .topic {
345 padding: 4px;
346}
347
348
349.forumpost .commands {
350 padding-top: 0.5em;
351 text-align:right;
352}
353
354.forumpost .ratings {
355 padding-top: 1em;
356 text-align:right;
357}
358
359.forumpost .content {
360 padding: 4px;
361}
362
363.forumpost .left {
25c0b58d 364 width: 35px;
4c7f1eb6 365 padding: 4px;
366 text-align: center;
367 vertical-align: top;
368}
369
7005a81c 370.forumpostindent {
371 margin-left: 30px;
372}
373
233bc4bb 374.forumheaderlist {
375 width: 100%;
376}
377
378.forumheaderlist td {
379 border-width:1px 0px 0px 1px;
380 border-style:solid;
381}
382
383.forumheaderlist .replies {
384 text-align: center;
385}
386
387.forumheaderlist .picture {
388 width: 35px;
389}
390
391.forumheaderlist .discussion .starter {
392 vertical-align: center;
393}
394
25ecf09a 395.forumheaderlist .discussion .lastpost {
396 white-space: nowrap;
397}
398
399.forumheaderlist .discussion .author {
400 white-space: nowrap;
401}
402
403.paging {
404 text-align: center;
405 margin: 10px 0px 10px 0px;
406}
233bc4bb 407
546739f6 408.unread {
409 padding-right:2px;
410}
411
7005a81c 412
413/* calendar, course, weblib,php, attandance
414dialouge, exercise, forum, lesson, quiz */
415.generaltableheader {
416 background-image:url(gradient.jpg);
417 background-position:top;
418 background-repeat:repeat-x;
419}
420
421
992b5971 422/* glossary, wiki */
423.generaltab,
424.generaltabselected {
425 background:none;
426}
427
7005a81c 428
992b5971 429/* message */
430.message_link {
431 vertical-align:center;
432}
433
434.message_search_results {
435 border-collapse:collapse;
436 border-spacing:0px;
437}
438
439table.message_search_results td {
440 padding:5px;
441 border-width:1px;
442 border-style:solid;
443}
444
7005a81c 445
992b5971 446/* quiz */
447.feedbacktext {
448 display:block;
449}
450
7005a81c 451
992b5971 452/*****************************
453***
454*** Calendar
455***
456******************************/
a8e1f343 457/* calendar */
a8e1f343 458
446390fb 459#calendar {
460 width: 100%;
461 border-spacing: 5px;
462 border-collapse: separate;
463}
464
465#calendar .maincalendar,
466#calendar .sidecalendar
467{
468 vertical-align: top;
469 border: 1px solid;
470}
471
472#calendar .sidecalendar {
473 width: 25%;
474}
475
476#calendar .maincalendar table.calendarmonth {
477 border-collapse: separate;
478 margin: 0px auto;
479 width: 98%;
480}
481
a0c7341a 482#calendar .maincalendar table.calendarmonth th {
446390fb 483 padding:10px;
484 border-bottom:2px solid;
485}
486
a0c7341a 487#calendar .maincalendar table.calendarmonth td {
446390fb 488 height: 5em;
489 padding-left: 4px;
490 padding-top: 4px;
491}
492
a0c7341a 493#calendar .maincalendar table.calendarmonth td,
494table.minicalendar td,
495table.minicalendar th {
446390fb 496 width:14%;
497 vertical-align:top;
498}
499
a0c7341a 500#calendar .maincalendar table.calendarmonth td table td {
446390fb 501 height: auto;
502}
503
504#calendar .maincalendar .heading,
505#calendar .sidecalendar .heading
506{
507 background-image:url(gradient.jpg);
508 background-position:top;
509 background-repeat:repeat-x;
510 padding: 5px;
511}
512
513#calendar .maincalendar .heading .buttons {
514 float: right;
515}
516
517#calendar .maincalendar .filters table,
518#calendar .sidecalendar .filters table,
519.sideblock.block_calendar_month .filters table
520{
521 border-collapse:separate;
522 border-spacing: 2px;
523 background-color: #EEEEEE;
524 padding: 2px;
525 width: 100%;
526}
527
528#calendar .maincalendar .filters {
529 padding: 0px 10px;
530}
531
532#calendar .sidecalendar .filters,
533.sideblock.block_calendar_month .filters
534{
535 padding: 5px;
536}
537
538#calendar .maincalendar .controls {
539 clear:both;
540 padding:10px;
541}
542
760e522b 543#calendar .maincalendar table.calendarmonth ul.events-new,
544#calendar .maincalendar table.calendarmonth ul.events-underway
545{
446390fb 546 padding:0px;
547 margin:0px;
548 list-style-type:none;
549}
550
760e522b 551#calendar .maincalendar table.calendarmonth ul li {
446390fb 552 margin-top: 4px;
553}
554
555table.minicalendar {
556 margin:10px auto;
557 padding:2px;
558 border-width:1px;
559 border-style:solid;
560 border-collapse:separate;
561 border-spacing:1px !important;
562}
563
a0c7341a 564table.minicalendar th {
446390fb 565 padding: 0px 2px;
566}
567
568#calendar .maincalendar .eventlist {
569 padding: 10px;
570}
571
572#calendar .maincalendar .eventlist .eventfull {
573 width: 100%;
574 margin-bottom:10px;
575 border-spacing:0px;
576 border-collapse:separate;
577 border-width:1px;
578 border-style:solid;
579}
580
581#calendar .maincalendar .eventlist .eventfullmessage {
582 padding: 5px;
583}
584
585#calendar .maincalendar .eventlist .eventfullpicture {
586 padding:8px;
587}
588
589#calendar #selecteventtype table {
590 margin:auto;
591}
592
e96ba29d 593#calendar .event_global,
594#calendar .event_course,
595#calendar .event_group,
596#calendar .event_user,
597.minicalendar .event_global,
598.minicalendar .event_course,
599.minicalendar .event_group,
600.minicalendar .event_user,
601.block_calendar_month .event_global,
602.block_calendar_month .event_course,
603.block_calendar_month .event_group,
604.block_calendar_month .event_user
605{
a8e1f343 606 border:2px solid !important;
607}
608
e96ba29d 609#calendar .duration_global,
610#calendar .duration_course,
611#calendar .duration_group,
612#calendar .duration_user,
613.minicalendar .duration_global,
614.minicalendar .duration_course,
615.minicalendar .duration_group,
616.minicalendar .duration_user
617{
a8e1f343 618 border-top:2px solid !important;
619 border-bottom:2px solid !important;
620}
621
e96ba29d 622#calendar .today,
623.minicalendar .today {
a8e1f343 624 border:2px solid !important;
625}
e96ba29d 626
a8e1f343 627.cal_popup_bg {
628 padding:0px;
629 margin:0px;
e96ba29d 630 border:1px solid;
a8e1f343 631}
632
633.cal_popup_close {
634 margin-right:5px;
635}
636
446390fb 637.cal_popup_caption {
638 background-image:url(gradient.jpg);
639 border-bottom-width:1px;
640 border-bottom-style:solid;
641 padding-bottom:2px;
642}
643
992b5971 644/*****************************
645***
646*** Blocks
647***
648******************************/
a8e1f343 649/* block_rss_client.php */
650.rssclientlink {
651 padding-bottom:5px;
652 border-top:1px solid;
653}
654
655.rssclientdescription {
656 padding-left:10px;
657 padding-bottom:8px;
658}
659
7005a81c 660
992b5971 661/* sideblock */
662.sideblock {
663 width: 100%;
664 margin-bottom:1em;
9cbf12c0 665 border-collapse:separate;
a8e1f343 666 border-width:1px;
667 border-style:solid;
668}
7005a81c 669
992b5971 670.sideblockheading {
a8e1f343 671 background-image:url(gradient.jpg);
672 background-position:top;
673 background-repeat:repeat-x;
9cbf12c0 674 padding:4px;
a8e1f343 675}
676
c24a1ccd 677.sideblockheading .hide-show {
678 float:right;
679}
680
9cbf12c0 681.sideblockheading .hide-show img.hide-show-image {
2ad2cbc3 682 margin-top:0.25em;
c24a1ccd 683}
684
9cbf12c0 685.sideblockmain {
686 padding:4px;
687}
688
992b5971 689.sideblockmain hr {
690 height:1px;
691 margin-top:4px;
692 margin-bottom:4px;
693 border:none;
694 border-top:1px solid;
af7a6386 695}
696
9cbf12c0 697.sideblock .sideblockheading .hide-show img.hide-show-image {
5bf2ef9f 698 background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
d4f7a815 699}
700
9cbf12c0 701.sideblock.hidden .sideblockheading .hide-show img.hide-show-image {
5bf2ef9f 702 background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
d4f7a815 703}
704
705.sideblock.hidden .sideblockmain {
706 display: none;
707}
7005a81c 708
9ecf051d 709.sideblock .sideblocklist {
710 width: 100%;
711}
712
713.sideblock .footer {
714 margin-top:4px;
715}
716
a8e1f343 717/* sideblock weblib.php */
29ba5158 718.block_course_summary .sideblockmain {
a8e1f343 719 padding:10px;
720}
721
0fdce319 722/* blocklib.php */
723
29ba5158 724.block_adminblock .sideblockmain {
0fdce319 725 text-align: center;
726}
727
744fd5bb 728/* block_quiz_results.php */
29ba5158 729.block_quiz_results table.grades {
cae0f35b 730 width: 100%;
cae0f35b 731}
732
29ba5158 733.block_quiz_results table.grades caption {
9c581405 734 margin: 1em 0px 0px 0px;
735 border-bottom: 1px solid;
cae0f35b 736}
737
29ba5158 738.block_quiz_results table.grades .number, .block_quiz_results table.grades .grade {
9c581405 739 width: 10%;
9c581405 740}
741
29ba5158 742.block_quiz_results h1 {
9c581405 743 margin: 4px;
eb111397 744}
744fd5bb 745
746/*****************************
747***
748*** Doc
749***
750******************************/
751
752/* contents.php */
753
754body#doc-contents h1 {
755 font-size: 1em;
756 margin: 1em 0px 0px 0px;
757}
758
759body#doc-contents ul {
760 list-style-type: none;
761 margin: 0px;
762 padding: 0px;
763 font-size: 0.8em;
764 width: 90%; /* try it on IE without this and see what happens */
765}
be37582e 766
767body#course-view .unread {
768 margin-left: 3em;
769}
d897c9c4 770
771body#admin-index .c0 {
772 vertical-align: top;
773 background: #FAFAFA;
774}
bdfd3103 775
776body#admin-modules .generaltablecell {
777 padding-top: 1px;
778 padding-bottom: 1px;
779}
ac91569f 780
781body#admin-blocks .generaltablecell {
782 padding-top: 1px;
783 padding-bottom: 1px;
784}
2f71f2a2 785
786body#admin-config .confighelp {
787 display: block;
788 padding-bottom: 20px;
789}