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