Checking in the code for the "improvements to the quiz results overview page"
[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;
056bb94e 84 text-align:right;
a8e1f343 85}
86
87#nav-bar {
88 padding:3px 0.5em;
89 height:1.3em;
90 background-image:url(gradient.jpg);
91 background-position:top;
92 background-repeat:repeat-x;
93}
94
95#breadcrumb {
96 float:left;
97 margin:0.2em 0em;
98}
99
100#navbutton {
101 float:right;
102}
103
e96ba29d 104#layout-table {
105 width:100%;
106 border-spacing:5px;
107 border-collapse:separate;
108}
109
110#layout-table #left-column,
111#layout-table #middle-column,
112#layout-table #right-column
113{
114 vertical-align:top;
115}
a8e1f343 116
117/* footer styles */
118
119
992b5971 120/*****************************
121***
122*** content styles
123***
124******************************/
a8e1f343 125/* many places */
992b5971 126.generalbox {
a8e1f343 127 border-width:1px;
128 border-style:solid;
129}
992b5971 130.noticebox {
a8e1f343 131 border-width:1px;
132 border-style:solid;
133}
81e6a0a5 134.errorbox {
135 border-width:1px;
136 border-style:solid;
137 margin: 1em 15%;
138 width: 70%;
139}
140.errorbox .title {
141 padding: 5px;
142}
2f71f2a2 143.informationbox {
144 border-width:1px;
145 border-style:solid;
146}
a59a00b7 147.feedbackbox {
148 border-width:1px;
149 border-style:solid;
150}
151.feedbackby {
152}
153.feedback {
154}
a8e1f343 155
7005a81c 156
a8e1f343 157/* summary of a user in a nice little box - weblib.php */
158.userinfobox {
7005a81c 159 margin-bottom:5px;
a8e1f343 160 border-width:1px;
161 border-style:solid;
a8e1f343 162}
163
164.userinfoboxside,
165.userinfoboxsummary,
166.userinfoboxlinkcontent { }
167
7005a81c 168
992b5971 169/* weblib.php table */
170.tabledivider {
171 border-width:1px;
172 border-style:solid;
173 border-left:0px;
174 border-right:0px;
175 border-top:0px;
176}
177
7005a81c 178
992b5971 179/* entry-page index.php */
180.sitetopic {
181 border-width:1px;
182 border-style:solid;
183}
184
7005a81c 185
2f945146 186/* paging bar */
187.pagingbar {
188 text-align:center;
189}
190.pagingbar a {
191 padding-left: 10px;
192}
193.pagingbar .thispage {
194 padding-left: 10px;
195}
196
992b5971 197/*****************************
198***
7005a81c 199*** Admin
992b5971 200***
201******************************/
202/* admin, calendar */
b8a6c0da 203table.formtable {
b8a6c0da 204 margin: auto;
205}
206
207table.formtable tbody th {
208 background: none;
209 vertical-align: top;
a8e1f343 210}
211
05afaf25 212table.formtable tbody td,
213table.formtable tbody th
214{
215 padding: 5px;
216}
992b5971 217
7005a81c 218/*****************************
219***
220*** Course
221***
222******************************/
446390fb 223
224.section .activity img.activityicon {
225 vertical-align:middle;
226 height:16px;
a5afe3ec 227 width:16px;
446390fb 228}
229
230.section img.movetarget {
231 height:16px;
232 width:80px;
233}
234
992b5971 235/* course, entry-page, login */
236.headingblock {
237 background-image:url(gradient.jpg);
238 background-position:top;
239 background-repeat:repeat-x;
240 border-width:1px;
241 border-style:solid;
446390fb 242 padding:5px;
992b5971 243}
244
7005a81c 245
992b5971 246/* course */
a5afe3ec 247
248#course-view .section td {
a5afe3ec 249 vertical-align:top;
250}
251
252#course-view .section .content {
253 padding:5px;
254 border-style:solid;
992b5971 255 border-width:1px;
a8e1f343 256 border-left:0px;
257 border-right:0px;
992b5971 258}
259
a5afe3ec 260#course-view .section .side {
261 padding:5px;
262 border-style:solid;
992b5971 263 border-width:1px;
a5afe3ec 264}
265
266#course-view .section .left {
992b5971 267 border-right:0px;
d80a9029 268 text-align:center;
62c0f37e 269 font-weight:bold;
d80a9029 270 width: 1.5em;
992b5971 271}
272
a5afe3ec 273#course-view .section .right {
992b5971 274 border-left:0px;
d80a9029 275 text-align:center;
276 width: 1.5em;
992b5971 277}
278
476f1aec 279#course-view .current .side {
a5afe3ec 280}
281
282#course-view .topics {
283 margin-top: 9px;
284}
285
286#course-view .weeks {
287 margin-top: 9px;
288}
289
290#course-view .section .spacer {
291 height:0.5em;
292}
293
476f1aec 294#course-view .section .weekdates {
295}
a5afe3ec 296
297
992b5971 298.categoryboxcontent,
299.courseboxcontent {
300 border-width:1px;
301 border-style:solid;
a8e1f343 302}
303
7005a81c 304
25ecf09a 305/* user */
306.userinfobox {
307 border-width: 1px;
308 border-style: solid;
309 border-collapse: separate;
310}
311
312.userinfobox .left {
313 padding: 10px;
314 width: 100px;
315}
316
317.userinfobox .content {
318 padding: 10px;
319 vertical-align: top;
320}
321
322.userinfobox .links {
ebc4968b 323 width: 100px;
25ecf09a 324 padding: 5px;
325 vertical-align: bottom;
326}
327
328.userinfobox .username {
329 padding-bottom: 20px;
330}
331
332
333table.userinfobox {
334 width: 80%;
335 margin-left: 10%;
336 margin-right: 10%;
337}
338
339
340
7005a81c 341/*****************************
342***
343*** Activities
344***
345******************************/
346/* assignment, forum, glossary */
347.forumheaderlist,
348.forumpost {
349 border-width:1px;
350 border-style:solid;
233bc4bb 351 border-collapse:separate;
7005a81c 352}
353
4c7f1eb6 354.forumpost {
355 margin-top: 15px;
356}
357
358.forumpost .topic {
359 padding: 4px;
360}
361
362
363.forumpost .commands {
364 padding-top: 0.5em;
365 text-align:right;
366}
367
368.forumpost .ratings {
369 padding-top: 1em;
370 text-align:right;
371}
372
373.forumpost .content {
374 padding: 4px;
375}
376
3cc9a26c 377.forumpost .footer {
378 padding-top: 0.5em;
379 text-align:right;
380}
381
ec00f824 382.forumpost .link {
383 padding-top: 0.5em;
384 text-align:right;
385}
386
387
4c7f1eb6 388.forumpost .left {
25c0b58d 389 width: 35px;
4c7f1eb6 390 padding: 4px;
391 text-align: center;
392 vertical-align: top;
393}
394
7005a81c 395.forumpostindent {
396 margin-left: 30px;
397}
398
af328e4b 399body#user-view .forumpost,
400.course .forumpost {
ec00f824 401 width: 100%;
402}
403
b6b8055c 404body#mod-forum-search .c0 {
405 text-align: right;
406}
407
408body#mod-forum-search .introcontent {
409 padding: 15px;
410 font-weight:bold;
411}
412
3cc9a26c 413.forumolddiscuss {
414 text-align: right;
415}
416
233bc4bb 417.forumheaderlist {
418 width: 100%;
419}
420
421.forumheaderlist td {
422 border-width:1px 0px 0px 1px;
423 border-style:solid;
424}
425
426.forumheaderlist .replies {
427 text-align: center;
428}
429
430.forumheaderlist .picture {
431 width: 35px;
432}
433
434.forumheaderlist .discussion .starter {
62c0f37e 435 vertical-align: middle;
233bc4bb 436}
437
25ecf09a 438.forumheaderlist .discussion .lastpost {
439 white-space: nowrap;
440}
441
442.forumheaderlist .discussion .author {
443 white-space: nowrap;
444}
445
446.paging {
447 text-align: center;
448 margin: 10px 0px 10px 0px;
449}
233bc4bb 450
546739f6 451.unread {
452 padding-right:2px;
453}
454
7005a81c 455
456/* calendar, course, weblib,php, attandance
457dialouge, exercise, forum, lesson, quiz */
1ea6500d 458table.generaltable td.header,
459table.generaltable th.header,
7005a81c 460.generaltableheader {
461 background-image:url(gradient.jpg);
462 background-position:top;
463 background-repeat:repeat-x;
464}
465
466
992b5971 467/* glossary, wiki */
468.generaltab,
ebc4968b 469.generaltabselected,
470.generaltabinactive {
992b5971 471 background:none;
472}
473
1bc9b2ec 474.glossarypost .commands {
ebc4968b 475 width: 200px;
476 white-space: nowrap;
477}
478
5e497e4e 479.entryboxheader {
ebc4968b 480 border-width: 1px 1px 0px 1px;
481 border-style: solid;
482}
483
5e497e4e 484.entrybox {
ebc4968b 485 border-width: 0px 1px 1px 1px;
486 border-style: solid;
487}
488
5e497e4e 489.glossarypost {
490 width: 95%;
491 border-width:1px;
492 border-style:solid;
493 border-collapse:separate;
62c0f37e 494 margin-bottom: 5px;
f2c485e3 495 text-align: left;
496}
497
498
499.entrylist {
500 border-width:0px;
501}
502
503.entrylowersection {
504 padding-top: 10px;
505}
506.entrylowersection table{
507 width: 100%;
508}
509.entrylowersection .aliases {
510 text-align:center;
511 font-size: 0.8em;
512}
513.entrylowersection .icons,
514.entrylowersection .ratings {
515 text-align:right;
516 font-size: 0.8em;
5e497e4e 517}
518
519.glossarypost .entry {
520 padding: 3px;
521}
522
62c0f37e 523.glossarypost .picture {
524 width: 35px;
525}
7005a81c 526
36996192 527.glossarycomment {
528 border-width:1px;
529 border-style:solid;
530 border-collapse:separate;
531 margin-bottom: 5px;
532 text-align: left;
533}
534
535
536.glossarycomment .entry {
537 padding: 3px;
538}
539
540.glossarycomment .picture {
541 width: 35px;
542}
543
544.glossarycomment .icons {
545 text-align: right;
546}
547
f2c485e3 548
992b5971 549/* message */
550.message_link {
62c0f37e 551 vertical-align:middle;
992b5971 552}
553
554.message_search_results {
555 border-collapse:collapse;
556 border-spacing:0px;
557}
558
559table.message_search_results td {
560 padding:5px;
561 border-width:1px;
562 border-style:solid;
563}
564
7005a81c 565
992b5971 566/* quiz */
567.feedbacktext {
568 display:block;
569}
570
7005a81c 571
992b5971 572/*****************************
573***
574*** Calendar
575***
576******************************/
a8e1f343 577/* calendar */
a8e1f343 578
446390fb 579#calendar {
580 width: 100%;
581 border-spacing: 5px;
582 border-collapse: separate;
583}
584
585#calendar .maincalendar,
586#calendar .sidecalendar
587{
588 vertical-align: top;
589 border: 1px solid;
590}
591
592#calendar .sidecalendar {
593 width: 25%;
594}
595
596#calendar .maincalendar table.calendarmonth {
597 border-collapse: separate;
598 margin: 0px auto;
599 width: 98%;
600}
601
a0c7341a 602#calendar .maincalendar table.calendarmonth th {
446390fb 603 padding:10px;
604 border-bottom:2px solid;
605}
606
a0c7341a 607#calendar .maincalendar table.calendarmonth td {
446390fb 608 height: 5em;
609 padding-left: 4px;
610 padding-top: 4px;
611}
612
a0c7341a 613#calendar .maincalendar table.calendarmonth td,
614table.minicalendar td,
615table.minicalendar th {
446390fb 616 width:14%;
617 vertical-align:top;
618}
619
a0c7341a 620#calendar .maincalendar table.calendarmonth td table td {
446390fb 621 height: auto;
622}
623
624#calendar .maincalendar .heading,
625#calendar .sidecalendar .heading
626{
627 background-image:url(gradient.jpg);
628 background-position:top;
629 background-repeat:repeat-x;
630 padding: 5px;
631}
632
633#calendar .maincalendar .heading .buttons {
634 float: right;
635}
636
637#calendar .maincalendar .filters table,
638#calendar .sidecalendar .filters table,
639.sideblock.block_calendar_month .filters table
640{
641 border-collapse:separate;
642 border-spacing: 2px;
643 background-color: #EEEEEE;
644 padding: 2px;
645 width: 100%;
646}
647
648#calendar .maincalendar .filters {
649 padding: 0px 10px;
650}
651
652#calendar .sidecalendar .filters,
653.sideblock.block_calendar_month .filters
654{
655 padding: 5px;
656}
657
658#calendar .maincalendar .controls {
659 clear:both;
660 padding:10px;
661}
662
760e522b 663#calendar .maincalendar table.calendarmonth ul.events-new,
664#calendar .maincalendar table.calendarmonth ul.events-underway
665{
446390fb 666 padding:0px;
667 margin:0px;
668 list-style-type:none;
669}
670
760e522b 671#calendar .maincalendar table.calendarmonth ul li {
446390fb 672 margin-top: 4px;
673}
674
675table.minicalendar {
91417a70 676 width: 100%;
446390fb 677 margin:10px auto;
678 padding:2px;
679 border-width:1px;
680 border-style:solid;
681 border-collapse:separate;
682 border-spacing:1px !important;
683}
684
a0c7341a 685table.minicalendar th {
446390fb 686 padding: 0px 2px;
687}
688
689#calendar .maincalendar .eventlist {
690 padding: 10px;
691}
692
ed8ea92b 693#calendar .maincalendar .eventlist .event {
694 width:100%;
446390fb 695 margin-bottom:10px;
696 border-spacing:0px;
697 border-collapse:separate;
698 border-width:1px;
699 border-style:solid;
700}
701
ed8ea92b 702#calendar .maincalendar .eventlist .event .name {
703 float:left;
704}
705
706#calendar .maincalendar .eventlist .event .course {
707 float:left;
708 clear:left;
709}
710
711#calendar .maincalendar .eventlist .event .date {
712 float:right;
446390fb 713}
714
ed8ea92b 715#calendar .maincalendar .eventlist .event .description .commands {
716 width:100%;
717}
718
719#calendar .maincalendar .eventlist .event .description {
720 padding:5px;
721}
722
723#calendar .maincalendar .eventlist .event .picture {
446390fb 724 padding:8px;
725}
726
ed8ea92b 727#calendar .maincalendar .eventlist .event .side {
728 width:32px;
729}
730
446390fb 731#calendar #selecteventtype table {
732 margin:auto;
733}
734
e96ba29d 735#calendar .event_global,
736#calendar .event_course,
737#calendar .event_group,
738#calendar .event_user,
739.minicalendar .event_global,
740.minicalendar .event_course,
741.minicalendar .event_group,
742.minicalendar .event_user,
743.block_calendar_month .event_global,
744.block_calendar_month .event_course,
745.block_calendar_month .event_group,
746.block_calendar_month .event_user
747{
a8e1f343 748 border:2px solid !important;
749}
750
e96ba29d 751#calendar .duration_global,
752#calendar .duration_course,
753#calendar .duration_group,
754#calendar .duration_user,
755.minicalendar .duration_global,
756.minicalendar .duration_course,
757.minicalendar .duration_group,
758.minicalendar .duration_user
759{
a8e1f343 760 border-top:2px solid !important;
761 border-bottom:2px solid !important;
762}
763
e96ba29d 764#calendar .today,
765.minicalendar .today {
a8e1f343 766 border:2px solid !important;
767}
e96ba29d 768
a8e1f343 769.cal_popup_bg {
770 padding:0px;
771 margin:0px;
e96ba29d 772 border:1px solid;
a8e1f343 773}
774
775.cal_popup_close {
776 margin-right:5px;
777}
778
446390fb 779.cal_popup_caption {
780 background-image:url(gradient.jpg);
62c0f37e 781 border-width:0px 0px 1px 0px;
782 border-style:solid;
446390fb 783 padding-bottom:2px;
784}
785
1f473774 786table.calendar-controls {
787 width: 100%;
788}
789
790table.calendar-controls .previous,
791table.calendar-controls .next
792{
793 width: 12%;
794}
795
796#calendar .maincalendar .calendar-controls .previous,
797#calendar .maincalendar .calendar-controls .next
798{
799 width: 30%;
800}
801
992b5971 802/*****************************
803***
804*** Blocks
805***
806******************************/
e0840dee 807/* block_search_forums.php */
808
809.block_search_forums.sideblock .searchform {
810 text-align: center;
811}
812
813.block_search_forums.sideblock .searchform img {
814 vertical-align: center;
815}
816
a8e1f343 817/* block_rss_client.php */
818.rssclientlink {
819 padding-bottom:5px;
820 border-top:1px solid;
821}
822
823.rssclientdescription {
824 padding-left:10px;
825 padding-bottom:8px;
826}
827
7005a81c 828
992b5971 829/* sideblock */
830.sideblock {
831 width: 100%;
832 margin-bottom:1em;
9cbf12c0 833 border-collapse:separate;
a8e1f343 834 border-width:1px;
835 border-style:solid;
836}
7005a81c 837
78857721 838.sideblock .heading {
a8e1f343 839 background-image:url(gradient.jpg);
840 background-position:top;
841 background-repeat:repeat-x;
9cbf12c0 842 padding:4px;
a8e1f343 843}
844
78857721 845.sideblock .heading .hide-show {
c24a1ccd 846 float:right;
847}
848
78857721 849.sideblock .heading .hide-show img.hide-show-image {
36b51cb5 850 height:11px;
851 width:11px;
2ad2cbc3 852 margin-top:0.25em;
c24a1ccd 853}
854
78857721 855.sideblock .heading .commands {
96803c88 856 float: right;
857 margin-top: 0.3em;
858}
859
5a46b156 860.sideblock .heading .title {
861 float: left;
862}
863
78857721 864.sideblock .heading .commands a {
96803c88 865 margin: 0px 2px;
866}
867
78857721 868.sideblock .content {
9cbf12c0 869 padding:4px;
870}
871
78857721 872.sideblock .content hr {
992b5971 873 height:1px;
874 margin-top:4px;
875 margin-bottom:4px;
876 border:none;
877 border-top:1px solid;
af7a6386 878}
879
78857721 880.sideblock .heading .hide-show img.hide-show-image {
5bf2ef9f 881 background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
d4f7a815 882}
883
486589c9 884.sideblock.hidden .heading .hide-show img.hide-show-image {
5bf2ef9f 885 background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
d4f7a815 886}
887
486589c9 888.sideblock.hidden .content {
d4f7a815 889 display: none;
890}
7005a81c 891
78857721 892.sideblock .list {
9ecf051d 893 width: 100%;
894}
895
78857721 896.sideblock .list .c0{
897 padding: 2px;
898}
899
9ecf051d 900.sideblock .footer {
901 margin-top:4px;
902}
903
5a46b156 904.sideblock .heading .icon.hide,
905.sideblock .heading .icon.edit {
906 margin-right: 6px;
907}
908
a8e1f343 909/* sideblock weblib.php */
78857721 910.block_course_summary .content {
a8e1f343 911 padding:10px;
912}
913
0fdce319 914/* blocklib.php */
915
78857721 916.block_adminblock .content {
0fdce319 917 text-align: center;
ec7e2e5f 918 padding: 10px;
0fdce319 919}
920
744fd5bb 921/* block_quiz_results.php */
29ba5158 922.block_quiz_results table.grades {
cae0f35b 923 width: 100%;
cae0f35b 924}
925
29ba5158 926.block_quiz_results table.grades caption {
9c581405 927 margin: 1em 0px 0px 0px;
928 border-bottom: 1px solid;
cae0f35b 929}
930
29ba5158 931.block_quiz_results table.grades .number, .block_quiz_results table.grades .grade {
9c581405 932 width: 10%;
9c581405 933}
934
29ba5158 935.block_quiz_results h1 {
9c581405 936 margin: 4px;
eb111397 937}
744fd5bb 938
939/*****************************
940***
941*** Doc
942***
943******************************/
944
945/* contents.php */
946
46767225 947.cell { /* Very generic table cell*/
9184faa4 948 vertical-align: top;
949}
950
744fd5bb 951body#doc-contents h1 {
952 font-size: 1em;
953 margin: 1em 0px 0px 0px;
954}
955
956body#doc-contents ul {
957 list-style-type: none;
958 margin: 0px;
959 padding: 0px;
960 font-size: 0.8em;
961 width: 90%; /* try it on IE without this and see what happens */
962}
be37582e 963
964body#course-view .unread {
965 margin-left: 3em;
966}
d897c9c4 967
968body#admin-index .c0 {
969 vertical-align: top;
970 background: #FAFAFA;
971}
bdfd3103 972
1ea6500d 973body#admin-modules table.generaltable td.cell,
bdfd3103 974body#admin-modules .generaltablecell {
b258c9a8 975 padding-top: 2px;
976 padding-bottom: 2px;
bdfd3103 977}
ac91569f 978
1ea6500d 979body#admin-blocks table.generaltable td.cell,
ac91569f 980body#admin-blocks .generaltablecell {
981 padding-top: 1px;
982 padding-bottom: 1px;
983}
2f71f2a2 984
985body#admin-config .confighelp {
986 display: block;
987 padding-bottom: 20px;
988}
2efa8aa3 989body#course-enrol .generalbox {
990 margin-top: 20px;
991}
992body#course-enrol .coursebox {
993 margin-top: 20px;
994}
af328e4b 995
996.headingblock .link {
997 text-align:right;
998}
999