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