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