MDL-11515:
[moodle-linuxchix.git] / theme / standard / styles_fonts.css
blob949fb806ccc508cbc80d168d0449a3c3c88bd134
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;
38 body, table, td, th, li {
39 font-family:Arial, Verdana, Helvetica, sans-serif;
40 font-size:100%;
41 /*letter-spacing:0.02em;*/
44 th {
45 font-weight: bold;
48 a:link,
49 a:visited {
50 text-decoration:none;
52 a:hover {
53 text-decoration: underline;
56 .img-text a:hover {
57 text-decoration: none;
59 .img-text a:hover span {
60 text-decoration: underline;
63 h1.main,
64 h2.main,
65 h3.main,
66 h4.main,
67 h5.main,
68 h6.main {
69 font-weight:bold;
72 h1 {
73 font-size:1.7em;
76 h2 {
77 font-size:1.4em;
79 h3 {
80 font-size:1.1em;
82 h4 {
83 font-size:1.0em;
86 .bold {
87 font-weight:bold;
90 .warning {
91 font-weight: bold;
92 font-style: italic;
95 .errorbox .title {
96 font-weight: bold;
97 font-size: 1.2em;
98 text-align: center;
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 #admin-roles-override .cell.c1,
254 #admin-roles-assign .cell.c1 {
255 font-size: 0.7em;
258 #admin-lang .translator .strkey {
259 font-size: 0.75em;
263 /***
264 *** Blocks
265 ***/
266 a.skip-block {
267 text-decoration:none;
270 .sideblock img.resize,
271 .breadcrumb img.resize {
272 width: 0.8em;
273 height: 0.9em;
275 .sideblock .searchform img.resize {
276 width: 1em;
277 height: 1.1em;
280 .sideblock .header, .sideblock h2 {
281 font-size:0.9em;
282 font-weight: bold;
285 .sideblock .content {
286 font-size:0.9em;
287 line-height:1.2em;
290 .sideblock a {
291 line-height:1.2em
294 .sideblock .content h3,
295 .sideblock .content h2 {
296 font-size:1.0em;
299 .sideblock .content .message {
300 font-size:0.9em
303 .sideblock .header .commands {
304 font-size:0.9em;
307 .sideblock .footer {
308 font-size:0.9em;
311 .sideblock .head,
312 .sideblock .info,
313 .sideblock .event {
314 font-size: 0.9em;
317 .sideblock .date {
318 font-style: italic;
321 .block_site_main_menu .footer select {
322 font-size: 0.8em;
325 .block_messages .content .listentry,
326 .block_online_users .content .listentry {
327 font-size:0.75em
330 /***
331 *** Blogs
332 ***/
334 .blogpost .audience {
335 font-size: 0.85em;
338 .blogpost .tags {
339 font-size: 0.85em;
343 /***
344 *** Calendar
345 ***/
346 #calendar .sidecalendar abbr,
347 .block_calendar_month abbr {
348 border: none;
350 #calendar .eventnone a,
351 .block_calendar_month .eventnone a {
352 text-decoration:none;
353 color:black;
354 cursor:text;
357 #calendar .maincalendar .eventlist .event .referer {
358 font-weight:bold;
361 #calendar .maincalendar .eventlist .event .course {
362 font-size:0.8em;
365 #calendar .maincalendar .eventlist .event .description .commands {
366 text-align: right;
369 #calendar .maincalendar table.calendarmonth td {
370 font-size:0.8em;
373 #calendar div.header
375 font-weight:bold;
378 #calendar .sidecalendar .filters {
379 font-size:0.8em;
382 .sideblock .filters td {
383 font-size:1.1em;
386 #calendar .maincalendar .controls {
387 font-size:1.2em;
390 #calendar .maincalendar .day {
391 font-weight: bold;
394 table.minicalendar {
395 font-size:0.85em;
398 .cal_popup_caption {
399 font-family:sans-serif;
400 font-size:0.8em;
401 font-weight:bold;
404 .cal_popup_close {
405 font-family:sans-serif;
406 font-size:0.8em;
407 font-weight:bold;
409 #calendar .maincalendar .calendar-controls .current {
410 font-weight: bold;
414 /***
415 *** Course
416 ***/
417 #course-view .section {
418 font-size:0.95em;
419 line-height:1.2em;
422 #course-view .section .activity {
423 padding:0.2em 0;
426 #course-view .section .activity a {
427 line-height:1em;
430 #course-view .section .left {
431 font-weight:bold;
434 .activitydate, .activityhead {
435 font-size:0.9em;
438 .weeklydatetext {
439 font-size:0.9em;
440 font-weight:bold;
443 .coursebox .info {
444 font-size:1em;
447 .coursebox .teachers,
448 .coursebox .cost {
449 font-size:0.9em;
452 .coursebox .summary {
453 font-size:0.9em;
456 #course-recent h2.main {
457 font-size:1.1em;
460 h2.headingblock {
461 font-size:1.1em;
464 .section_add_menus optgroup {
465 font-weight:normal;
466 font-style: italic;
469 .section .groupinglabel {
470 color: #666666;
473 /***
474 *** Doc
475 ***/
476 body#doc-contents h1 {
477 font-size: 0.9em;
479 body#doc-contents ul {
480 font-size: 0.8em;
484 /***
485 *** Grades
486 ***/
488 body#grade-index .grades .header {
489 font-weight: bold;
490 font-size: 0.7em;
493 .grade-edit-scale .scale_options {
494 font-size: 0.7em;
497 .grade-report-grader .gradestable tr.groupavg td.cell {
498 font-weight: bold;
499 color: #006400;
502 .grade-report-grader .gradestable tr.avg td.cell {
503 font-weight: bold;
504 color: #00008B;
507 .grade-report-grader .gradestable td.cat,
508 .grade-report-grader .gradestable td.course {
509 font-weight: bold;
512 /***
513 *** Login
514 ***/
516 #login-index #content {
517 font-size: 0.85em;
521 /***
522 *** Logs
523 ***/
525 .logtable td {
526 font-size: 0.8em;
528 .logtable th {
529 font-size: 0.9em;
533 /***
534 *** Message
535 ***/
537 .message-discussion-noframes #userinfo .name h1 {
538 font-weight: bold;
539 font-size:1em;
542 .message-discussion-noframes #userinfo .commands {
543 font-size:0.8em;
546 .message-discussion-noframes #send h1 {
547 font-size:1em;
550 .message .noframesjslink {
551 font-size:0.8em;
554 .message-discussion-noframes #messages h1 {
555 font-size:1em;
558 .message .link {
559 font-size:0.8em;
562 .message_form {
563 font-size:0.8em;
566 .message .heading {
567 font-size:1.0em;
568 font-weight:bold;
571 .message .date,
572 .message .contact,
573 .message .summary {
574 font-size:0.9em;
577 .message .note,
578 .message .pix {
579 font-size:0.8em;
582 .message .author {
583 font-weight: bold;
584 font-size:0.8em;
587 .message .time {
588 font-style: italic;
589 font-size:0.8em;
592 .message .content {
593 font-size:0.8em;
596 #message-user .commands span {
597 font-size:0.7em;
598 white-space:nowrap;
601 #message-user .name {
602 font-weight: bold;
603 font-size:1.1em;
606 /***
607 *** MyMoodle
608 ***/
610 .my .courseboxcontent .overview .info {
611 font-size:0.7em;
614 /***
615 *** Question
616 ***/
618 .que .no {
619 font-size: 1.2em;
620 font-weight: bold;
622 .que .grade {
623 font-size: 0.8em;
625 .que .history {
626 font-size:75%;
629 /***
630 *** Tabs
631 ***/
634 /***
635 *** User
636 ***/
638 .userinfobox .username {
639 font-weight: bold;
642 .userinfobox .links {
643 font-size: 0.7em;
646 .userinfobox td.label {
647 font-weight: bold;
650 body#user-index #longtimenosee {
651 font-size: 0.8em;
655 /***
656 *** Modules: Assignment
657 ***/
659 #mod-assignment-index .cell {
660 font-size:0.8em;
663 #wordcount {
664 font-size: 0.8em;
667 /***
668 *** Modules: Chat
669 ***/
671 #mod-chat-index .cell {
672 font-size:0.8em;
676 #mod-chat-gui_basic h1 {
677 font-size:1.4em;
680 #mod-chat-gui_basic #participants .idle {
681 font-size:0.6em;
684 #mod-chat-view #chatcurrentusers .chatuserdetails {
685 font-size: 0.6em;
687 /***
688 *** Modules: Choice
689 ***/
691 #mod-choice-index .cell {
692 font-size:0.8em;
695 /***
696 *** Modules: Forum
697 ***/
699 .forumnodiscuss{
700 font-weight:bold;
702 .forumpost .topic .subject {
703 font-weight: bold;
705 .forumpost .topic .author {
706 font-size: 0.8em;
708 .forumpost .commands,
709 .forumpost .link,
710 .forumpost .footer {
711 font-size: 0.9em;
713 .forumheaderlist .discussion .lastpost {
714 font-size: 0.7em;
716 body#mod-forum-search .introcontent {
717 font-weight:bold;
719 body#mod-forum-index .generalbox .cell {
720 font-size: 0.80em;
723 .forumpost .edited {
724 font-style: italic;
728 /***
729 *** Modules: Glossary
730 ***/
732 .glossarypost .commands {
733 font-size: 0.8em;
735 .glossarypost .author {
736 font-size: 0.8em;
738 .glossarypost .time {
739 font-size: 0.8em;
741 .concept {
742 font-weight: bold;
744 .glossarycomment .author {
745 font-size: 0.8em;
747 .entrylowersection .aliases {
748 font-size: 0.8em;
750 .entrylowersection .icons,
751 .entrylowersection .ratings {
752 font-size: 0.8em;
755 #mod-glossary-index .cell {
756 font-size:0.8em;
760 /***
761 *** Modules: Journal
762 ***/
763 #mod-journal-view .lastedit,
764 #mod-journal-view .editend {
765 font-size: 0.7em;
767 #mod-journal-view .author {
768 font-size: 1em;
769 font-weight: bold;
771 #mod-journal-view .time {
772 font-size: 0.7em;
773 font-style: italic;
775 #mod-journal-view .grade {
776 font-weight: bold;
777 font-style: italic;
780 #mod-journal-index .cell {
781 font-size:0.8em;
784 /***
785 *** Modules: Label
786 ***/
788 /***
789 *** Modules: Lesson
790 ***/
792 #mod-lesson-index .cell {
793 font-size:0.8em;
796 /***
797 *** Modules: Quiz
798 ***/
800 /***
801 *** Modules: Resource
802 ***/
804 #mod-resource-index .cell {
805 font-size:0.8em;
808 .mod-resource .modified {
809 font-size:0.6em;
812 .ims-nav-dimmed,
813 .ims-nav-button {
814 font-size:0.8em;
817 #ims-toc-selected {
818 font-weight: bold;
821 #ims-menudiv {
822 font-size:0.8em;
825 /***
826 *** Modules: Scorm
827 ***/
829 #mod-scorm-index .cell {
830 font-size:0.8em;
833 /***
834 *** Modules: Survey
835 ***/
837 #mod-survey-index .cell {
838 font-size:0.8em;
841 /***
842 *** Modules: Wiki
843 ***/
845 #mod-wiki-index .cell {
846 font-size:0.8em;
849 /***
850 *** Modules: Workshop
851 ***/
853 #mod-workshop-index .cell {
854 font-size:0.8em;
858 #thegroup, #thegrouping, #dummygrouping {
859 font-size: 0.8em;
860 /*letter-spacing: -0.01em;*/
861 display: block;
865 /***
866 *** Phpinfo display
867 ***/
868 .phpinfo table {
869 border-collapse: collapse;
871 .phpinfo .center {
872 text-align: center;
874 .phpinfo .e, .v, .h {
875 border: 1px solid #000000;
876 font-size: 0.8em;
877 vertical-align: baseline;
879 .phpinfo .e {
880 background-color: #ccccff;
881 font-weight: bold;
882 color: #000000;
884 .phpinfo .h {
885 background-color: #9999cc;
886 font-weight: bold; color: #000000;
888 .phpinfo .v {
889 background-color: #cccccc;
890 color: #000000;
893 .sideblock .content h3.eventskey {
894 font-size:0.8em;