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