adding some strings
[moodle-linuxchix.git] / theme / standard / styles_color.css
blob0c881c91f851abf7b3f43cdf64d3fdbdfba1c2a0
1 /*******************************************************************
2 styles_color.css
4 This CSS file contains all color definitions like
5 background-color, font-color, border-color etc.
7 Styles are organised into the following sections:
9 core
10 header
11 footer
13 admin
14 blocks
15 calendar
16 course
17 doc
18 login
19 message
20 question
21 tabs
22 user
24 various modules
26 *******************************************************************/
28 /***
29 *** Core
30 ***/
32 a:link,
33 a:visited {
34 color:#0000FF;
37 a.dimmed:link,
38 a.dimmed:visited {
39 color:#AAAAAA;
42 a:hover {
43 color:#FF0000;
46 a.autolink:link,
47 a.autolink:visited {
48 color:#000000;
49 background: #DDDDDD;
52 a.autolink.glossary:hover {
53 cursor: help;
56 img.userpicture,
57 img.grouppicture {
58 border-color:#000
61 .block_online_users .listentry img {
62 border:#888
65 body {
66 background-color:#FAFAFA;
67 color:#000;
70 th.header,
71 td.header,
72 div.header {
73 border-color:#DDDDDD;
76 .navbar {
77 border-color:#DDDDDD;
80 table.formtable tbody th {
81 background-color: transparent;
82 background-image: none;
85 .highlight {
86 background-color:#AAFFAA;
89 .highlight2 {
90 color:#AA0000; /* highlight missing terms in forum search */
93 /* Alternate rows even */
94 .r0 {
97 /* Alternate rows odd */
98 .r1 {
101 /* notification messages (can be good or bad) */
102 .notifyproblem {
103 color:#660000;
105 .notifysuccess {
106 color:#006600;
108 .notifytiny {
109 color:#000044;
112 #admin-auth_config .required {
113 background-color:#DDDDDD;
116 .generalbox {
117 border-color:#DDDDDD;
119 .informationbox {
120 border-color:#DDDDDD;
122 .feedbackbox {
123 border-color: #888888;
125 .feedbackby {
126 background-color:#BBBBBB;
129 .noticebox {
130 border-color:#DDDDDD;
133 .errorbox {
134 color:#ffffff;
135 border-color:#660000;
136 background-color:#990000;
139 .errorboxcontent {
140 background-color:#FFBBBB;
143 .tabledivider {
144 border-color:#DDDDDD;
147 .sitetopic {
150 .sitetopiccontent {
151 border-color:#DDDDDD;
152 background-color:#FFFFFF;
155 .dimmed_text {
156 color:#AAAAAA;
159 .teacheronly {
160 color:#990000;
163 .unread {
164 background: #FFD991;
167 .censoredtext {
168 color:#000000;
169 background:#000000;
173 /* kept for backward compatibility with some non-standard modules
174 which use these classes for various things */
175 .generaltab, .generaltabinactive {
176 background-color:#BBBBBB;
178 .generaltabselected {
179 background-color:#DDDDDD;
181 .generaltabinactive {
182 color:#CCCCCC;
186 .generaltable .cell {
187 background-color:#FFFFFF;
188 border-color:#EEEEEE;
191 .generaltable {
192 border-color:#EEEEEE;
197 /***
198 *** Header
199 ***/
201 .breadcrumb .sep, #admin-report-simpletest-index .sep {
202 color:#aaa;
205 .headerskip a:link,
206 .headerskip a:visited,
207 .headerskip a:hover {
208 color: #FFF;
211 .navigation select {
212 background-color:#FFFFFF;
215 .navigation optgroup {
216 background-color:#EEEEEE;
219 .navigation optgroup option {
220 background-color:#FFFFFF;
223 /***
224 *** Footer
225 ***/
227 /*Accessibility: .debugwarn */
228 .debugwarn {
229 text-align: center;
230 background: #FDD;
233 .homelink a:link,
234 .homelink a:visited,
235 .homelink a:hover {
236 color: #000;
237 text-decoration: none;
239 .homelink a:link,
240 .homelink a:visited {
241 border-top: 1px solid #cecece;
242 border-bottom: 2px solid #4a4a4a;
243 border-left: 1px solid #cecece;
244 border-right: 2px solid #4a4a4a;
246 .homelink a:hover {
247 border-bottom: 1px solid #cecece;
248 border-top: 2px solid #4a4a4a;
249 border-right: 1px solid #cecece;
250 border-left: 2px solid #4a4a4a;
254 /***
255 *** Admin
256 ***/
258 .admin .generalbox {
259 border-color:#BBBBBB;
260 background-color:#EEEEEE;
263 .admin .informationbox {
264 border-color:#BBBBBB;
265 background-color:#FFFFFF;
268 body#admin-index .c0 {
269 background-color: #FAFAFA;
272 body#admin-blocks table#blocks .r0,
273 body#admin-blocks table#incompatible .r0 {
274 background-color: #f0f0f0;
277 body#admin-blocks table#blocks .r1,
278 body#admin-blocks table#incompatible .r1 {
279 background-color: #fafafa;
282 body#admin-blocks table#incompatible td.c0 {
283 color: #ff0000;
286 table.flexible .r0 {
287 background-color: #f0f0f0;
290 table.flexible .r1 {
291 background-color: #fafafa;
294 #admin-report-simpletest-index span.notice {
295 color: teal;
298 #admin-report-simpletest-index b.pass {
299 color: green;
302 #admin-report-simpletest-index b.fail, b.exception {
303 color: red;
306 #admin-report-simpletest-index .exception, .exception pre {
307 background-color: #fdd;
310 #admin-report-simpletest-index .unittestsummary {
311 color: white;
314 #admin-report-simpletest-index .unittestsummary.fail {
315 background-color: red;
318 #admin-report-simpletest-index .unittestsummary.pass {
319 background-color: green;
322 #adminsettings fieldset {
323 background-color: #EEE;
324 border-color: #BBB;
325 color: #000;
328 #adminsettings .form-shortname {
329 color: #888;
332 .block_admin_tree.sideblock .link.current {
333 background-color:#EEEEEE;
336 #admin-lang .translator {
337 border-color: #dddddd;
340 #admin-lang .translator tr.r0 {
341 background-color: #f0f0f0;
344 #admin-lang .translator tr.r1 {
345 background-color: #fafafa;
348 #admin-lang .translator .strkey {
349 color: #666666;
352 #admin-lang .translator .bothmissing {
353 background-color: #ef6868;
356 #admin-lang .translator .mastermissing {
357 background-color: #feff7f;
360 #admin-lang .translator .localdifferent {
361 background-color: #aaffaa;
364 .environmenttable .error {
365 background-color : red;
366 color : inherit;
369 .environmenttable .warn {
370 background-color : yellow;
373 .environmenttable .ok {
374 background-color : lightgreen;
376 /***
377 *** Blocks
378 ***/
380 .sideblock .header {
381 border-color: #dddddd;
384 .sideblock .content {
385 border-color: #dddddd;
386 background-color:#FCFCFC;
389 .sideblock .content hr {
390 border-top-color:#999999;
393 #left-column .hidden .header,
394 #right-column .hidden .header
396 border-bottom-color: #dddddd;
399 .sideblock .header .hide-show img.hide-show-image {
400 background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
403 .sideblock.hidden .header .hide-show img.hide-show-image {
404 background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
409 /***
410 *** Blogs
411 ***/
413 .blogpost.blogdraft .content {
414 background-color:#EEEEEE;
417 .block_blog_tags .official {
418 color: #0000cc;
421 .block_blog_tags .personal {
422 color: #666699;
426 /***
427 *** Calendar
428 ***/
430 #calendar .maincalendar,
431 #calendar .sidecalendar {
432 border-color: #DDDDDD;
435 #calendar .maincalendar table.calendarmonth th {
436 border-color: #000000;
439 table.minicalendar {
440 border-color: #DDDDDD;
443 #calendar .maincalendar .eventlist .event {
444 border-color:#DDDDDD;
447 #calendar .maincalendar .eventlist .event .topic,
448 #calendar .maincalendar .eventlist .event .picture,
449 #calendar .maincalendar .eventlist .event .side {
450 background-color:#EEEEEE;
453 #calendar .maincalendar table.calendarmonth ul.events-underway {
454 color:#999999;
457 /*Accessibility: increase contrast, darker link/weekend colors, lighter event backgrounds. */
458 .minicalendar a,
459 .calendarmonth a {
460 color:#000077;
463 #calendar .event_global,
464 .minicalendar .event_global,
465 .block_calendar_month .event_global {
466 border-color:#D6F8CD !important; /* #C5E7BC */
467 background-color:#D6F8CD;
470 #calendar .event_course,
471 .minicalendar .event_course,
472 .block_calendar_month .event_course {
473 border-color:#FFD3BD !important; /* #EEC2AC */
474 background-color:#FFD3BD;
477 #calendar .event_course0,
478 .minicalendar .event_course0,
479 .block_calendar_month .event_course0 {
480 border-color:#FFD3BD !important; /* #EEC2AC */
481 background-color:#FFD3BD;
484 #calendar .event_course1,
485 .minicalendar .event_course1,
486 .block_calendar_month .event_course1 {
487 border-color:#99CCFF !important; /* #EEC2AC */
488 background-color:#99CCFF;
491 #calendar .event_course2,
492 .minicalendar .event_course2,
493 .block_calendar_month .event_course2 {
494 border-color:#FFFFCC !important; /* #EEC2AC */
495 background-color:#FFFFCC;
498 #calendar .event_group,
499 .minicalendar .event_group,
500 .block_calendar_month .event_group {
501 border-color:#FEE7AE !important; /* #EDD69D */
502 background-color:#FEE7AE;
505 #calendar .event_user,
506 .minicalendar .event_user,
507 .block_calendar_month .event_user {
508 border-color:#DCE7EC !important; /* #CBD6DB */
509 background-color:#DCE7EC;
512 #calendar .duration_global,
513 .minicalendar .duration_global {
514 border-top-color:#66D14D !important;
515 border-bottom-color:#66D14D !important;
518 #calendar .duration_course,
519 .minicalendar .duration_course {
520 border-top-color:#FF9966 !important;
521 border-bottom-color:#FF9966 !important;
524 #calendar .duration_course0,
525 .minicalendar .duration_course0 {
526 border-top-color:#FF9966 !important;
527 border-bottom-color:#FF9966 !important;
530 #calendar .duration_course1,
531 .minicalendar .duration_course1 {
532 border-top-color:#0099FF !important;
533 border-bottom-color:#0099FF !important;
536 #calendar .duration_course2,
537 .minicalendar .duration_course2 {
538 border-top-color:#FFFF00 !important;
539 border-bottom-color:#FFFF00 !important;
542 #calendar .duration_group,
543 .minicalendar .duration_group {
544 border-top-color:#FBBB23 !important;
545 border-bottom-color:#FBBB23 !important;
548 #calendar .duration_user,
549 .minicalendar .duration_user {
550 border-top-color:#A1BECB !important;
551 border-bottom-color:#A1BECB !important;
554 #calendar .weekend,
555 .minicalendar .weekend {
556 color:#990000;
559 #calendar .today,
560 .minicalendar .today {
561 border-color:#444444;
564 #calendar .nottoday,
565 .minicalendar .nottoday {
566 border-color:#eeeeee;
569 .cal_popup_fg {
570 background-color:#FFFFFF;
573 .cal_popup_bg {
574 border-color:#000000;
575 background-color:#FFFFFF;
578 #calendar .maincalendar .filters table,
579 #calendar .sidecalendar .filters table,
580 .block_calendar_month .filters table {
581 background-color: #EEEEEE;
584 #calendar td.sidecalendar .sideblock {
585 border-color: #DDDDDD;
589 /***
590 *** Course
591 ***/
593 /* course, entry-page, login */
594 .headingblock {
595 border-color:#DDDDDD;
598 /* course */
599 .headingblock .outline {
600 border-color:#DDDDDD;
603 #course-view .weekscss .section,
604 #course-view .section td {
605 border-color:#DDDDDD;
608 /* .content should match the body background, sides are white. */
609 #course-view .weekscss .content {
610 background: #FAFAFA;
613 #course-view .weekscss .section,
614 #course-view .section td.side {
615 background: #FFFFFF;
618 #course-view .section .side {
621 #course-view .section .left {
624 #course-view .section .right {
627 #course-view .weekscss .current,
628 #course-view .current td.side {
629 background: #FFD991;
632 #course-view .weekscss .hidden,
633 #course-view .hidden td.side {
634 background: #DDDDDD;
638 #course-view .topics {
641 #course-view .weeks {
644 #course-view .section .spacer {
647 #course-view .section .weekdates {
648 color: #777777;
651 #course-view .weekscss .weekdates {
652 color: #333333;
655 .categoryboxcontent,
656 .coursebox {
657 border-color:#DDDDDD;
659 body#course-user .section {
660 border-color:#AAAAAA;
663 #admin-report .plugin,
664 #course-report .plugin,
665 #course-import .plugin {
666 margin-bottom: 20px;
667 margin-left:10%;
668 margin-right:10%;
670 border-bottom: 1px solid #cecece;
671 border-top: 1px solid #cecece;
672 border-right: 1px solid #cecece;
673 border-left: 1px solid #cecece;
675 background-color: #fdfdfd;
679 /***
680 *** Doc
681 ***/
683 /***
684 *** Grades
685 ***/
687 body#grade-index .grades {
688 border-color:black;
691 body#grade-index .grades td {
692 border-color:#e0e0e0;
695 body#grade-index .grades .r0 {
696 background-color: #ffffff;
699 body#grade-index .grades .r1 {
700 background-color: #f0f0f0;
703 /* new grades css*/
705 .grade-report-grader .catlevel1 {
706 background-color: #ffffff;
708 .grade-report-grader .catlevel2 {
709 background-color: #eeeeee;
711 .grade-report-grader .catlevel3 {
712 background-color: #dddddd;
715 .grade-report-grader td.overridden {
716 background-color: #dddddd;
719 /***
720 *** Login
721 ***/
723 .loginbox,
724 .loginbox.twocolumns .loginpanel,
725 .loginbox .subcontent {
726 border-color:#DDDDDD;
730 /***
731 *** Message
732 ***/
734 table.message_search_results td {
735 border-color:#DDDDDD;
738 .message.other .author {
739 color: #8888CC;
742 .message.me .author {
743 color: #999999;
746 .message .time {
747 color: #999999;
750 .message .content {
753 /***
754 *** Question
755 ***/
757 .que {
758 border-color: #DDD;
760 .que .r0 {
761 background-color: #F5F5F5;
763 .que .r1 {
764 background-color: #EEE;
766 .calculated .answer,
767 .numerical .answer,
768 .shortanswer .answer {
769 background-color: #EEE;
771 .que .feedback {
772 border-color: #DDD;
774 .que .incorrect {
775 background-color: #faa;
777 .que .partiallycorrect {
778 background-color: #ff9;
780 .que .correct {
781 background-color: #afa;
785 /***
786 *** Logs
787 ***/
789 .logtable .r1 {
790 background-color:#EEEEEE;
794 /***
795 *** Tabs
796 ***/
800 /***
801 *** User
802 ***/
804 .userpicture {
807 .userinfobox {
808 border-color: #DDDDDD;
810 .groupinfobox {
811 border-color: #DDDDDD;
814 /***
815 *** Modules: Chat
816 ***/
818 #mod-chat-gui_basic .text,
819 #mod-chat-gui_header_js-jsupdate .text {
820 color:#000
823 #mod-chat-gui_basic .event,
824 #mod-chat-gui_basic .title,
825 #mod-chat-gui_header_js-jsupdate .event,
826 #mod-chat-gui_header_js-jsupdate .title {
827 color:#888
830 #mod-chat-gui_header_js-chatinput .wait {
831 background: #dddddd;
834 #mod-chat-view #chatcurrentusers .idletime {
835 color: #888888;
838 /***
839 *** Modules: Choice
840 ***/
842 /***
843 *** Modules: Forum
844 ***/
846 .forumheaderlist,
847 .forumpost {
848 border-color:#DDDDDD;
851 .forumpost .content {
852 background: #FFFFFF;
855 .forumpost .left {
856 background:#EEEEEE;
859 .forumpost .topic {
860 border-bottom-color: #EEEEEE;
863 .forumpost .starter {
864 background:#DDDDDD;
867 .forumheaderlist .discussion .starter {
868 background:#DDDDDD;
871 .forumheaderlist td {
872 border-color: #FFFFFF;
875 .sideblock .post .head {
876 color:#555555;
879 .forumthread .unread {
880 background: #FFD991;
882 #mod-forum-discuss .forumpost {
883 background: none;
886 #mod-forum-discuss .forumpost.unread .content {
887 border-color: #FFD991;
890 #mod-forum-discuss .forumthread .unread {
893 #mod-forum-index .unread {
897 /***
898 *** Modules: Glossary
899 ***/
901 .entryboxheader {
902 border-color: #BBBBBB;
905 .entrybox {
906 border-color: #BBBBBB;
909 .entry {
912 .glossarypost {
913 border-color: #DDDDDD;
916 .glossarypost .entryheader,
917 .glossarypost .entryapproval,
918 .glossarypost .picture,
919 .glossarypost .entryattachment,
920 .glossarypost .left {
921 background-color: #F0F0F0;
924 .glossarycomment {
925 border-color: #DDDDDD;
928 .glossarycomment .entryheader,
929 .glossarycomment .picture,
930 .glossarycomment .left {
931 background-color: #F0F0F0;
935 #mod-glossary-report .generalbox .teacher {
936 background: #F0F0F0;
939 .glossarycategoryheader {
940 background-color: #dddddd;
943 .glossaryformatheader {
944 background-color: #dddddd;
948 /***
949 *** Modules: Journal
950 ***/
952 #mod-journal-view .feedbackbox .left,
953 #mod-journal-view .feedbackbox .entryheader {
954 background-color: #dddddd;
957 /***
958 *** Modules: Label
959 ***/
961 /***
962 *** Modules: Lesson
963 ***/
965 /***
966 *** Modules: Quiz
967 ***/
969 table.quizattemptsummary .bestrow td {
970 background-color: #e8e8e8;
973 table.quizreviewsummary th.cell {
974 background: #f0f0f0;
976 table.quizreviewsummary td.cell {
977 background: #fafafa;
980 /***
981 *** Modules: Resource
982 ***/
984 .ims-nav-dimmed {
985 color: #AAAAAA;
986 text-decoration: none;
989 .ims-nav-button a:link,
990 .ims-nav-button a:visited,
991 .ims-nav-button a:hover {
992 color: #000;
993 text-decoration: none;
996 .ims-nav-dimmed,
997 .ims-nav-button a:link,
998 .ims-nav-button a:visited {
999 border-top: 1px solid #cecece;
1000 border-bottom: 2px solid #4a4a4a;
1001 border-left: 1px solid #cecece;
1002 border-right: 2px solid #4a4a4a;
1005 .ims-nav-button a:hover {
1006 border-bottom: 1px solid #cecece;
1007 border-top: 2px solid #4a4a4a;
1008 border-right: 1px solid #cecece;
1009 border-left: 2px solid #4a4a4a;
1012 #ims-contentframe,
1013 #ims-contentframe-no-nav {
1014 border-color: #cecece;
1018 /***
1019 *** Modules: Scorm
1020 ***/
1022 /***
1023 *** Modules: Survey
1024 ***/
1026 #mod-survey-view .r0 {
1027 background-color: #EEEEEE;
1029 #mod-survey-view .r1 {
1030 background-color: #DDDDDD;
1034 /***
1035 *** Modules: Wiki
1036 ***/
1038 /***
1039 *** Modules: Workshop
1040 ***/
1042 .workshoppostpicture {
1043 background-color:#FEE6B9;
1046 .workshopassessmentheading {
1047 background-color:#DDDDDD;
1050 .error {
1051 color:#ff0000;
1054 #admin-roles-override .capcurrent {
1055 background-color:#FFFFFF;
1056 border: 1px solid #cecece;
1059 #admin-roles-manage .capdefault {
1060 background-color:#dddddd;
1061 border: 1px solid #cecece;
1064 #admin-roles-manage .rolecap,
1065 #admin-roles-override .rolecap {
1066 border:none;
1067 border-bottom:1px solid;
1068 border-bottom-color: #cecece;
1071 #admin-roles-manage .rolecap .cap-desc .cap-name,
1072 #admin-roles-override .rolecap .cap-desc .cap-name {
1073 color: #888;
1076 form.mform .required label {
1077 color:#a00;
1079 form.mform .fdescription.required {
1080 color:#a00;
1083 #help hr {
1084 border: none;
1085 height: 1px;
1086 background: #ccc;
1088 #help .example1 {
1089 color: #a00;
1090 }#help .success {
1091 color: #080;
1093 #help .center {
1094 text-align: center;