MDL-11419 - groups: interface enhancements + new features:
[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;
463 .section .groupinglabel {
464   color: #666666;
467 /***
468  *** Doc
469  ***/
470 body#doc-contents h1 {
471   font-size: 0.9em;
473 body#doc-contents ul {
474   font-size: 0.8em;
478 /***
479  *** Grades
480  ***/
482 body#grade-index .grades .header {
483   font-weight: bold;
484   font-size: 0.7em;
487 .grade-edit-scale .scale_options {
488   font-size: 0.7em;
491 .grade-report-grader .gradestable tr.groupavg td.cell {
492         font-weight: bold;
493         color: #006400;
496 .grade-report-grader .gradestable tr.avg td.cell {
497         font-weight: bold;
498         color: #00008B;
499         
501 /***
502  *** Login
503  ***/
505 #login-index #content {
506   font-size: 0.85em;
510 /***
511  *** Logs
512  ***/
514 .logtable td {
515   font-size: 0.8em;
517 .logtable th {
518   font-size: 0.9em;
522 /***
523  *** Message
524  ***/
526 .message-discussion-noframes #userinfo .name h1 {
527   font-weight: bold;
528   font-size:1em;
531 .message-discussion-noframes #userinfo .commands {
532   font-size:0.8em;
535 .message-discussion-noframes #send h1 {
536   font-size:1em;
539 .message .noframesjslink {
540   font-size:0.8em;
543 .message-discussion-noframes #messages h1 {
544   font-size:1em;
547 .message .link {
548   font-size:0.8em;
551 .message_form {
552   font-size:0.8em;
555 .message .heading {
556   font-size:1.0em;
557   font-weight:bold;
560 .message .date,
561 .message .contact,
562 .message .summary {
563   font-size:0.9em;
566 .message .note,
567 .message .pix {
568   font-size:0.8em;
571 .message .author {
572   font-weight: bold;
573   font-size:0.8em;
576 .message .time {
577   font-style: italic;
578   font-size:0.8em;
581 .message .content {
582   font-size:0.8em;
585 #message-user .commands span {
586   font-size:0.7em;
587   white-space:nowrap;
590 #message-user .name {
591   font-weight: bold;
592   font-size:1.1em;
595 /***
596  *** MyMoodle
597  ***/
599 .my .courseboxcontent .overview .info {
600   font-size:0.7em;
603 /***
604  *** Question
605  ***/
607 .que .no {
608   font-size: 1.2em;
609   font-weight: bold;
611 .que .grade {
612   font-size: 0.8em;
614 .que .history {
615   font-size:75%;
618 /***
619  *** Tabs
620  ***/
623 /***
624  *** User
625  ***/
627 .userinfobox .username {
628   font-weight: bold;
631 .userinfobox .links {
632   font-size: 0.7em;
635 .userinfobox td.label {
636   font-weight: bold;
639 body#user-index #longtimenosee {
640   font-size: 0.8em;
644 /***
645  *** Modules: Assignment
646  ***/
648 #mod-assignment-index .cell {
649   font-size:0.8em;
652 #wordcount {
653   font-size: 0.8em;
656 /***
657  *** Modules: Chat
658  ***/
660 #mod-chat-index .cell {
661   font-size:0.8em;
665 #mod-chat-gui_basic h1 {
666   font-size:1.4em;
669 #mod-chat-gui_basic #participants .idle {
670   font-size:0.6em;
673 #mod-chat-view #chatcurrentusers .chatuserdetails {
674   font-size: 0.6em;
676 /***
677  *** Modules: Choice
678  ***/
680 #mod-choice-index .cell {
681   font-size:0.8em;
684 /***
685  *** Modules: Forum
686  ***/
688 .forumnodiscuss{
689   font-weight:bold;
691 .forumpost .topic .subject {
692   font-weight: bold;
694 .forumpost .topic .author {
695   font-size: 0.8em;
697 .forumpost .commands,
698 .forumpost .link,
699 .forumpost .footer {
700   font-size: 0.9em;
702 .forumheaderlist .discussion .lastpost {
703   font-size: 0.7em;
705 body#mod-forum-search .introcontent {
706   font-weight:bold;
708 body#mod-forum-index .generalbox .cell {
709   font-size: 0.80em;
712 .forumpost .edited {
713   font-style: italic;
717 /***
718  *** Modules: Glossary
719  ***/
721 .glossarypost .commands {
722   font-size: 0.8em;
724 .glossarypost .author {
725   font-size: 0.8em;
727 .glossarypost .time {
728   font-size: 0.8em;
730 .concept {
731   font-weight: bold;
733 .glossarycomment .author {
734   font-size: 0.8em;
736 .entrylowersection .aliases {
737   font-size: 0.8em;
739 .entrylowersection .icons,
740 .entrylowersection .ratings {
741   font-size: 0.8em;
744 #mod-glossary-index .cell {
745   font-size:0.8em;
749 /***
750  *** Modules: Journal
751  ***/
752 #mod-journal-view .lastedit,
753 #mod-journal-view .editend {
754   font-size: 0.7em;
756 #mod-journal-view .author {
757   font-size: 1em;
758   font-weight: bold;
760 #mod-journal-view .time {
761   font-size: 0.7em;
762   font-style: italic;
764 #mod-journal-view .grade {
765   font-weight: bold;
766   font-style: italic;
769 #mod-journal-index .cell {
770   font-size:0.8em;
773 /***
774  *** Modules: Label
775  ***/
777 /***
778  *** Modules: Lesson
779  ***/
781 #mod-lesson-index .cell {
782   font-size:0.8em;
785 /***
786  *** Modules: Quiz
787  ***/
789 /***
790  *** Modules: Resource
791  ***/
793 #mod-resource-index .cell {
794   font-size:0.8em;
797 .mod-resource .modified {
798   font-size:0.6em;
801 .ims-nav-dimmed,
802 .ims-nav-button {
803   font-size:0.8em;
806 #ims-toc-selected {
807   font-weight: bold;
810 #ims-menudiv {
811   font-size:0.8em;
814 /***
815  *** Modules: Scorm
816  ***/
818 #mod-scorm-index .cell {
819   font-size:0.8em;
822 /***
823  *** Modules: Survey
824  ***/
826 #mod-survey-index .cell {
827   font-size:0.8em;
830 /***
831  *** Modules: Wiki
832  ***/
834 #mod-wiki-index .cell {
835   font-size:0.8em;
838 /***
839  *** Modules: Workshop
840  ***/
842 #mod-workshop-index .cell {
843   font-size:0.8em;
847 #thegroup, #thegrouping, #dummygrouping {
848   font-size: 0.8em;
849   /*letter-spacing: -0.01em;*/
850   display: block;
854 /***
855  *** Phpinfo display
856  ***/
857 .phpinfo table {
858   border-collapse: collapse;
860 .phpinfo .center {
861   text-align: center;
863 .phpinfo .e, .v, .h {
864   border: 1px solid #000000;
865   font-size: 0.8em;
866   vertical-align: baseline;
868 .phpinfo .e {
869   background-color: #ccccff;
870   font-weight: bold;
871   color: #000000;
873 .phpinfo .h {
874   background-color: #9999cc;
875   font-weight: bold; color: #000000;
877 .phpinfo .v {
878   background-color: #cccccc;
879   color: #000000;
882 .sideblock .content h3.eventskey {
883     font-size:0.8em;