d6653d766178826c0533f45b930e077d4b1cbe9d
[moodle.git] / theme / standard / styles_fonts.css
1 /*******************************************************************
2  styles_fonts.css
4  This CSS file contains all font definitions like family, size,
5  weight, text-align, letter-spacing etc.
7  Styles are organised into the following sections:
8   core
9   header
10   footer
12   admin
13   blocks
14   calendar
15   course
16   doc
17   grades
18   login
19   message
20   mymoodle
21   question
22   tabs
23   user
25   various modules
27 *******************************************************************/
30 /***
31  *** Core
32  ***/
34 .clearer {
35   font-size:1px;
36 }
38 body, table, td, th, li {
39   font-family:Arial, Verdana, Helvetica, sans-serif;
40   font-size:100%;
41   /*letter-spacing:0.02em;*/
42 }
44 th {
45   font-weight: bold;
46 }
48 a:link,
49 a:visited {
50   text-decoration:none;
51 }
53 a:hover {
54   text-decoration: underline;
55 }
57 h1.main,
58 h2.main,
59 h3.main,
60 h4.main,
61 h5.main,
62 h6.main {
63   font-weight:bold;
64 }
66 h1 {
67   font-size:1.7em;
68 }
70 h2 {
71   font-size:1.4em;
72 }
73 h3 {
74   font-size:1.1em;
75 }
76 h4 {
77   font-size:1.0em;
78 }
80 .bold {
81   font-weight:bold;
82 }
84 .warning {
85   font-weight: bold;
86   font-style: italic;
87 }
89 .errorbox .title {
90   font-weight: bold;
91   font-size: 1.2em;
92   text-align: center;
93 }
95 .errorboxcontent {
96   text-align: center;
97 }
99 .errorcode {
100   font-size: 0.7em;
103 .notifytiny {
104   line-height : 100%;
105   font-size: 0.7em;
108 .pagingbar .title {
109   font-weight: bold;
111 .pagingbar .thispage {
112   font-weight: bold;
115 .categorybox .category {
116   font-size:1.2em;
117   font-weight:bold;
120 .helplink {
121   font-size:0.8em;
124 .headingblock {
125   font-weight: bold;
128 #site-index .subscribelink,
129 #course-view .subscribelink {
130   font-size: 0.8em;
133 .files .file {
134   font-size: 0.9em;
137 .files .folder {
138   font-size: 0.9em;
141 .files .folder .size {
142   font-weight: bold;
145 /*Accessibility: resizable icons. */
146 img.resize {
147   width: 1em;
148   height: 1em;
151 acronym, abbr {
152   cursor: help;
154 a.useredit, a:hover.useredit, .blink {
155   color: black;
156   text-decoration: blink;
157   cursor: help;
160 /***
161  *** Header
162  ***/
164 .headermain {
165   font-weight:bold;
168 #header-home .headermain {
169   font-size:1.5em;
172 #header .headermain {
173   font-size:1.3em;
176 .breadcrumb {
177   font-size:0.9em;
178   font-weight:bold;
181 .logininfo,
182 #header-home .headermenu font {
183   font-size:0.8em;
186 /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
187 .arrow, .arrow_button input {
188   font-family: Arial,Helvetica,Courier,sans-serif;
191 .navigation button {
192   font-size: 80%;
195 /***
196  *** Footer
197  ***/
199 .homelink {
203 .performanceinfo {
204   font-size: 0.6em;
207 #footer .validators {
208   font-size: 0.6em;
211 /***
212  *** Admin
213  ***/
215 table.formtable tbody th {
216   font-weight: normal;
217   text-align: right;
220 body#admin-blocks table#incompatible td.c0 {
221   font-weight: bold;
224 body#admin-index .explanation {
225   font-size: 0.7em;
226   vertical-align: bottom;
229 body#admin-index .copyright {
230   text-align: center;
231   font-size: 0.8em;
234 .environmenttable {
235   font-size: 0.8em;
238 #admin-roles-manage .rolecap .cap-desc .cap-name,
239 #admin-roles-override .rolecap .cap-desc .cap-name {
240   font-size: 0.75em;
243 #adminsettings .form-shortname {
244   font-size: 0.75em;
247 #admin-roles-override .cell.c1,
248 #admin-roles-assign .cell.c1 {
249   font-size: 0.7em;
252 #admin-lang .translator .strkey {
253   font-size: 0.75em;
257 /***
258  *** Blocks
259  ***/
260 a.skip-block {
261   text-decoration:none;
264 .sideblock img.resize,
265 .breadcrumb img.resize {
266   width: 0.8em;
267   height: 0.9em;
269 .sideblock .searchform img.resize {
270   width: 1em;
271   height: 1.1em;
274 .sideblock .header, .sideblock h2 {
275   font-size:0.9em;
276   font-weight: bold;
279 .sideblock .content {
280   font-size:0.9em;
281   line-height:1.2em;
284 .sideblock a {
285   line-height:1.2em
288 .sideblock .content h3,
289 .sideblock .content h2 {
290   font-size:1.0em;
293 .sideblock .content .message {
294   font-size:0.9em
297 .sideblock .header .commands {
298   font-size:0.9em;
301 .sideblock .footer {
302   font-size:0.9em;
305 .sideblock .head,
306 .sideblock .info,
307 .sideblock .event {
308   font-size: 0.9em;
311 .sideblock .date {
312   font-style: italic;
315 .block_site_main_menu .footer select {
316   font-size: 0.8em;
319 .block_messages .content .listentry,
320 .block_online_users .content .listentry {
321   font-size:0.75em
324 /***
325  *** Blogs
326  ***/
328 .blogpost .audience {
329   font-size: 0.85em;
332 .blogpost .tags {
333   font-size: 0.85em;
337 /***
338  *** Calendar
339  ***/
340 #calendar .sidecalendar abbr,
341 .block_calendar_month abbr {
342   border: none;
344 #calendar .eventnone a,
345 .block_calendar_month .eventnone a {
346   text-decoration:none;
347   color:black;
348   cursor:text;
351 #calendar .maincalendar .eventlist .event .referer {
352   font-weight:bold;
355 #calendar .maincalendar .eventlist .event .course {
356   font-size:0.8em;
359 #calendar .maincalendar .eventlist .event .description .commands {
360   text-align: right;
363 #calendar .maincalendar table.calendarmonth td {
364   font-size:0.8em;
367 #calendar div.header
369   font-weight:bold;
372 #calendar .sidecalendar .filters {
373   font-size:0.8em;
376 .sideblock .filters td {
377   font-size:1.1em;
380 #calendar .maincalendar .controls {
381   font-size:1.2em;
384 #calendar .maincalendar .day {
385   font-weight: bold;
388 table.minicalendar {
389   font-size:0.85em;
392 .cal_popup_caption {
393   font-family:sans-serif;
394   font-size:0.8em;
395   font-weight:bold;
398 .cal_popup_close {
399   font-family:sans-serif;
400   font-size:0.8em;
401   font-weight:bold;
403 #calendar .maincalendar .calendar-controls .current {
404   font-weight: bold;
408 /***
409  *** Course
410  ***/
411 #course-view .section {
412   font-size:0.95em;
413   line-height:1.2em;
416 #course-view .section .activity {
417   padding:0.2em 0;
420 #course-view .section .activity a {
421   line-height:1em;
424 #course-view .section .left {
425   font-weight:bold;
428 .activitydate, .activityhead {
429   font-size:0.9em;
432 .weeklydatetext {
433   font-size:0.9em;
434   font-weight:bold;
437 .coursebox .info {
438   font-size:1em;
441 .coursebox .teachers,
442 .coursebox .cost {
443   font-size:0.9em;
446 .coursebox .summary {
447   font-size:0.9em;
450 #course-recent h2.main {
451   font-size:1.1em;
454 h2.headingblock {
455   font-size:1.1em;
458 .section_add_menus optgroup {
459   font-weight:normal;
460   font-style: italic;
464 /***
465  *** Doc
466  ***/
467 body#doc-contents h1 {
468   font-size: 0.9em;
470 body#doc-contents ul {
471   font-size: 0.8em;
475 /***
476  *** Grades
477  ***/
479 body#grade-index .grades .header {
480   font-weight: bold;
481   font-size: 0.7em;
484 .grade-edit-scale .scale_options {
485   font-size: 0.7em;
488 .grade-report-grader .gradestable tr.groupavg td.cell {
489         font-weight: bold;
490         color: #006400;
493 .grade-report-grader .gradestable tr.avg td.cell {
494         font-weight: bold;
495         color: #00008B;
496         
498 /***
499  *** Login
500  ***/
502 #login-index #content {
503   font-size: 0.85em;
507 /***
508  *** Logs
509  ***/
511 .logtable td {
512   font-size: 0.8em;
514 .logtable th {
515   font-size: 0.9em;
519 /***
520  *** Message
521  ***/
523 .message-discussion-noframes #userinfo .name h1 {
524   font-weight: bold;
525   font-size:1em;
528 .message-discussion-noframes #userinfo .commands {
529   font-size:0.8em;
532 .message-discussion-noframes #send h1 {
533   font-size:1em;
536 .message .noframesjslink {
537   font-size:0.8em;
540 .message-discussion-noframes #messages h1 {
541   font-size:1em;
544 .message .link {
545   font-size:0.8em;
548 .message_form {
549   font-size:0.8em;
552 .message .heading {
553   font-size:1.0em;
554   font-weight:bold;
557 .message .date,
558 .message .contact,
559 .message .summary {
560   font-size:0.9em;
563 .message .note,
564 .message .pix {
565   font-size:0.8em;
568 .message .author {
569   font-weight: bold;
570   font-size:0.8em;
573 .message .time {
574   font-style: italic;
575   font-size:0.8em;
578 .message .content {
579   font-size:0.8em;
582 #message-user .commands span {
583   font-size:0.7em;
584   white-space:nowrap;
587 #message-user .name {
588   font-weight: bold;
589   font-size:1.1em;
592 /***
593  *** MyMoodle
594  ***/
596 .my .courseboxcontent .overview .info {
597   font-size:0.7em;
600 /***
601  *** Question
602  ***/
604 .que .no {
605   font-size: 1.2em;
606   font-weight: bold;
608 .que .grade {
609   font-size: 0.8em;
611 .que .history {
612   font-size:75%;
615 /***
616  *** Tabs
617  ***/
620 /***
621  *** User
622  ***/
624 .userinfobox .username {
625   font-weight: bold;
628 .userinfobox .links {
629   font-size: 0.7em;
632 .userinfobox td.label {
633   font-weight: bold;
636 body#user-index #longtimenosee {
637   font-size: 0.8em;
641 /***
642  *** Modules: Assignment
643  ***/
645 #mod-assignment-index .cell {
646   font-size:0.8em;
649 #wordcount {
650   font-size: 0.8em;
653 /***
654  *** Modules: Chat
655  ***/
657 #mod-chat-index .cell {
658   font-size:0.8em;
662 #mod-chat-gui_basic h1 {
663   font-size:1.4em;
666 #mod-chat-gui_basic #participants .idle {
667   font-size:0.6em;
670 #mod-chat-view #chatcurrentusers .chatuserdetails {
671   font-size: 0.6em;
673 /***
674  *** Modules: Choice
675  ***/
677 #mod-choice-index .cell {
678   font-size:0.8em;
681 /***
682  *** Modules: Forum
683  ***/
685 .forumnodiscuss{
686   font-weight:bold;
688 .forumpost .topic .subject {
689   font-weight: bold;
691 .forumpost .topic .author {
692   font-size: 0.8em;
694 .forumpost .commands,
695 .forumpost .link,
696 .forumpost .footer {
697   font-size: 0.9em;
699 .forumheaderlist .discussion .lastpost {
700   font-size: 0.7em;
702 body#mod-forum-search .introcontent {
703   font-weight:bold;
705 body#mod-forum-index .generalbox .cell {
706   font-size: 0.80em;
709 .forumpost .edited {
710   font-style: italic;
714 /***
715  *** Modules: Glossary
716  ***/
718 .glossarypost .commands {
719   font-size: 0.8em;
721 .glossarypost .author {
722   font-size: 0.8em;
724 .glossarypost .time {
725   font-size: 0.8em;
727 .concept {
728   font-weight: bold;
730 .glossarycomment .author {
731   font-size: 0.8em;
733 .entrylowersection .aliases {
734   font-size: 0.8em;
736 .entrylowersection .icons,
737 .entrylowersection .ratings {
738   font-size: 0.8em;
741 #mod-glossary-index .cell {
742   font-size:0.8em;
746 /***
747  *** Modules: Journal
748  ***/
749 #mod-journal-view .lastedit,
750 #mod-journal-view .editend {
751   font-size: 0.7em;
753 #mod-journal-view .author {
754   font-size: 1em;
755   font-weight: bold;
757 #mod-journal-view .time {
758   font-size: 0.7em;
759   font-style: italic;
761 #mod-journal-view .grade {
762   font-weight: bold;
763   font-style: italic;
766 #mod-journal-index .cell {
767   font-size:0.8em;
770 /***
771  *** Modules: Label
772  ***/
774 /***
775  *** Modules: Lesson
776  ***/
778 #mod-lesson-index .cell {
779   font-size:0.8em;
782 /***
783  *** Modules: Quiz
784  ***/
786 /***
787  *** Modules: Resource
788  ***/
790 #mod-resource-index .cell {
791   font-size:0.8em;
794 .mod-resource .modified {
795   font-size:0.6em;
798 .ims-nav-dimmed,
799 .ims-nav-button {
800   font-size:0.8em;
803 #ims-toc-selected {
804   font-weight: bold;
807 #ims-menudiv {
808   font-size:0.8em;
811 /***
812  *** Modules: Scorm
813  ***/
815 #mod-scorm-index .cell {
816   font-size:0.8em;
819 /***
820  *** Modules: Survey
821  ***/
823 #mod-survey-index .cell {
824   font-size:0.8em;
827 /***
828  *** Modules: Wiki
829  ***/
831 #mod-wiki-index .cell {
832   font-size:0.8em;
835 /***
836  *** Modules: Workshop
837  ***/
839 #mod-workshop-index .cell {
840   font-size:0.8em;
844 #thegroup, #thegrouping, #dummygrouping {
845   font-size: 0.8em;
846   /*letter-spacing: -0.01em;*/
847   display: block;
851 /***
852  *** Phpinfo display
853  ***/
854 .phpinfo table {
855   border-collapse: collapse;
857 .phpinfo .center {
858   text-align: center;
860 .phpinfo .e, .v, .h {
861   border: 1px solid #000000;
862   font-size: 0.8em;
863   vertical-align: baseline;
865 .phpinfo .e {
866   background-color: #ccccff;
867   font-weight: bold;
868   color: #000000;
870 .phpinfo .h {
871   background-color: #9999cc;
872   font-weight: bold; color: #000000;
874 .phpinfo .v {
875   background-color: #cccccc;
876   color: #000000;
879 .sideblock .content h3.eventskey {
880     font-size:0.8em;