Even more style changes. (SE)
[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;
62c0f37e 268 font-weight: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 {
62c0f37e 405 vertical-align: middle;
233bc4bb 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;
62c0f37e 462 margin-bottom: 5px;
5e497e4e 463}
464
465.glossarypost .entry {
466 padding: 3px;
467}
468
62c0f37e 469.glossarypost .picture {
470 width: 35px;
471}
7005a81c 472
992b5971 473/* message */
474.message_link {
62c0f37e 475 vertical-align:middle;
992b5971 476}
477
478.message_search_results {
479 border-collapse:collapse;
480 border-spacing:0px;
481}
482
483table.message_search_results td {
484 padding:5px;
485 border-width:1px;
486 border-style:solid;
487}
488
7005a81c 489
992b5971 490/* quiz */
491.feedbacktext {
492 display:block;
493}
494
7005a81c 495
992b5971 496/*****************************
497***
498*** Calendar
499***
500******************************/
a8e1f343 501/* calendar */
a8e1f343 502
446390fb 503#calendar {
504 width: 100%;
505 border-spacing: 5px;
506 border-collapse: separate;
507}
508
509#calendar .maincalendar,
510#calendar .sidecalendar
511{
512 vertical-align: top;
513 border: 1px solid;
514}
515
516#calendar .sidecalendar {
517 width: 25%;
518}
519
520#calendar .maincalendar table.calendarmonth {
521 border-collapse: separate;
522 margin: 0px auto;
523 width: 98%;
524}
525
a0c7341a 526#calendar .maincalendar table.calendarmonth th {
446390fb 527 padding:10px;
528 border-bottom:2px solid;
529}
530
a0c7341a 531#calendar .maincalendar table.calendarmonth td {
446390fb 532 height: 5em;
533 padding-left: 4px;
534 padding-top: 4px;
535}
536
a0c7341a 537#calendar .maincalendar table.calendarmonth td,
538table.minicalendar td,
539table.minicalendar th {
446390fb 540 width:14%;
541 vertical-align:top;
542}
543
a0c7341a 544#calendar .maincalendar table.calendarmonth td table td {
446390fb 545 height: auto;
546}
547
548#calendar .maincalendar .heading,
549#calendar .sidecalendar .heading
550{
551 background-image:url(gradient.jpg);
552 background-position:top;
553 background-repeat:repeat-x;
554 padding: 5px;
555}
556
557#calendar .maincalendar .heading .buttons {
558 float: right;
559}
560
561#calendar .maincalendar .filters table,
562#calendar .sidecalendar .filters table,
563.sideblock.block_calendar_month .filters table
564{
565 border-collapse:separate;
566 border-spacing: 2px;
567 background-color: #EEEEEE;
568 padding: 2px;
569 width: 100%;
570}
571
572#calendar .maincalendar .filters {
573 padding: 0px 10px;
574}
575
576#calendar .sidecalendar .filters,
577.sideblock.block_calendar_month .filters
578{
579 padding: 5px;
580}
581
582#calendar .maincalendar .controls {
583 clear:both;
584 padding:10px;
585}
586
760e522b 587#calendar .maincalendar table.calendarmonth ul.events-new,
588#calendar .maincalendar table.calendarmonth ul.events-underway
589{
446390fb 590 padding:0px;
591 margin:0px;
592 list-style-type:none;
593}
594
760e522b 595#calendar .maincalendar table.calendarmonth ul li {
446390fb 596 margin-top: 4px;
597}
598
599table.minicalendar {
600 margin:10px auto;
601 padding:2px;
602 border-width:1px;
603 border-style:solid;
604 border-collapse:separate;
605 border-spacing:1px !important;
606}
607
a0c7341a 608table.minicalendar th {
446390fb 609 padding: 0px 2px;
610}
611
612#calendar .maincalendar .eventlist {
613 padding: 10px;
614}
615
ed8ea92b 616#calendar .maincalendar .eventlist .event {
617 width:100%;
446390fb 618 margin-bottom:10px;
619 border-spacing:0px;
620 border-collapse:separate;
621 border-width:1px;
622 border-style:solid;
623}
624
ed8ea92b 625#calendar .maincalendar .eventlist .event .name {
626 float:left;
627}
628
629#calendar .maincalendar .eventlist .event .course {
630 float:left;
631 clear:left;
632}
633
634#calendar .maincalendar .eventlist .event .date {
635 float:right;
446390fb 636}
637
ed8ea92b 638#calendar .maincalendar .eventlist .event .description .commands {
639 width:100%;
640}
641
642#calendar .maincalendar .eventlist .event .description {
643 padding:5px;
644}
645
646#calendar .maincalendar .eventlist .event .picture {
446390fb 647 padding:8px;
648}
649
ed8ea92b 650#calendar .maincalendar .eventlist .event .side {
651 width:32px;
652}
653
446390fb 654#calendar #selecteventtype table {
655 margin:auto;
656}
657
e96ba29d 658#calendar .event_global,
659#calendar .event_course,
660#calendar .event_group,
661#calendar .event_user,
662.minicalendar .event_global,
663.minicalendar .event_course,
664.minicalendar .event_group,
665.minicalendar .event_user,
666.block_calendar_month .event_global,
667.block_calendar_month .event_course,
668.block_calendar_month .event_group,
669.block_calendar_month .event_user
670{
a8e1f343 671 border:2px solid !important;
672}
673
e96ba29d 674#calendar .duration_global,
675#calendar .duration_course,
676#calendar .duration_group,
677#calendar .duration_user,
678.minicalendar .duration_global,
679.minicalendar .duration_course,
680.minicalendar .duration_group,
681.minicalendar .duration_user
682{
a8e1f343 683 border-top:2px solid !important;
684 border-bottom:2px solid !important;
685}
686
e96ba29d 687#calendar .today,
688.minicalendar .today {
a8e1f343 689 border:2px solid !important;
690}
e96ba29d 691
a8e1f343 692.cal_popup_bg {
693 padding:0px;
694 margin:0px;
e96ba29d 695 border:1px solid;
a8e1f343 696}
697
698.cal_popup_close {
699 margin-right:5px;
700}
701
446390fb 702.cal_popup_caption {
703 background-image:url(gradient.jpg);
62c0f37e 704 border-width:0px 0px 1px 0px;
705 border-style:solid;
446390fb 706 padding-bottom:2px;
707}
708
1f473774 709table.calendar-controls {
710 width: 100%;
711}
712
713table.calendar-controls .previous,
714table.calendar-controls .next
715{
716 width: 12%;
717}
718
719#calendar .maincalendar .calendar-controls .previous,
720#calendar .maincalendar .calendar-controls .next
721{
722 width: 30%;
723}
724
992b5971 725/*****************************
726***
727*** Blocks
728***
729******************************/
a8e1f343 730/* block_rss_client.php */
731.rssclientlink {
732 padding-bottom:5px;
733 border-top:1px solid;
734}
735
736.rssclientdescription {
737 padding-left:10px;
738 padding-bottom:8px;
739}
740
7005a81c 741
992b5971 742/* sideblock */
743.sideblock {
744 width: 100%;
745 margin-bottom:1em;
9cbf12c0 746 border-collapse:separate;
a8e1f343 747 border-width:1px;
748 border-style:solid;
749}
7005a81c 750
992b5971 751.sideblockheading {
a8e1f343 752 background-image:url(gradient.jpg);
753 background-position:top;
754 background-repeat:repeat-x;
9cbf12c0 755 padding:4px;
a8e1f343 756}
757
c24a1ccd 758.sideblockheading .hide-show {
759 float:right;
760}
761
9cbf12c0 762.sideblockheading .hide-show img.hide-show-image {
36b51cb5 763 height:11px;
764 width:11px;
2ad2cbc3 765 margin-top:0.25em;
c24a1ccd 766}
767
9cbf12c0 768.sideblockmain {
769 padding:4px;
770}
771
992b5971 772.sideblockmain hr {
773 height:1px;
774 margin-top:4px;
775 margin-bottom:4px;
776 border:none;
777 border-top:1px solid;
af7a6386 778}
779
9cbf12c0 780.sideblock .sideblockheading .hide-show img.hide-show-image {
5bf2ef9f 781 background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
d4f7a815 782}
783
9cbf12c0 784.sideblock.hidden .sideblockheading .hide-show img.hide-show-image {
5bf2ef9f 785 background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
d4f7a815 786}
787
788.sideblock.hidden .sideblockmain {
789 display: none;
790}
7005a81c 791
9ecf051d 792.sideblock .sideblocklist {
793 width: 100%;
794}
795
796.sideblock .footer {
797 margin-top:4px;
798}
799
a8e1f343 800/* sideblock weblib.php */
29ba5158 801.block_course_summary .sideblockmain {
a8e1f343 802 padding:10px;
803}
804
0fdce319 805/* blocklib.php */
806
29ba5158 807.block_adminblock .sideblockmain {
0fdce319 808 text-align: center;
ec7e2e5f 809 padding: 10px;
0fdce319 810}
811
744fd5bb 812/* block_quiz_results.php */
29ba5158 813.block_quiz_results table.grades {
cae0f35b 814 width: 100%;
cae0f35b 815}
816
29ba5158 817.block_quiz_results table.grades caption {
9c581405 818 margin: 1em 0px 0px 0px;
819 border-bottom: 1px solid;
cae0f35b 820}
821
29ba5158 822.block_quiz_results table.grades .number, .block_quiz_results table.grades .grade {
9c581405 823 width: 10%;
9c581405 824}
825
29ba5158 826.block_quiz_results h1 {
9c581405 827 margin: 4px;
eb111397 828}
744fd5bb 829
830/*****************************
831***
832*** Doc
833***
834******************************/
835
836/* contents.php */
837
838body#doc-contents h1 {
839 font-size: 1em;
840 margin: 1em 0px 0px 0px;
841}
842
843body#doc-contents ul {
844 list-style-type: none;
845 margin: 0px;
846 padding: 0px;
847 font-size: 0.8em;
848 width: 90%; /* try it on IE without this and see what happens */
849}
be37582e 850
851body#course-view .unread {
852 margin-left: 3em;
853}
d897c9c4 854
855body#admin-index .c0 {
856 vertical-align: top;
857 background: #FAFAFA;
858}
bdfd3103 859
860body#admin-modules .generaltablecell {
b258c9a8 861 padding-top: 2px;
862 padding-bottom: 2px;
bdfd3103 863}
ac91569f 864
865body#admin-blocks .generaltablecell {
866 padding-top: 1px;
867 padding-bottom: 1px;
868}
2f71f2a2 869
870body#admin-config .confighelp {
871 display: block;
872 padding-bottom: 20px;
873}