New strings for theme choice configuration
[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
103
104/* footer styles */
105
106
992b5971 107/*****************************
108***
109*** content styles
110***
111******************************/
a8e1f343 112/* many places */
992b5971 113.generalbox {
a8e1f343 114 border-width:1px;
115 border-style:solid;
116}
992b5971 117.noticebox {
a8e1f343 118 border-width:1px;
119 border-style:solid;
120}
2f71f2a2 121.informationbox {
122 border-width:1px;
123 border-style:solid;
124}
a59a00b7 125.feedbackbox {
126 border-width:1px;
127 border-style:solid;
128}
129.feedbackby {
130}
131.feedback {
132}
a8e1f343 133
7005a81c 134
a8e1f343 135/* summary of a user in a nice little box - weblib.php */
136.userinfobox {
7005a81c 137 margin-bottom:5px;
a8e1f343 138 border-width:1px;
139 border-style:solid;
a8e1f343 140}
141
142.userinfoboxside,
143.userinfoboxsummary,
144.userinfoboxlinkcontent { }
145
7005a81c 146
992b5971 147/* weblib.php table */
148.tabledivider {
149 border-width:1px;
150 border-style:solid;
151 border-left:0px;
152 border-right:0px;
153 border-top:0px;
154}
155
7005a81c 156
992b5971 157/* entry-page index.php */
158.sitetopic {
159 border-width:1px;
160 border-style:solid;
161}
162
7005a81c 163
992b5971 164/*****************************
165***
7005a81c 166*** Admin
992b5971 167***
168******************************/
169/* admin, calendar */
170table.formtable td {
171 padding:9px;
a8e1f343 172}
173
992b5971 174
7005a81c 175/*****************************
176***
177*** Course
178***
179******************************/
992b5971 180/* course, entry-page, login */
181.headingblock {
182 background-image:url(gradient.jpg);
183 background-position:top;
184 background-repeat:repeat-x;
185 border-width:1px;
186 border-style:solid;
187}
188
7005a81c 189
992b5971 190/* course */
191.outlineheadingblock {
192 background-image:url(gradient.jpg);
193 background-position:top;
194 background-repeat:repeat-x;
a8e1f343 195 border-width:1px;
196 border-style:solid;
992b5971 197}
7005a81c 198
992b5971 199.weeklyoutlinecontent,
200.topicsoutlinecontent {
201 border-width:1px;
a8e1f343 202 border-left:0px;
203 border-right:0px;
992b5971 204 border-style:solid;
205}
206
207.weeklyoutlinecontenthighlight,
208.topicsoutlinecontenthighlight {
209 border-width:1px;
210 border-left:0px;
211 border-right:0px;
212 border-style:solid;
213}
214
215.weeklyoutlinecontenthidden,
216.topicsoutlinecontenthidden {
217 border-width:1px;
218 border-left:0px;
219 border-right:0px;
220 border-style:solid;
221}
222
223.categoryboxcontent,
224.courseboxcontent {
225 border-width:1px;
226 border-style:solid;
a8e1f343 227}
228
7005a81c 229
230/*****************************
231***
232*** Activities
233***
234******************************/
235/* assignment, forum, glossary */
236.forumheaderlist,
237.forumpost {
238 border-width:1px;
239 border-style:solid;
240}
241
242.forumpostindent {
243 margin-left: 30px;
244}
245
546739f6 246.unread {
247 padding-right:2px;
248}
249
7005a81c 250
251/* calendar, course, weblib,php, attandance
252dialouge, exercise, forum, lesson, quiz */
253.generaltableheader {
254 background-image:url(gradient.jpg);
255 background-position:top;
256 background-repeat:repeat-x;
257}
258
259
992b5971 260/* glossary, wiki */
261.generaltab,
262.generaltabselected {
263 background:none;
264}
265
7005a81c 266
992b5971 267/* message */
268.message_link {
269 vertical-align:center;
270}
271
272.message_search_results {
273 border-collapse:collapse;
274 border-spacing:0px;
275}
276
277table.message_search_results td {
278 padding:5px;
279 border-width:1px;
280 border-style:solid;
281}
282
7005a81c 283
992b5971 284/* quiz */
285.feedbacktext {
286 display:block;
287}
288
7005a81c 289
992b5971 290/*****************************
291***
292*** Calendar
293***
294******************************/
a8e1f343 295/* calendar */
a8e1f343 296
edbe6c1b 297.event_global {
a8e1f343 298 border:2px solid !important;
299}
300
edbe6c1b 301.event_course {
a8e1f343 302 border:2px solid !important;
303}
304
edbe6c1b 305.event_group {
a8e1f343 306 border:2px solid !important;
307}
308
edbe6c1b 309.event_user {
a8e1f343 310 border:2px solid !important;
311}
312
edbe6c1b 313.duration_global {
a8e1f343 314 border-top:2px solid !important;
315 border-bottom:2px solid !important;
316}
317
edbe6c1b 318.duration_course {
a8e1f343 319 border-top:2px solid !important;
320 border-bottom:2px solid !important;
321}
322
edbe6c1b 323.duration_user {
a8e1f343 324 border-top:2px solid !important;
325 border-bottom:2px solid !important;
326}
327
edbe6c1b 328.duration_group {
a8e1f343 329 border-top:2px solid !important;
330 border-bottom:2px solid !important;
331}
332
edbe6c1b 333.today {
a8e1f343 334 border:2px solid !important;
335}
336
a8e1f343 337.mycalendar hr {
338 height:1px;
339 margin-top:4px;
340 margin-bottom:4px;
341 border:none;
342 border-top:1px solid;
343}
344
a8e1f343 345.cal_popup_bg {
346 padding:0px;
347 margin:0px;
348 background-image:url(gradient.jpg);
349 background-position:top;
350 background-repeat:repeat-x;
351 border:2px solid;
352}
353
354.cal_popup_close {
355 margin-right:5px;
356}
357
358.eventfull {
359 border-width:1px;
360 border-style:solid;
361}
362
363.eventfullpicture {
364 padding:8px;
365}
366
7005a81c 367
992b5971 368/*****************************
369***
370*** Blocks
371***
372******************************/
a8e1f343 373/* block_rss_client.php */
374.rssclientlink {
375 padding-bottom:5px;
376 border-top:1px solid;
377}
378
379.rssclientdescription {
380 padding-left:10px;
381 padding-bottom:8px;
382}
383
7005a81c 384
992b5971 385/* sideblock */
386.sideblock {
387 width: 100%;
388 margin-bottom:1em;
9cbf12c0 389 border-collapse:separate;
a8e1f343 390 border-width:1px;
391 border-style:solid;
392}
7005a81c 393
992b5971 394.sideblockheading {
a8e1f343 395 background-image:url(gradient.jpg);
396 background-position:top;
397 background-repeat:repeat-x;
9cbf12c0 398 padding:4px;
a8e1f343 399}
400
c24a1ccd 401.sideblockheading .hide-show {
402 float:right;
403}
404
9cbf12c0 405.sideblockheading .hide-show img.hide-show-image {
2ad2cbc3 406 margin-top:0.25em;
c24a1ccd 407}
408
9cbf12c0 409.sideblockmain {
410 padding:4px;
411}
412
992b5971 413.sideblockmain hr {
414 height:1px;
415 margin-top:4px;
416 margin-bottom:4px;
417 border:none;
418 border-top:1px solid;
af7a6386 419}
420
9cbf12c0 421.sideblock .sideblockheading .hide-show img.hide-show-image {
5bf2ef9f 422 background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
d4f7a815 423}
424
9cbf12c0 425.sideblock.hidden .sideblockheading .hide-show img.hide-show-image {
5bf2ef9f 426 background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
d4f7a815 427}
428
429.sideblock.hidden .sideblockmain {
430 display: none;
431}
7005a81c 432
9ecf051d 433.sideblock .sideblocklist {
434 width: 100%;
435}
436
437.sideblock .footer {
438 margin-top:4px;
439}
440
a8e1f343 441/* sideblock weblib.php */
29ba5158 442.block_course_summary .sideblockmain {
a8e1f343 443 padding:10px;
444}
445
0fdce319 446/* blocklib.php */
447
29ba5158 448.block_adminblock .sideblockmain {
0fdce319 449 text-align: center;
450}
451
744fd5bb 452/* block_quiz_results.php */
29ba5158 453.block_quiz_results table.grades {
cae0f35b 454 width: 100%;
cae0f35b 455}
456
29ba5158 457.block_quiz_results table.grades caption {
9c581405 458 margin: 1em 0px 0px 0px;
459 border-bottom: 1px solid;
cae0f35b 460}
461
29ba5158 462.block_quiz_results table.grades .number, .block_quiz_results table.grades .grade {
9c581405 463 width: 10%;
9c581405 464}
465
29ba5158 466.block_quiz_results h1 {
9c581405 467 margin: 4px;
eb111397 468}
744fd5bb 469
470/*****************************
471***
472*** Doc
473***
474******************************/
475
476/* contents.php */
477
478body#doc-contents h1 {
479 font-size: 1em;
480 margin: 1em 0px 0px 0px;
481}
482
483body#doc-contents ul {
484 list-style-type: none;
485 margin: 0px;
486 padding: 0px;
487 font-size: 0.8em;
488 width: 90%; /* try it on IE without this and see what happens */
489}
be37582e 490
491body#course-view .unread {
492 margin-left: 3em;
493}
d897c9c4 494
495body#admin-index .c0 {
496 vertical-align: top;
497 background: #FAFAFA;
498}
bdfd3103 499
500body#admin-modules .generaltablecell {
501 padding-top: 1px;
502 padding-bottom: 1px;
503}
ac91569f 504
505body#admin-blocks .generaltablecell {
506 padding-top: 1px;
507 padding-bottom: 1px;
508}
2f71f2a2 509
510body#admin-config .confighelp {
511 display: block;
512 padding-bottom: 20px;
513}
7d50b363 514
515
516
517
518/*
519CALENDAR STYLES -- PROVISIONALLY PLACED HERE UNTIL FINALIZED
520*/
521
522.cal_popup_caption {
523 font-family:sans-serif;
524 font-size:75%;
525 font-weight:bold;
526}
527
528.cal_popup_close {
529 font-family:sans-serif;
530 font-size:75%;
531 font-weight:bold;
532}
533
534.calendarreferer {
535 font-weight:bold;
536}
537
3c134875 538#calendar .maincalendar .calendarmonth tbody td {
539 height: 5em;
7d50b363 540 font-size:0.8em;
541 line-height:1.2em;
edbe6c1b 542 padding-left: 4px;
543 padding-top: 4px;
7d50b363 544}
545
3c134875 546#calendar .maincalendar .calendarmonth tbody td table td{
547 height: auto;
548}
549
550#calendar .maincalendar table.calendarmonth {
551 -moz-border-radius: 10px;
552 margin: 0px auto;
553 width: 98%;
554}
555
7d50b363 556#calendar .maincalendar table.calendarmonth thead th {
557 padding:10px;
558 border-bottom:2px solid;
7d50b363 559}
560
3c134875 561#calendar {
7d50b363 562 width: 100%;
563 border-spacing: 5px;
564}
565
edbe6c1b 566#calendar,
3c134875 567#calendar .maincalendar .eventlist table,
568#calendar .maincalendar table.calendarmonth {
7d50b363 569 border-collapse: separate;
570}
571
572#calendar .maincalendar .controls {
573 clear:both;
574 padding:10px;
575 font-size:1.2em;
576}
577
2ad2cbc3 578table.calendarmonth tbody td, table.minicalendar tbody td, table.minicalendar thead th {
579 width:14%;
7d50b363 580 vertical-align:top;
581}
582
583#calendar .sidecalendar, #calendar .maincalendar {
584 vertical-align: top;
585 border: 1px #DDDDDD solid;
586 -moz-border-radius-bottomright:20px;
587 -moz-border-radius-bottomleft:20px;
588}
589
590#calendar .sidecalendar {
2ad2cbc3 591 width: 25%;
592}
593
594#calendar .maincalendar .heading .buttons {
595 float: right;
7d50b363 596}
597
3c134875 598#calendar .maincalendar .filters table,
599#calendar .sidecalendar .filters table,
600.sideblock.block_calendar_month .filters table {
edbe6c1b 601 border-collapse:separate;
7d50b363 602 border-spacing: 2px;
7d50b363 603 -moz-border-radius:4px;
604 background-color: #EEEEEE;
605 padding: 2px;
606 width: 100%;
607}
608
3c134875 609#calendar .sidecalendar .filters,
610.sideblock.block_calendar_month .filters {
611 font-size:0.75em;
2ad2cbc3 612 padding: 5px;
613}
614
3c134875 615#calendar .maincalendar .filters {
edbe6c1b 616 padding: 0px 10px;
617}
618
3c134875 619#calendar .maincalendar .day {
edbe6c1b 620 font-weight: bold;
7d50b363 621}
622
3c134875 623#calendar .maincalendar .heading, #calendar .sidecalendar .heading {
7d50b363 624 background-image:url(gradient.jpg);
625 background-position:top;
626 background-repeat:repeat-x;
627 font-weight:bold;
628 padding: 5px;
629}
630
631table.minicalendar {
632 font-size:0.85em;
2ad2cbc3 633 border-collapse:separate;
7d50b363 634 -moz-border-radius:10px;
635 border-color:#DDDDDD;
2ad2cbc3 636 margin:10px auto;
7d50b363 637 padding:2px;
638 border-width:1px;
639 border-style:solid;
2ad2cbc3 640 border-spacing:1px !important;
7d50b363 641}
642
643table.minicalendar thead th {
644 padding: 0px 2px;
645}
646
647table.minicalendar tbody td {
648 -moz-border-radius:4px;
649 text-align: center;
650}
651
3c134875 652#calendar .eventlist {
2ad2cbc3 653 padding: 10px;
654}
655
7d50b363 656#calendar .eventfull {
2ad2cbc3 657 margin-bottom:10px;
7d50b363 658 width: 100%;
659 border-color:#DDDDDD; /* borders */
660}
661
662#calendar .eventfullheader, #calendar .eventfullpicture, #calendar .eventfullside {
663 background-color:#EEEEEE;
664}
665
666#calendar .eventfullmessage {
667 padding: 5px;
668}
2ad2cbc3 669
edbe6c1b 670#calendar .maincalendar ul {
671 padding:0px;
672 margin:0px;
673 list-style-type:none;
674}
675
676#calendar .maincalendar ul li {
677 margin-top: 4px;
3c134875 678}
679
680#calendar #selecteventtype table {
681 margin:auto;
edbe6c1b 682}