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