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