MDL-12796 iplookup rewrite
[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 }
52 a:hover {
53   text-decoration: underline;
54 }
56 .img-text a:hover {
57   text-decoration: none;
58 }
59 .img-text a:hover span {
60   text-decoration: underline;
61 }
63 h1.main,
64 h2.main,
65 h3.main,
66 h4.main,
67 h5.main,
68 h6.main {
69   font-weight:bold;
70 }
72 h1 {
73   font-size:1.7em;
74 }
76 h2 {
77   font-size:1.4em;
78 }
79 h3 {
80   font-size:1.1em;
81 }
82 h4 {
83   font-size:1.0em;
84 }
86 .bold {
87   font-weight:bold;
88 }
90 .warning {
91   font-weight: bold;
92   font-style: italic;
93 }
95 .errorbox .title {
96   font-weight: bold;
97   font-size: 1.2em;
98   text-align: center;
99 }
101 .errorboxcontent {
102   text-align: center;
105 .errorcode {
106   font-size: 0.7em;
109 .notifytiny {
110   line-height : 100%;
111   font-size: 0.7em;
114 .pagingbar .title {
115   font-weight: bold;
117 .pagingbar .thispage {
118   font-weight: bold;
121 .categorybox .category {
122   font-size:1.2em;
123   font-weight:bold;
126 .helplink {
127   font-size:0.8em;
130 .headingblock {
131   font-weight: bold;
134 #site-index .subscribelink,
135 #course-view .subscribelink {
136   font-size: 0.8em;
139 .files .file {
140   font-size: 0.9em;
143 .files .folder {
144   font-size: 0.9em;
147 .files .folder .size {
148   font-weight: bold;
151 /*Accessibility: resizable icons. */
152 img.resize {
153   width: 1em;
154   height: 1em;
157 acronym, abbr {
158   cursor: help;
160 a.useredit, a:hover.useredit, .blink {
161   color: black;
162   text-decoration: blink;
163   cursor: help;
166 /***
167  *** Header
168  ***/
170 .headermain {
171   font-weight:bold;
174 #header-home .headermain {
175   font-size:1.5em;
178 #header .headermain {
179   font-size:1.3em;
182 .breadcrumb {
183   font-size:0.9em;
184   font-weight:bold;
187 .logininfo,
188 #header-home .headermenu font {
189   font-size:0.8em;
192 /* Accessibility: only certain fonts support Unicode chars like ► in IE6 */
193 .arrow, .arrow_button input {
194   font-family: Arial,Helvetica,Courier,sans-serif;
197 .navigation button {
198   font-size: 80%;
201 /***
202  *** Footer
203  ***/
205 .homelink {
209 .performanceinfo {
210   font-size: 0.6em;
213 #footer .validators {
214   font-size: 0.6em;
217 /***
218  *** Admin
219  ***/
221 table.formtable tbody th {
222   font-weight: normal;
223   text-align: right;
226 body#admin-blocks table#incompatible td.c0 {
227   font-weight: bold;
230 body#admin-index .explanation {
231   font-size: 0.7em;
232   vertical-align: bottom;
235 body#admin-index .copyright {
236   text-align: center;
237   font-size: 0.8em;
240 .environmenttable {
241   font-size: 0.8em;
244 #admin-roles-manage .rolecap .cap-desc .cap-name,
245 #admin-roles-override .rolecap .cap-desc .cap-name {
246   font-size: 0.75em;
249 #adminsettings .form-shortname {
250   font-size: 0.75em;
253 #adminsettings .form-defaultinfo {
254   font-size: 0.8em;
257 #admin-roles-override .cell.c1,
258 #admin-roles-assign .cell.c3,
259 #admin-roles-assign .cell.c1 {
260   font-size: 0.7em;
263 #admin-lang .translator .strkey {
264   font-size: 0.75em;
267 #admin-uploaduser table#uupreview {
268   font-size: 0.8em;
270 #admin-uploaduser table#uuresults {
271   font-size: 0.9em;
274 #adminsettings .form-warning,
275 #adminsettings .form-overridden {
276   font-size: 0.8em;
279 /***
280  *** Blocks
281  ***/
282 a.skip-block {
283   text-decoration:none;
286 .sideblock img.resize,
287 .breadcrumb img.resize {
288   width: 0.8em;
289   height: 0.9em;
291 .sideblock .searchform img.resize {
292   width: 1em;
293   height: 1.1em;
296 .sideblock .header, .sideblock h2 {
297   font-size:0.9em;
298   font-weight: bold;
301 .sideblock .content {
302   font-size:0.9em;
303   line-height:1.2em;
306 .sideblock a {
307   line-height:1.2em
310 .sideblock .content h3,
311 .sideblock .content h2 {
312   font-size:1.0em;
315 .sideblock .content .message {
316   font-size:0.9em
319 .sideblock .header .commands {
320   font-size:0.9em;
323 .sideblock .footer {
324   font-size:0.9em;
327 .sideblock .head,
328 .sideblock .info,
329 .sideblock .event {
330   font-size: 0.9em;
333 .sideblock .date {
334   font-style: italic;
337 .block_site_main_menu .footer select {
338   font-size: 0.8em;
341 .block_messages .content .listentry,
342 .block_online_users .content .listentry {
343   font-size:0.75em
346 /***
347  *** Blogs
348  ***/
350 .blogpost .audience {
351   font-size: 0.85em;
354 .blogpost .tags {
355   font-size: 0.85em;
359 /***
360  *** Calendar
361  ***/
362 #calendar .sidecalendar abbr,
363 .block_calendar_month abbr {
364   border: none;
366 #calendar .eventnone a,
367 .block_calendar_month .eventnone a {
368   text-decoration:none;
369   color:black;
370   cursor:text;
373 #calendar .maincalendar .eventlist .event .referer {
374   font-weight:bold;
377 #calendar .maincalendar .eventlist .event .course {
378   font-size:0.8em;
381 #calendar .maincalendar .eventlist .event .description .commands {
382   text-align: right;
385 #calendar .maincalendar table.calendarmonth td {
386   font-size:0.8em;
389 #calendar div.header
391   font-weight:bold;
394 #calendar .sidecalendar .filters {
395   font-size:0.8em;
398 .sideblock .filters td {
399   font-size:1.1em;
402 #calendar .maincalendar .controls {
403   font-size:1.2em;
406 #calendar .maincalendar .day {
407   font-weight: bold;
410 table.minicalendar {
411   font-size:0.85em;
414 .cal_popup_caption {
415   font-family:sans-serif;
416   font-size:0.8em;
417   font-weight:bold;
420 .cal_popup_close {
421   font-family:sans-serif;
422   font-size:0.8em;
423   font-weight:bold;
425 #calendar .maincalendar .calendar-controls .current {
426   font-weight: bold;
430 /***
431  *** Course
432  ***/
433 #course-view .section {
434   font-size:0.95em;
435   line-height:1.2em;
438 #course-view .section .activity {
439   padding:0.2em 0;
442 #course-view .section .activity a {
443   line-height:1em;
446 #course-view .section .weekdates {
447   margin: 0;
448   font-weight: normal;
449   font-size: 1em;
452 #course-view .section .left {
453   font-weight:bold;
456 .activitydate, .activityhead {
457   font-size:0.9em;
460 .weeklydatetext {
461   font-size:0.9em;
462   font-weight:bold;
465 .coursebox .info {
466   font-size:1em;
469 .coursebox .teachers,
470 .coursebox .cost {
471   font-size:0.9em;
474 .coursebox .summary {
475   font-size:0.9em;
478 #course-recent h2.main {
479   font-size:1.1em;
482 h2.headingblock {
483   font-size:1.1em;
486 .section_add_menus optgroup {
487   font-weight:normal;
488   font-style: italic;
491 .section .groupinglabel {
492   color: #666666;
495 /***
496  *** Doc
497  ***/
498 body#doc-contents h1 {
499   font-size: 0.9em;
501 body#doc-contents ul {
502   font-size: 0.8em;
506 /***
507  *** Grades
508  ***/
510 body#grade-index .grades .header {
511   font-weight: bold;
512   font-size: 0.7em;
515 .grade-edit-scale .scale_options {
516   font-size: 0.7em;
519 #grade-aggregation-help dt {
520     font-weight: bold;
524 #grade-aggregation-help dd.example {
525     font-style: italic;
528 #grade-aggregation-help code {
529     font-style: normal;
532 /***
533  *** Login
534  ***/
536 #login-index #content {
537   font-size: 0.85em;
541 /***
542  *** Logs
543  ***/
545 .logtable td {
546   font-size: 0.8em;
548 .logtable th {
549   font-size: 0.9em;
553 /***
554  *** Message
555  ***/
557 .message-discussion-noframes #userinfo .name h1 {
558   font-weight: bold;
559   font-size:1em;
562 .message-discussion-noframes #userinfo .commands {
563   font-size:0.8em;
566 .message-discussion-noframes #send h1 {
567   font-size:1em;
570 .message .noframesjslink {
571   font-size:0.8em;
574 .message-discussion-noframes #messages h1 {
575   font-size:1em;
578 .message .link {
579   font-size:0.8em;
582 .message_form {
583   font-size:0.8em;
586 .message .heading {
587   font-size:1.0em;
588   font-weight:bold;
591 .message .date,
592 .message .contact,
593 .message .summary {
594   font-size:0.9em;
597 .message .note,
598 .message .pix {
599   font-size:0.8em;
602 .message .author {
603   font-weight: bold;
604   font-size:0.8em;
607 .message .time {
608   font-style: italic;
609   font-size:0.8em;
612 .message .content {
613   font-size:0.8em;
616 #message-user .commands span {
617   font-size:0.7em;
618   white-space:nowrap;
621 #message-user .name {
622   font-weight: bold;
623   font-size:1.1em;
626 /***
627  *** MyMoodle
628  ***/
630 .my .courseboxcontent .overview .info {
631   font-size:0.7em;
634 /***
635  *** Question
636  ***/
638 .que .no {
639   font-size: 1.2em;
640   font-weight: bold;
642 .que .grade {
643   font-size: 0.8em;
645 .que .history {
646   font-size:75%;
649 /***
650  *** Tabs
651  ***/
653 .tabtree a.nolink:hover {
654   text-decoration: none;
658 /***
659  *** User
660  ***/
662 .userinfobox .username {
663   font-weight: bold;
666 .userinfobox .links {
667   font-size: 0.7em;
670 .userinfobox td.label {
671   font-weight: bold;
674 body#user-index #longtimenosee {
675   font-size: 0.8em;
678 .iplookup #header h1.headermain {
679   font-size:1em;
682 .iplookup #note {
683   font-size:0.8em;
684   font-style: italic;
687 /***
688  *** Modules: Assignment
689  ***/
691 #mod-assignment-index .cell {
692   font-size:0.8em;
695 #wordcount {
696   font-size: 0.8em;
699 /***
700  *** Modules: Chat
701  ***/
703 #mod-chat-index .cell {
704   font-size:0.8em;
708 #mod-chat-gui_basic h1 {
709   font-size:1.4em;
712 #mod-chat-gui_basic #participants .idle {
713   font-size:0.6em;
716 #mod-chat-view #chatcurrentusers .chatuserdetails {
717   font-size: 0.6em;
719 /***
720  *** Modules: Choice
721  ***/
723 #mod-choice-index .cell {
724   font-size:0.8em;
727 /***
728  *** Modules: Forum
729  ***/
731 .forumnodiscuss{
732   font-weight:bold;
734 .forumpost .topic .subject {
735   font-weight: bold;
737 .forumpost .topic .author {
738   font-size: 0.8em;
740 .forumpost .commands,
741 .forumpost .link,
742 .forumpost .footer {
743   font-size: 0.9em;
745 .forumheaderlist .discussion .lastpost {
746   font-size: 0.7em;
748 body#mod-forum-search .introcontent {
749   font-weight:bold;
751 body#mod-forum-index .generalbox .cell {
752   font-size: 0.80em;
755 .forumpost .edited {
756   font-style: italic;
760 /***
761  *** Modules: Glossary
762  ***/
764 .glossarypost .commands {
765   font-size: 0.8em;
767 .glossarypost .author {
768   font-size: 0.8em;
770 .glossarypost .time {
771   font-size: 0.8em;
773 .glossarycategoryheader h2,
774 .glossarypost .concept h3 {
775   font-size: 1em;
776   margin: 0;
778 .glossarypost div.concept h3,
779 .glossarypost.continuous .concept {
780   display: inline;
782 .glossarypost .entryheader {
783   font-weight: normal;
784   text-align: left;
786 .glossarycomment .author {
787   font-size: 0.8em;
789 .entrylowersection .aliases {
790   font-size: 0.8em;
792 .entrylowersection .icons,
793 .entrylowersection .ratings {
794   font-size: 0.8em;
797 #mod-glossary-index .cell {
798   font-size:0.8em;
802 /***
803  *** Modules: Journal
804  ***/
805 #mod-journal-view .lastedit,
806 #mod-journal-view .editend {
807   font-size: 0.7em;
809 #mod-journal-view .author {
810   font-size: 1em;
811   font-weight: bold;
813 #mod-journal-view .time {
814   font-size: 0.7em;
815   font-style: italic;
817 #mod-journal-view .grade {
818   font-weight: bold;
819   font-style: italic;
822 #mod-journal-index .cell {
823   font-size:0.8em;
826 /***
827  *** Modules: Label
828  ***/
830 /***
831  *** Modules: Lesson
832  ***/
834 #mod-lesson-index .cell {
835   font-size:0.8em;
838 /***
839  *** Modules: Quiz
840  ***/
842 /***
843  *** Modules: Resource
844  ***/
846 #mod-resource-index .cell {
847   font-size:0.8em;
850 .mod-resource .modified {
851   font-size:0.6em;
854 .ims-nav-dimmed,
855 .ims-nav-button {
856   font-size:0.8em;
859 #ims-toc-selected {
860   font-weight: bold;
863 #ims-menudiv {
864   font-size:0.8em;
867 /***
868  *** Modules: Scorm
869  ***/
871 #mod-scorm-index .cell {
872   font-size:0.8em;
875 /***
876  *** Modules: Survey
877  ***/
879 #mod-survey-index .cell {
880   font-size:0.8em;
883 /***
884  *** Modules: Wiki
885  ***/
887 #mod-wiki-index .cell {
888   font-size:0.8em;
891 /***
892  *** Modules: Workshop
893  ***/
895 #mod-workshop-index .cell {
896   font-size:0.8em;
900 #thegroup, #thegrouping, #dummygrouping {
901   font-size: 0.8em;
902   /*letter-spacing: -0.01em;*/
903   display: block;
907 /***
908  *** Phpinfo display
909  ***/
910 .phpinfo table {
911   border-collapse: collapse;
913 .phpinfo .center {
914   text-align: center;
916 .phpinfo .e, .v, .h {
917   border: 1px solid #000000;
918   font-size: 0.8em;
919   vertical-align: baseline;
921 .phpinfo .e {
922   background-color: #ccccff;
923   font-weight: bold;
924   color: #000000;
926 .phpinfo .h {
927   background-color: #9999cc;
928   font-weight: bold; color: #000000;
930 .phpinfo .v {
931   background-color: #cccccc;
932   color: #000000;
935 .sideblock .content h3.eventskey {
936     font-size:0.8em;