MDL-19676 MDL-14408 MDL-8776 Blog improvements
[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 /*
45  * Apparently (at least in 2005, when this was added) Vietnamese test, on Windows
46  * computers, would only show up in Arial. Specify that here, with a !important
47  * rule, so that other themes that inherit from that standard theme do not
48  * un-intentionally break Vietnamese sites by changing the font.
49  */
50 body.lang-vi_utf8,
51 body.lang-vi_utf8 table,
52 body.lang-vi_utf8 td,
53 body.lang-vi_utf8 th,
54 body.lang-vi_utf8 li {
55   font-family: Arial, Verdana, Helvetica, sans-serif !important;
56 }
58 th {
59   font-weight: bold;
60 }
62 a:link,
63 a:visited {
64   text-decoration:none;
65 }
66 a:hover {
67   text-decoration: underline;
68 }
70 .img-text a:hover {
71   text-decoration: none;
72 }
73 .img-text a:hover span {
74   text-decoration: underline;
75 }
77 h1.main,
78 h2.main,
79 h3.main,
80 h4.main,
81 h5.main,
82 h6.main {
83   font-weight:bold;
84 }
86 h1 {
87   font-size:1.7em;
88 }
90 h2 {
91   font-size:1.4em;
92 }
93 h3 {
94   font-size:1.1em;
95 }
96 h4 {
97   font-size:1.0em;
98 }
100 .bold {
101   font-weight:bold;
104 .warning {
105   font-weight: bold;
106   font-style: italic;
109 .errorbox .title {
110   font-weight: bold;
111   font-size: 1.2em;
112   text-align: center;
115 .errorboxcontent {
116   text-align: center;
119 .errorcode {
120   font-size: 0.7em;
123 .notifytiny {
124   line-height : 100%;
125   font-size: 0.7em;
128 .pagingbar .title {
129   font-weight: bold;
131 .pagingbar .thispage {
132   font-weight: bold;
135 .categorybox .category {
136   font-size:1.2em;
137   font-weight:bold;
140 .heading-with-help {
141   font-size:1.4em;
144 .heading-with-help h2.main {
145   font-size:1em;
148 .helplink {
149   font-size:0.8em;
152 .headingblock {
153   font-weight: bold;
156 #site-index .subscribelink,
157 .course-view .subscribelink {
158   font-size: 0.8em;
161 .files .file {
162   font-size: 0.9em;
165 .files .folder {
166   font-size: 0.9em;
169 .files .folder .size {
170   font-weight: bold;
173 /*Accessibility: resizable icons. */
174 img.resize {
175   width: 1em;
176   height: 1em;
179 acronym, abbr {
180   cursor: help;
182 a.useredit, a:hover.useredit, .blink {
183   color: black;
184   text-decoration: blink;
185   cursor: help;
188 .currentlink {
189   font-style: italic;
190   display: inline;
192 /***
193  *** Header
194  ***/
196 .headermain {
197   font-weight:bold;
200 #header-home .headermain {
201   font-size:1.5em;
204 #header .headermain {
205   font-size:1.3em;
208 .breadcrumb {
209   font-size:0.9em;
210   font-weight:bold;
213 .logininfo,
214 #header-home .headermenu font {
215   font-size:0.8em;
218 /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
219 .arrow, .arrow_button input {
220   font-family: Arial,Helvetica,Courier,sans-serif;
223 .navigation button {
224   font-size: 80%;
227 /***
228  *** Footer
229  ***/
231 .homelink {
235 .performanceinfo {
236   font-size: 0.6em;
239 #footer .validators {
240   font-size: 0.6em;
243 /***
244  *** Admin
245  ***/
247 table.formtable tbody th {
248   font-weight: normal;
249   text-align: right;
252 body#admin-blocks table#incompatible td.c0 {
253   font-weight: bold;
256 body#admin-index .explanation {
257   font-size: 0.7em;
258   vertical-align: bottom;
261 body#admin-index .copyright {
262   text-align: center;
263   font-size: 0.8em;
266 .environmenttable {
267   font-size: 0.8em;
270 .rolecap .cap-name,
271 .rolecap .note {
272   font-size: 0.75em;
275 #adminsettings .form-shortname {
276   font-size: 0.75em;
279 #adminsettings .form-defaultinfo {
280   font-size: 0.8em;
283 #admin-roles-override .cell.c1,
284 #admin-roles-assign .cell.c3,
285 #admin-roles-assign .cell.c1 {
286   font-size: 0.7em;
289 #admin-lang .translator .strkey {
290   font-size: 0.75em;
293 #admin-uploaduser table#uupreview {
294   font-size: 0.8em;
296 #admin-uploaduser table#uuresults {
297   font-size: 0.9em;
300 #adminsettings .form-warning,
301 #adminsettings .form-overridden {
302   font-size: 0.8em;
305 .plugincompattable {
306     font-size: 70%;
309 .plugincompattable td.standard {
310     font-weight: normal;
313 .plugincompattable td.nonstandard {
314     font-weight: bold;
317 .plugincompattable td.missingplugin {
318     font-weight: bold;
321 .plugincompattable td.warning {
322     font-style: normal;
325 .plugincompattable {
326     text-align: left;
329 .plugincheckwrapper {
330     text-align: center;
333 .course-report-outline td.lastaccess {
334   font-size:0.8em;
337 .course-report-outline tr.section {
338   text-align: center;
342 /***
343  *** Blocks
344  ***/
345 a.skip-block {
346   text-decoration:none;
349 .sideblock img.resize,
350 .breadcrumb img.resize {
351   width: 0.8em;
352   height: 0.9em;
354 .sideblock .searchform img.resize {
355   width: 1em;
356   height: 1.1em;
359 .sideblock .header, .sideblock h2 {
360   font-size:0.9em;
361   font-weight: bold;
364 .sideblock .content {
365   font-size:0.9em;
366   line-height:1.2em;
369 .sideblock a {
370   line-height:1.2em
373 .sideblock .content h3,
374 .sideblock .content h2 {
375   font-size:1.0em;
378 .sideblock .content .message {
379   font-size:0.9em
382 .sideblock .header .commands {
383   font-size:0.9em;
386 .sideblock .footer {
387   font-size:0.9em;
390 .sideblock .head,
391 .sideblock .info,
392 .sideblock .event {
393   font-size: 0.9em;
396 .sideblock .date {
397   font-style: italic;
400 .block_site_main_menu .footer select {
401   font-size: 0.8em;
404 .block_messages .content .listentry,
405 .block_online_users .content .listentry {
406   font-size:0.75em
409 /***
410  *** Blogs
411  ***/
413 .blog_entry .audience {
414   font-size: 0.85em;
417 .blog_entry .tags {
418   font-size: 0.85em;
422 /***
423  *** Calendar
424  ***/
425 #calendar .sidecalendar abbr,
426 .block_calendar_month abbr {
427   border: none;
429 #calendar .eventnone a,
430 .block_calendar_month .eventnone a {
431   text-decoration:none;
432   color:black;
433   cursor:text;
436 #calendar .maincalendar .eventlist .event .referer {
437   font-weight:bold;
440 #calendar .maincalendar .eventlist .event .course {
441   font-size:0.8em;
444 #calendar .maincalendar .eventlist .event .description .commands {
445   text-align: right;
448 #calendar .maincalendar table.calendarmonth td {
449   font-size:0.8em;
452 #calendar div.header
454   font-weight:bold;
457 #calendar .sidecalendar .filters {
458   font-size:0.8em;
461 .sideblock .filters td {
462   font-size:1.1em;
465 #calendar .maincalendar .controls {
466   font-size:1.2em;
469 #calendar .maincalendar .day {
470   font-weight: bold;
473 #calendar h1 {
474   font-size:1.0em;
475   margin:0;
478 #calendar .minicalendarblock h3 {
479   font-size:1.0em;
480   margin:0;
481   font-weight:normal;
482   text-align:center;
485 table.minicalendar {
486   font-size:0.85em;
489 .cal_popup_caption {
490   font-family:sans-serif;
491   font-size:0.8em;
492   font-weight:bold;
495 .cal_popup_close {
496   font-family:sans-serif;
497   font-size:0.8em;
498   font-weight:bold;
500 #calendar .maincalendar .calendar-controls .current {
501   font-weight: bold;
505 /***
506  *** Course
507  ***/
508 .course-view .section {
509   font-size:0.95em;
510   line-height:1.2em;
513 .course-view .section .activity {
514   padding:0.2em 0;
517 .course-view .section .activity a {
518   line-height:1em;
521 .course-view .section .weekdates {
522   margin: 0;
523   font-weight: normal;
524   font-size: 1em;
527 .course-view .section .left {
528   font-weight:bold;
531 .activitydate, .activityhead {
532   font-size:0.9em;
535 .weeklydatetext {
536   font-size:0.9em;
537   font-weight:bold;
540 .coursebox .info {
541   font-size:1em;
544 .coursebox .teachers,
545 .coursebox .cost {
546   font-size:0.9em;
549 .coursebox .summary {
550   font-size:0.9em;
553 #course-recent h2.main {
554   font-size:1.1em;
557 #course-recent .user {
558   font-size:0.75em;
561 #course-recent .grade {
562   font-style: italic;
563   font-size:0.9em;
566 #course-recent .forum-recent .reply .title {
567   font-style: italic;
568   font-size:0.9em;
571 #course-recent .forum-recent .discussion .title {
572   font-weight:bold;
573   font-style: italic;
574   font-size:0.9em;
577 h2.headingblock {
578   font-size:1.1em;
581 .section_add_menus optgroup {
582   font-weight:normal;
583   font-style: italic;
586 .section .groupinglabel {
587   color: #666666;
590 .course-view .availabilityinfo {
591   font-size:0.85em;
592   color:#aaa;
594 .course-view .availabilityinfo strong {
595   font-weight:normal;
596   color:black;
598 .course-view .dimmed_text img {
599   opacity:0.3;
600   filter: alpha(opacity='30');
603 /***
604  *** Doc
605  ***/
606 body#doc-contents h1 {
607   font-size: 0.9em;
609 body#doc-contents ul {
610   font-size: 0.8em;
614 /***
615  *** Grades
616  ***/
618 body#grade-index .grades .header {
619   font-weight: bold;
620   font-size: 0.7em;
623 .grade-edit-scale .scale_options {
624   font-size: 0.7em;
627 #grade-aggregation-help dt {
628     font-weight: bold;
632 #grade-aggregation-help dd.example {
633     font-style: italic;
636 #grade-aggregation-help code {
637     font-style: normal;
640 /***
641  *** Login
642  ***/
644 #login-index #content {
645   font-size: 0.85em;
649 /***
650  *** Logs
651  ***/
653 .logtable td {
654   font-size: 0.8em;
656 .logtable th {
657   font-size: 0.9em;
661 /***
662  *** Message
663  ***/
665 .message-discussion-noframes #userinfo .name h1 {
666   font-weight: bold;
667   font-size:1em;
670 .message-discussion-noframes #userinfo .commands {
671   font-size:0.8em;
674 .message-discussion-noframes #send h1 {
675   font-size:1em;
678 .message .noframesjslink {
679   font-size:0.8em;
682 .message-discussion-noframes #messages h1 {
683   font-size:1em;
686 .message .link {
687   font-size:0.8em;
690 .message_form {
691   font-size:0.8em;
694 .message .heading {
695   font-size:1.0em;
696   font-weight:bold;
699 .message .date,
700 .message .contact,
701 .message .summary {
702   font-size:0.9em;
705 .message .note,
706 .message .pix {
707   font-size:0.8em;
710 .message .author {
711   font-weight: bold;
712   font-size:0.8em;
715 .message .time {
716   font-style: italic;
717   font-size:0.8em;
720 .message .content {
721   font-size:0.8em;
724 #message-user .commands span {
725   font-size:0.7em;
726   white-space:nowrap;
729 #message-user .name {
730   font-weight: bold;
731   font-size:1.1em;
734 /***
735  *** MyMoodle
736  ***/
738 .my .courseboxcontent .overview .info {
739   font-size:0.7em;
742 /***
743  *** Question
744  ***/
746 #chooseqtype .qtypename {
747   font-weight: bold;
749 #qtypechoicecontainer #chooseqtype .qtypename {
750   font-weight: normal;
753 .que .info h2 {
754   font-size: 1.25em;
755   font-weight: bold;
757 .que .grade {
758   font-size: 0.8em;
760 .que .history {
761   font-size:75%;
764 /***
765  *** Tabs
766  ***/
768 .tabtree a.nolink:hover {
769   text-decoration: none;
772 .tabtree .here {
773   font-weight: bold;
776 .tabtree .here ul {
777   font-weight: normal;
780 /***
781  *** Tags
782  ***/
784 .tag_cloud .s20 {
785   font-size: 1.5em;
786   font-weight: bold;
789 .tag_cloud .s19 {
790   font-size: 1.5em;
793 .tag_cloud .s18 {
794   font-size: 1.4em;
795   font-weight: bold;
798 .tag_cloud .s17 {
799   font-size: 1.4em;
802 .tag_cloud .s16 {
803   font-size: 1.3em;
804   font-weight: bold;
807 .tag_cloud .s15 {
808   font-size: 1.3em;
811 .tag_cloud .s14 {
812   font-size: 1.2em;
813   font-weight: bold;
816 .tag_cloud .s13 {
817   font-size: 1.2em;
820 .tag_cloud .s12,
821 .tag_cloud .s11 {
822   font-size: 1.1em;
823   font-weight: bold;
826 .tag_cloud .s10,
827 .tag_cloud .s9 {
828   font-size: 1.1em;
831 .tag_cloud .s8,
832 .tag_cloud .s7 {
833   font-size: 1em;
834   font-weight: bold;
837 .tag_cloud .s6,
838 .tag_cloud .s5 {
839   font-size: 1em;
842 .tag_cloud .s4,
843 .tag_cloud .s3 {
844   font-size: 0.9em;
845   font-weight: bold;
848 .tag_cloud .s2,
849 .tag_cloud .s1 {
850   font-size: 0.9em;
853 .tag_cloud .s0 {
854   font-size: 0.8em;
857 /***
858  *** User
859  ***/
861 .userinfobox .username {
862   font-weight: bold;
865 .userinfobox .links {
866   font-size: 0.7em;
869 .userinfobox td.label {
870   font-weight: bold;
873 body#user-index #longtimenosee {
874   font-size: 0.8em;
877 .iplookup #header h1.headermain {
878   font-size:1em;
881 .iplookup #note {
882   font-size:0.8em;
883   font-style: italic;
886 /***
887  *** Modules: Assignment
888  ***/
890 #mod-assignment-index .cell {
891   font-size:0.8em;
894 #wordcount {
895   font-size: 0.8em;
898 /***
899  *** Modules: Chat
900  ***/
902 #mod-chat-index .cell {
903   font-size:0.8em;
907 #mod-chat-gui_basic h1 {
908   font-size:1.4em;
911 #mod-chat-gui_basic #participants .idle {
912   font-size:0.6em;
915 #mod-chat-view #chatcurrentusers .chatuserdetails {
916   font-size: 0.6em;
918 /***
919  *** Modules: Choice
920  ***/
922 #mod-choice-index .cell {
923   font-size:0.8em;
926 /***
927  *** Modules: Forum
928  ***/
930 .forumnodiscuss{
931   font-weight:bold;
933 .forumpost .topic .subject {
934   font-weight: bold;
936 .forumpost .topic .author , .forumpost .topic .externalblog {
937   font-size: 0.8em;
939 .forumpost .commands,
940 .forumpost .link,
941 .forumpost .footer {
942   font-size: 0.9em;
944 .forumheaderlist .discussion .lastpost {
945   font-size: 0.7em;
947 body#mod-forum-search .introcontent {
948   font-weight:bold;
950 body#mod-forum-index .generalbox .cell {
951   font-size: 0.80em;
954 .forumpost .edited {
955   font-style: italic;
959 /***
960  *** Modules: Glossary
961  ***/
963 .glossarypost .commands {
964   font-size: 0.8em;
966 .glossarypost .author {
967   font-size: 0.8em;
969 .glossarypost .time {
970   font-size: 0.8em;
972 .glossarycategoryheader h2,
973 .glossarypost .concept h3 {
974   font-size: 1em;
975   margin: 0;
977 .glossarypost div.concept h3,
978 .glossarypost.continuous .concept {
979   display: inline;
981 .glossarypost .entryheader {
982   font-weight: normal;
983   text-align: left;
985 .glossarycomment .author {
986   font-size: 0.8em;
988 .entrylowersection .aliases {
989   font-size: 0.8em;
991 .entrylowersection .icons,
992 .entrylowersection .ratings {
993   font-size: 0.8em;
996 #mod-glossary-index .cell {
997   font-size:0.8em;
1001 /***
1002  *** Modules: Journal
1003  ***/
1004 #mod-journal-view .lastedit,
1005 #mod-journal-view .editend {
1006   font-size: 0.7em;
1008 #mod-journal-view .author {
1009   font-size: 1em;
1010   font-weight: bold;
1012 #mod-journal-view .time {
1013   font-size: 0.7em;
1014   font-style: italic;
1016 #mod-journal-view .grade {
1017   font-weight: bold;
1018   font-style: italic;
1021 #mod-journal-index .cell {
1022   font-size:0.8em;
1025 /***
1026  *** Modules: Label
1027  ***/
1029 /***
1030  *** Modules: Lesson
1031  ***/
1033 #mod-lesson-index .cell {
1034   font-size:0.8em;
1037 /***
1038  *** Modules: Quiz
1039  ***/
1041 #quiznavigation .qnbutton {
1042   font: inherit;
1043   line-height: 1.5em;
1044   font-weight: bold;
1046 #quiznavigation .qnbutton:hover {
1047   text-decoration: underline;
1050 #mod-quiz-edit div.reorder .reordercontrols .moveselectedonpage{
1051     text-align:right;
1053 #mod-quiz-edit div.question div.qnum{
1054     text-align:right;
1056 #mod-quiz-edit div.reorder div.question div.qnum{
1057     text-align:right;
1058     font-size:1em;
1060 #mod-quiz-edit div.editq div.question div.qnum{
1061     font-size:1.5em;
1063 #mod-quiz-edit .questionbankwindow div.header a{
1064     text-decoration:underline;
1066 #mod-quiz-edit div.questioncontentcontainer a{
1067     text-decoration:underline;
1070 #mod-quiz-edit div.questioncontentcontainer div.singlequestion a{
1071     text-decoration:underline;
1073 #mod-quiz-edit div.editq div.question div.content .singlequestion a .questionname,div.editq div.question div.content .singlequestion a .questiontext{
1074     text-decoration:underline;
1076 #mod-quiz-edit div.question div.content .questiontext,
1077 #mod-quiz-edit #categoryquestions .questiontext {
1078     font-weight:bold;
1080 #mod-quiz-edit div.question div.content div.questioncontrols{
1081     text-align:right;
1083 #mod-quiz-edit div.quizpage .pagecontent .pagestatus{
1084     font-weight:bold;
1086 #mod-quiz-edit div.question div.content .questiontype{
1087     font-style:italic;
1089 #mod-quiz-edit .questioncontentcontainer .randomquestioncategory{
1090     font-weight:bold;
1092 #mod-quiz-edit .categoryinfofield{
1093     font-style:italic;
1095 #mod-quiz-edit .categorynamefield{
1096     font-weight:bold;
1098 #mod-quiz-edit .questionbankwindow div.header{
1099     font-weight:bold;
1101 #mod-quiz-edit a.configurerandomquestion{
1102     font-size:small;
1103     text-decoration:underline;
1106 /***
1107  *** Modules: Resource
1108  ***/
1110 .mod-page .modified {
1111   font-size:0.6em;
1114 /***
1115  *** Modules: Resource
1116  ***/
1118 #mod-resource-index .cell {
1119   font-size:0.8em;
1122 .mod-resource .modified {
1123   font-size:0.6em;
1126 /***
1127  *** Modules: Scorm
1128  ***/
1130 #mod-scorm-index .cell {
1131   font-size:0.8em;
1134 /***
1135  *** Modules: Survey
1136  ***/
1138 #mod-survey-index .cell {
1139   font-size:0.8em;
1142 /***
1143  *** Modules: Wiki
1144  ***/
1146 #mod-wiki-index .cell {
1147   font-size:0.8em;
1150 /***
1151  *** Modules: Workshop
1152  ***/
1154 #mod-workshop-index .cell {
1155   font-size:0.8em;
1159 #thegroup, #thegrouping, #dummygrouping {
1160   font-size: 0.8em;
1161   /*letter-spacing: -0.01em;*/
1162   display: block;
1166 /***
1167  *** Phpinfo display
1168  ***/
1169 .phpinfo table {
1170   border-collapse: collapse;
1172 .phpinfo .center {
1173   text-align: center;
1175 .phpinfo .e, .v, .h {
1176   border: 1px solid #000000;
1177   font-size: 0.8em;
1178   vertical-align: baseline;
1180 .phpinfo .e {
1181   background-color: #ccccff;
1182   font-weight: bold;
1183   color: #000000;
1185 .phpinfo .h {
1186   background-color: #9999cc;
1187   font-weight: bold; color: #000000;
1189 .phpinfo .v {
1190   background-color: #cccccc;
1191   color: #000000;
1194 .sideblock .content h3.eventskey {
1195     font-size:0.8em;