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