MDL-12312 Reviewed and slightly improved Petr's great help file
[moodle.git] / theme / standard / styles_fonts.css
CommitLineData
06f8f223 1/*******************************************************************
7f4e5cce 2 styles_fonts.css
8a3719f5 3
88e46311 4 This CSS file contains all font definitions like family, size,
5 weight, text-align, letter-spacing etc.
06f8f223 6
88e46311 7 Styles are organised into the following sections:
4485fc91 8 core
9 header
10 footer
11
12 admin
13 blocks
14 calendar
15 course
16 doc
4fb301fa 17 grades
4485fc91 18 login
19 message
854c0e06 20 mymoodle
26b820a5 21 question
4485fc91 22 tabs
23 user
24
25 various modules
06f8f223 26
27*******************************************************************/
28
29
88e46311 30/***
31 *** Core
32 ***/
a8e1f343 33
34.clearer {
4485fc91 35 font-size:1px;
a8e1f343 36}
37
6f199190 38body, table, td, th, li {
e83997a7 39 font-family:Arial, Verdana, Helvetica, sans-serif;
40 font-size:100%;
1ba93774 41 /*letter-spacing:0.02em;*/
d796e6d8 42}
43
44th {
4485fc91 45 font-weight: bold;
d796e6d8 46}
47
992b5971 48a:link,
49a:visited {
4485fc91 50 text-decoration:none;
992b5971 51}
7a0df2a7 52a:hover {
4485fc91 53 text-decoration: underline;
992b5971 54}
a8e1f343 55
42ead7d7 56.img-text a:hover {
57 text-decoration: none;
58}
59.img-text a:hover span {
60 text-decoration: underline;
61}
62
1b67ca53 63h1.main,
64h2.main,
65h3.main,
66h4.main,
67h5.main,
68h6.main {
4485fc91 69 font-weight:bold;
2f71f2a2 70}
71
72h1 {
4485fc91 73 font-size:1.7em;
2f71f2a2 74}
7a0df2a7 75
2f71f2a2 76h2 {
4485fc91 77 font-size:1.4em;
2f71f2a2 78}
79h3 {
4485fc91 80 font-size:1.1em;
2f71f2a2 81}
82h4 {
4485fc91 83 font-size:1.0em;
3ae2cde7 84}
85
86.bold {
4485fc91 87 font-weight:bold;
3ae2cde7 88}
89
01376849 90.warning {
4485fc91 91 font-weight: bold;
92 font-style: italic;
01376849 93}
94
81e6a0a5 95.errorbox .title {
4485fc91 96 font-weight: bold;
97 font-size: 1.2em;
98 text-align: center;
81e6a0a5 99}
100
298657f9 101.errorboxcontent {
102 text-align: center;
103}
104
9ea58987 105.errorcode {
106 font-size: 0.7em;
107}
108
bbbf2d40 109.notifytiny {
8a3719f5 110 line-height : 100%;
111 font-size: 0.7em;
bbbf2d40 112}
113
2f945146 114.pagingbar .title {
4485fc91 115 font-weight: bold;
2f945146 116}
117.pagingbar .thispage {
4485fc91 118 font-weight: bold;
2f945146 119}
a8e1f343 120
290130b3 121.categorybox .category {
122 font-size:1.2em;
4485fc91 123 font-weight:bold;
b8a6c0da 124}
d0cbe0fd 125
06f8f223 126.helplink {
4485fc91 127 font-size:0.8em;
992b5971 128}
129
02039b16 130.headingblock {
4485fc91 131 font-weight: bold;
992b5971 132}
02039b16 133
abcaf2cf 134#site-index .subscribelink,
135#course-view .subscribelink {
1c9d49c2 136 font-size: 0.8em;
992b5971 137}
138
06f8f223 139.files .file {
4485fc91 140 font-size: 0.9em;
992b5971 141}
142
06f8f223 143.files .folder {
4485fc91 144 font-size: 0.9em;
25ecf09a 145}
146
06f8f223 147.files .folder .size {
4485fc91 148 font-weight: bold;
25ecf09a 149}
150
f4077420 151/*Accessibility: resizable icons. */
152img.resize {
153 width: 1em;
154 height: 1em;
155}
156
157acronym, abbr {
158 cursor: help;
159}
ea78c234 160a.useredit, a:hover.useredit, .blink {
161 color: black;
162 text-decoration: blink;
163 cursor: help;
164}
25ecf09a 165
88e46311 166/***
167 *** Header
168 ***/
d796e6d8 169
06f8f223 170.headermain {
4485fc91 171 font-weight:bold;
d796e6d8 172}
173
06f8f223 174#header-home .headermain {
4485fc91 175 font-size:1.5em;
a8e1f343 176}
177
06f8f223 178#header .headermain {
4485fc91 179 font-size:1.3em;
992b5971 180}
181
d2c6555d 182.breadcrumb {
4485fc91 183 font-size:0.9em;
184 font-weight:bold;
a8e1f343 185}
186
06f8f223 187.logininfo,
188#header-home .headermenu font {
e83997a7 189 font-size:0.8em;
4c7f1eb6 190}
191
542022f2 192/* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
09a31350 193.arrow, .arrow_button input {
194 font-family: Arial,Helvetica,Courier,sans-serif;
542022f2 195}
4c7f1eb6 196
f7641e60 197.navigation button {
198 font-size: 80%;
199}
200
88e46311 201/***
202 *** Footer
203 ***/
06f8f223 204
205.homelink {
233bc4bb 206}
207
208
ef036dce 209.performanceinfo {
210 font-size: 0.6em;
211}
212
4e73e3ea 213#footer .validators {
214 font-size: 0.6em;
215}
4485fc91 216
88e46311 217/***
218 *** Admin
219 ***/
7005a81c 220
06f8f223 221table.formtable tbody th {
4485fc91 222 font-weight: normal;
223 text-align: right;
a8e1f343 224}
225
ca98446a 226body#admin-blocks table#incompatible td.c0 {
227 font-weight: bold;
228}
06f8f223 229
e58e1a94 230body#admin-index .explanation {
231 font-size: 0.7em;
232 vertical-align: bottom;
233}
234
235body#admin-index .copyright {
236 text-align: center;
237 font-size: 0.8em;
238}
239
10a1ac17 240.environmenttable {
da03cdc4 241 font-size: 0.8em;
242}
243
d03a6500 244#admin-roles-manage .rolecap .cap-desc .cap-name,
245#admin-roles-override .rolecap .cap-desc .cap-name {
8c900bc3 246 font-size: 0.75em;
82350116 247}
248
15a16922 249#adminsettings .form-shortname {
8c900bc3 250 font-size: 0.75em;
26620ae2 251}
252
8c900bc3 253#admin-roles-override .cell.c1,
dcd55b7e 254#admin-roles-assign .cell.c3,
8c900bc3 255#admin-roles-assign .cell.c1 {
256 font-size: 0.7em;
257}
258
d4ec5b1e 259#admin-lang .translator .strkey {
260 font-size: 0.75em;
261}
262
e4e38544 263#admin-uploaduser table#uupreview {
264 font-size: 0.8em;
265}
266#admin-uploaduser table#uuresults {
267 font-size: 0.9em;
268}
8c900bc3 269
88e46311 270/***
271 *** Blocks
272 ***/
68ac3b35 273a.skip-block {
274 text-decoration:none;
275}
06f8f223 276
90b7674a 277.sideblock img.resize,
278.breadcrumb img.resize {
f4077420 279 width: 0.8em;
280 height: 0.9em;
281}
90b7674a 282.sideblock .searchform img.resize {
283 width: 1em;
284 height: 1.1em;
f4077420 285}
286
68ac3b35 287.sideblock .header, .sideblock h2 {
f9a1e7c5 288 font-size:0.9em;
9a037ca0 289 font-weight: bold;
290}
291
e83997a7 292.sideblock .content {
293 font-size:0.9em;
f16147bf 294 line-height:1.2em;
e83997a7 295}
296
3bfa5397 297.sideblock a {
298 line-height:1.2em
299}
300
2d02e8e6 301.sideblock .content h3,
302.sideblock .content h2 {
4485fc91 303 font-size:1.0em;
992b5971 304}
3bfa5397 305
c448ea06 306.sideblock .content .message {
307 font-size:0.9em
308}
309
06f8f223 310.sideblock .header .commands {
e83997a7 311 font-size:0.9em;
992b5971 312}
313
06f8f223 314.sideblock .footer {
e83997a7 315 font-size:0.9em;
a8e1f343 316}
317
06f8f223 318.sideblock .head,
e83997a7 319.sideblock .info,
320.sideblock .event {
321 font-size: 0.9em;
a8e1f343 322}
323
06f8f223 324.sideblock .date {
4485fc91 325 font-style: italic;
992b5971 326}
327
ef6a8319 328.block_site_main_menu .footer select {
329 font-size: 0.8em;
330}
ebc4968b 331
440d1648 332.block_messages .content .listentry,
333.block_online_users .content .listentry {
b0e19649 334 font-size:0.75em
335}
336
7fdc360c 337/***
338 *** Blogs
339 ***/
f918fce2 340
7fdc360c 341.blogpost .audience {
342 font-size: 0.85em;
f918fce2 343}
344
90fcfc0a 345.blogpost .tags {
346 font-size: 0.85em;
347}
348
f918fce2 349
88e46311 350/***
351 *** Calendar
352 ***/
3a8ad576 353#calendar .sidecalendar abbr,
f4077420 354.block_calendar_month abbr {
355 border: none;
356}
3a8ad576 357#calendar .eventnone a,
358.block_calendar_month .eventnone a {
359 text-decoration:none;
360 color:black;
361 cursor:text;
362}
a8e1f343 363
ed8ea92b 364#calendar .maincalendar .eventlist .event .referer {
4485fc91 365 font-weight:bold;
446390fb 366}
367
ed8ea92b 368#calendar .maincalendar .eventlist .event .course {
4485fc91 369 font-size:0.8em;
ed8ea92b 370}
371
372#calendar .maincalendar .eventlist .event .description .commands {
4485fc91 373 text-align: right;
ed8ea92b 374}
375
a0c7341a 376#calendar .maincalendar table.calendarmonth td {
4485fc91 377 font-size:0.8em;
446390fb 378}
379
4848afa2 380#calendar div.header
446390fb 381{
4485fc91 382 font-weight:bold;
446390fb 383}
384
a76eba9a 385#calendar .sidecalendar .filters {
f9a1e7c5 386 font-size:0.8em;
387}
388
389.sideblock .filters td {
390 font-size:1.1em;
446390fb 391}
392
393#calendar .maincalendar .controls {
4485fc91 394 font-size:1.2em;
446390fb 395}
396
397#calendar .maincalendar .day {
4485fc91 398 font-weight: bold;
446390fb 399}
400
401table.minicalendar {
4485fc91 402 font-size:0.85em;
446390fb 403}
404
e96ba29d 405.cal_popup_caption {
4485fc91 406 font-family:sans-serif;
407 font-size:0.8em;
408 font-weight:bold;
e96ba29d 409}
410
411.cal_popup_close {
4485fc91 412 font-family:sans-serif;
413 font-size:0.8em;
414 font-weight:bold;
e96ba29d 415}
1f473774 416#calendar .maincalendar .calendar-controls .current {
4485fc91 417 font-weight: bold;
1f473774 418}
419
9ecf051d 420
88e46311 421/***
422 *** Course
423 ***/
f9a1e7c5 424#course-view .section {
425 font-size:0.95em;
a73cc7b9 426 line-height:1.2em;
f9a1e7c5 427}
428
429#course-view .section .activity {
430 padding:0.2em 0;
431}
432
433#course-view .section .activity a {
434 line-height:1em;
435}
436
437#course-view .section .left {
438 font-weight:bold;
439}
06f8f223 440
441.activitydate, .activityhead {
e83997a7 442 font-size:0.9em;
ec7e2e5f 443}
444
06f8f223 445.weeklydatetext {
290130b3 446 font-size:0.9em;
4485fc91 447 font-weight:bold;
96803c88 448}
449
290130b3 450.coursebox .info {
451 font-size:1em;
9ecf051d 452}
453
290130b3 454.coursebox .teachers,
455.coursebox .cost {
e83997a7 456 font-size:0.9em;
90ec387a 457}
458
290130b3 459.coursebox .summary {
e83997a7 460 font-size:0.9em;
3ae2cde7 461}
290130b3 462
182ac6c5 463#course-recent h2.main {
464 font-size:1.1em;
465}
466
72d7872a 467h2.headingblock {
468 font-size:1.1em;
469}
182ac6c5 470
02023a60 471.section_add_menus optgroup {
472 font-weight:normal;
473 font-style: italic;
474}
290130b3 475
acf000b0 476.section .groupinglabel {
477 color: #666666;
478}
06f8f223 479
88e46311 480/***
481 *** Doc
482 ***/
2d02e8e6 483body#doc-contents h1 {
e83997a7 484 font-size: 0.9em;
2d02e8e6 485}
486body#doc-contents ul {
4485fc91 487 font-size: 0.8em;
2d02e8e6 488}
489
06f8f223 490
4fb301fa 491/***
492 *** Grades
493 ***/
494
495body#grade-index .grades .header {
496 font-weight: bold;
497 font-size: 0.7em;
498}
499
78ad5f3f 500.grade-edit-scale .scale_options {
501 font-size: 0.7em;
502}
503
88e46311 504/***
505 *** Login
506 ***/
06f8f223 507
d14d6f79 508#login-index #content {
f0b14db4 509 font-size: 0.85em;
510}
511
06f8f223 512
1548978d 513/***
514 *** Logs
515 ***/
516
517.logtable td {
518 font-size: 0.8em;
519}
520.logtable th {
521 font-size: 0.9em;
522}
523
524
88e46311 525/***
526 *** Message
527 ***/
06f8f223 528
531e58f1 529.message-discussion-noframes #userinfo .name h1 {
530 font-weight: bold;
531 font-size:1em;
532}
533
534.message-discussion-noframes #userinfo .commands {
535 font-size:0.8em;
536}
537
538.message-discussion-noframes #send h1 {
539 font-size:1em;
540}
541
542.message .noframesjslink {
543 font-size:0.8em;
544}
545
546.message-discussion-noframes #messages h1 {
547 font-size:1em;
548}
549
669be60c 550.message .link {
e83997a7 551 font-size:0.8em;
6fde77de 552}
4d411a99 553
06f8f223 554.message_form {
e83997a7 555 font-size:0.8em;
29ba5158 556}
557
669be60c 558.message .heading {
e83997a7 559 font-size:1.0em;
4485fc91 560 font-weight:bold;
29ba5158 561}
562
669be60c 563.message .date,
564.message .contact,
565.message .summary {
e83997a7 566 font-size:0.9em;
29ba5158 567}
568
8a3719f5 569.message .note,
669be60c 570.message .pix {
e83997a7 571 font-size:0.8em;
29ba5158 572}
573
06f8f223 574.message .author {
4485fc91 575 font-weight: bold;
a7f2d5f6 576 font-size:0.8em;
29ba5158 577}
4d411a99 578
06f8f223 579.message .time {
4485fc91 580 font-style: italic;
a7f2d5f6 581 font-size:0.8em;
9ecf051d 582}
583
06f8f223 584.message .content {
a7f2d5f6 585 font-size:0.8em;
06f8f223 586}
587
be9d2980 588#message-user .commands span {
589 font-size:0.7em;
590 white-space:nowrap;
591}
592
593#message-user .name {
594 font-weight: bold;
595 font-size:1.1em;
596}
597
854c0e06 598/***
599 *** MyMoodle
600 ***/
601
602.my .courseboxcontent .overview .info {
603 font-size:0.7em;
604}
605
26b820a5 606/***
607 *** Question
608 ***/
609
a239d1d9 610.que .no {
854c0e06 611 font-size: 1.2em;
612 font-weight: bold;
26b820a5 613}
a239d1d9 614.que .grade {
854c0e06 615 font-size: 0.8em;
26b820a5 616}
755bddf1 617.que .history {
854c0e06 618 font-size:75%;
755bddf1 619}
06f8f223 620
88e46311 621/***
622 *** Tabs
623 ***/
06f8f223 624
ca3b6e52 625.tabtree a.nolink:hover {
626 text-decoration: none;
627}
628
06f8f223 629
88e46311 630/***
631 *** User
632 ***/
06f8f223 633
634.userinfobox .username {
4485fc91 635 font-weight: bold;
06f8f223 636}
637
638.userinfobox .links {
4485fc91 639 font-size: 0.7em;
06f8f223 640}
4d411a99 641
04441ec3 642.userinfobox td.label {
643 font-weight: bold;
644}
645
d5406399 646body#user-index #longtimenosee {
647 font-size: 0.8em;
648}
649
2c223cb7 650
88e46311 651/***
652 *** Modules: Assignment
653 ***/
2c223cb7 654
2ba7c47f 655#mod-assignment-index .cell {
656 font-size:0.8em;
657}
658
84970b96 659#wordcount {
660 font-size: 0.8em;
661}
662
88e46311 663/***
664 *** Modules: Chat
665 ***/
06f8f223 666
2ba7c47f 667#mod-chat-index .cell {
668 font-size:0.8em;
669}
670
953eb6f3 671
672#mod-chat-gui_basic h1 {
673 font-size:1.4em;
674}
675
676#mod-chat-gui_basic #participants .idle {
677 font-size:0.6em;
678}
679
8058aa05 680#mod-chat-view #chatcurrentusers .chatuserdetails {
8a3719f5 681 font-size: 0.6em;
8058aa05 682}
88e46311 683/***
684 *** Modules: Choice
685 ***/
2ba7c47f 686
687#mod-choice-index .cell {
688 font-size:0.8em;
689}
8a3719f5 690
88e46311 691/***
692 *** Modules: Forum
693 ***/
06f8f223 694
06f8f223 695.forumnodiscuss{
4485fc91 696 font-weight:bold;
2c223cb7 697}
06f8f223 698.forumpost .topic .subject {
4485fc91 699 font-weight: bold;
af328e4b 700}
06f8f223 701.forumpost .topic .author {
4485fc91 702 font-size: 0.8em;
06f8f223 703}
70d0b4e1 704.forumpost .commands,
18a1868b 705.forumpost .link,
706.forumpost .footer {
f0b14db4 707 font-size: 0.9em;
708}
06f8f223 709.forumheaderlist .discussion .lastpost {
4485fc91 710 font-size: 0.7em;
06f8f223 711}
2d02e8e6 712body#mod-forum-search .introcontent {
4485fc91 713 font-weight:bold;
2d02e8e6 714}
182ac6c5 715body#mod-forum-index .generalbox .cell {
2ba7c47f 716 font-size: 0.80em;
182ac6c5 717}
2d02e8e6 718
7f65461c 719.forumpost .edited {
720 font-style: italic;
721}
06f8f223 722
723
88e46311 724/***
725 *** Modules: Glossary
726 ***/
06f8f223 727
728.glossarypost .commands {
0e74ba6e 729 font-size: 0.8em;
06f8f223 730}
36923200 731.glossarypost .author {
0e74ba6e 732 font-size: 0.8em;
733}
36923200 734.glossarypost .time {
735 font-size: 0.8em;
06f8f223 736}
120a18f0 737.glossarycategoryheader h2,
097d705e 738.glossarypost .concept h3 {
120a18f0 739 font-size: 1em;
097d705e 740 margin: 0;
120a18f0 741}
742.glossarypost div.concept h3,
743.glossarypost.continuous .concept {
744 display: inline;
097d705e 745}
746.glossarypost .entryheader {
747 font-weight: normal;
748 text-align: left;
af328e4b 749}
36923200 750.glossarycomment .author {
0e74ba6e 751 font-size: 0.8em;
06f8f223 752}
2d02e8e6 753.entrylowersection .aliases {
4485fc91 754 font-size: 0.8em;
2d02e8e6 755}
756.entrylowersection .icons,
757.entrylowersection .ratings {
4485fc91 758 font-size: 0.8em;
2d02e8e6 759}
f6a854b9 760
2ba7c47f 761#mod-glossary-index .cell {
762 font-size:0.8em;
763}
06f8f223 764
765
88e46311 766/***
767 *** Modules: Journal
768 ***/
01376849 769#mod-journal-view .lastedit,
770#mod-journal-view .editend {
4485fc91 771 font-size: 0.7em;
01376849 772}
773#mod-journal-view .author {
4485fc91 774 font-size: 1em;
775 font-weight: bold;
01376849 776}
777#mod-journal-view .time {
4485fc91 778 font-size: 0.7em;
779 font-style: italic;
01376849 780}
781#mod-journal-view .grade {
4485fc91 782 font-weight: bold;
783 font-style: italic;
01376849 784}
06f8f223 785
2ba7c47f 786#mod-journal-index .cell {
787 font-size:0.8em;
788}
789
88e46311 790/***
791 *** Modules: Label
792 ***/
06f8f223 793
88e46311 794/***
795 *** Modules: Lesson
796 ***/
06f8f223 797
2ba7c47f 798#mod-lesson-index .cell {
799 font-size:0.8em;
800}
801
88e46311 802/***
803 *** Modules: Quiz
804 ***/
06f8f223 805
88e46311 806/***
807 *** Modules: Resource
808 ***/
06f8f223 809
86fe1401 810#mod-resource-index .cell {
811 font-size:0.8em;
812}
813
bfca8b17 814.mod-resource .modified {
815 font-size:0.6em;
816}
817
1d23983d 818.ims-nav-dimmed,
819.ims-nav-button {
820 font-size:0.8em;
821}
822
eedff4f4 823#ims-toc-selected {
824 font-weight: bold;
825}
826
827#ims-menudiv {
828 font-size:0.8em;
829}
86fe1401 830
88e46311 831/***
832 *** Modules: Scorm
833 ***/
06f8f223 834
2ba7c47f 835#mod-scorm-index .cell {
836 font-size:0.8em;
837}
838
88e46311 839/***
840 *** Modules: Survey
841 ***/
06f8f223 842
2ba7c47f 843#mod-survey-index .cell {
844 font-size:0.8em;
845}
846
88e46311 847/***
848 *** Modules: Wiki
849 ***/
06f8f223 850
2ba7c47f 851#mod-wiki-index .cell {
852 font-size:0.8em;
853}
854
88e46311 855/***
856 *** Modules: Workshop
857 ***/
06f8f223 858
2ba7c47f 859#mod-workshop-index .cell {
860 font-size:0.8em;
861}
862
6a12bc48 863
eb674f8b 864#thegroup, #thegrouping, #dummygrouping {
865 font-size: 0.8em;
c9a512d6 866 /*letter-spacing: -0.01em;*/
eb674f8b 867 display: block;
868}
869
870
6a12bc48 871/***
872 *** Phpinfo display
873 ***/
874.phpinfo table {
875 border-collapse: collapse;
876}
877.phpinfo .center {
878 text-align: center;
879}
8a3719f5 880.phpinfo .e, .v, .h {
881 border: 1px solid #000000;
882 font-size: 0.8em;
6a12bc48 883 vertical-align: baseline;
884}
885.phpinfo .e {
8a3719f5 886 background-color: #ccccff;
887 font-weight: bold;
6a12bc48 888 color: #000000;
889}
890.phpinfo .h {
8a3719f5 891 background-color: #9999cc;
6a12bc48 892 font-weight: bold; color: #000000;
893}
894.phpinfo .v {
8a3719f5 895 background-color: #cccccc;
6a12bc48 896 color: #000000;
d14d6f79 897}
1a6ff43e 898
899.sideblock .content h3.eventskey {
900 font-size:0.8em;
901}