Adding some more tests about adding and dropping keys
[moodle.git] / theme / oceanblue / styles_color.css
1 /*******************************************************************
2  styles_color.css
3   
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   tabs
21   user
23   various modules
25 *******************************************************************/
27 /***
28  ***  Core
29  ***/
31 a:link,
32 a:visited {
33   color:#0000FF;
34 }
36 a.dimmed:link,
37 a.dimmed:visited {
38   color:#AAAAAA;
39 }
41 a:hover {
42   color:#FF0000;
43 }
45 a.autolink:link,
46 a.autolink:visited {
47   color:#000000;
48   background-color: #DDDDDD;
49 }
51 a.autolink.glossary:hover {
52   cursor: help;
53 }
55 img.userpicture,
56 img.grouppicture {
57   border-color:#000
58 }
60 .block_online_users .listentry img {
61   border:#888
62 }
64 body {
65   background-color:#AAAAFF;
66   color:#000066;
67 }
69 th.header,
70 td.header,
71 div.header {
72   background-color:#AAAAFF;
73   border-color:#9999FF;
74 }
76 .navbar {
77   background-color:#AAAAFF;
78   border-color:#AAAAFF;
79 }
81 table.formtable tbody th {
82   background-color: none;
83 }
85 .highlight {
86   background-color:#AAFFAA;
87 }
89 .highlight2 {
90   color:#AA0000;/* highlight missing terms in forum search */
91 }
93 /* Alternate rows even */
94 .r0 {  
95 }
97 /* Alternate rows odd */
98 .r1 {  
99 }
101 /* notification messages (can be good or bad) */
102 .notifyproblem {
103   color:#660000;
105 .notifysuccess {
106   color:#006600;
109 .required {
110   background-color:#DDDDDD;
113 .generalbox .generalboxcontent {
114   border-color:#9999FF;
115   background-color:#FFFFFF;
118 .informationbox {
119   border-color:#9999FF;
122 .feedbackbox {
123   border-color: #888888;
125 .feedbackby {
126   background-color:#BBBBBB;
129 .noticebox {
130   border-color:#9999FF;
133 .errorbox {
134   color:#ffffff;
135   border-color:#660000;
136   background-color:#990000;
139 .errorboxcontent {
140   background-color:#FFBBBB;
143 .tabledivider {
144   border-color:#9999FF;
147 .sitetopic {
150 .sitetopiccontent {
151   border-color:#DDDDDD;
152   background-color:#FFFFFF;
153   border-color:#9999FF;
156 .dimmed_text {
157   color:#AAAAAA;
160 .teacheronly {
161   color:#990000;
164 .unread {
165   background-color: #FFD991;
166
168 .censoredtext {
169   color:#000000;
170   background-color:#000000;
174 /* kept for backward compatibility with some non-standard modules
175    which use these classes for various things */
176 .generaltab, .generaltabinactive {
177   background-color:#BBBBBB;
179 .generaltabselected {
180   background-color:#DDDDDD;
182 .generaltabinactive {
183   color:#CCCCCC;
188 /***
189  *** Header
190  ***/
192 .breadcrumb .sep {
193   color:#6666CC;
195 /***
196  *** Footer
197  ***/
199 .homelink a:link,
200 .homelink a:visited {
201   background-color: #FFFFFF;
202   color: #000066;
203   border-top: 1px solid #cecece;
204   border-bottom: 2px solid #4a4a4a;
205   border-left: 1px solid #cecece;
206   border-right: 2px solid #4a4a4a;
210 /***
211  *** Admin
212  ***/
214 .admin .informationbox {
215   border-color:#BBBBBB;
216   background-color:#FFFFFF;
219 body#admin-index .c0 {
220   background-color: #FAFAFA;
223 body#admin-blocks table#blocks .r0,
224 body#admin-blocks table#incompatible .r0 {
225   background-color: #f0f0f0;
228 body#admin-blocks table#blocks .r1,
229 body#admin-blocks table#incompatible .r1 {
230   background-color: #fafafa;
233 body#admin-blocks table#incompatible td.c0 {
234   color: #ff0000;
237 table.flexible  .r0 {
238   background-color: #f0f0f0;
241 table.flexible .r1 {
242   background-color: #fafafa;
245 body#admin-lang .generalbox {
246   border-color:#9999FF;
247   background-color:#FFFFFF;
250 fieldset.adminsettings {
251     background-color: #FFFFFF;
252     border-color: #9999FF;
255 fieldset.adminsettings .form-shortname {
256     color: #0000FF;
259 /***
260  *** Blocks
261  ***/
263 .sideblock {
264   border-color:#9999FF;
267 .sideblock .header {
268   border-color: #dddddd;
271 .sideblock .content {
272   border-color: #dddddd;
273   background-color:#FCFCFC;
276 .sideblock .content hr {
277   border-top-color:#999999;
280 #left-column .hidden .header,
281 #right-column .hidden .header
283   border-bottom-color: #dddddd;
286 .sideblock .header .hide-show img.hide-show-image {
287   background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
290 .sideblock.hidden .header .hide-show img.hide-show-image {
291   background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
294 .blockconfigtable {
295   background-color:#FFFFFF;
296   border-left:1px solid;
297   border-right:1px solid;
298   border-bottom:1px solid;
299   border-color:#AAAAAA;
303 /***
304  *** Blogs
305  ***/
307 .blogpost.blogdraft .content {
308   background-color:#FFFFFF;
311 .block_blog_tags .official {
312   color: #0000FF;
315 .block_blog_tags .personal {
316   color: #0066CC;
320 /***
321  *** Calendar
322  ***/
324 #calendar .maincalendar,
325 #calendar .sidecalendar {
326   border-color: #DDDDDD;
327   background-color:#FFFFFF;
330 #calendar .maincalendar table.calendarmonth th {
331   border-color: #000000;
334 table.minicalendar {
335   border-color:#9999FF;
338 #calendar .maincalendar .eventlist .event {
339   border-color:#9999FF;
342 #calendar .maincalendar .eventlist .event .topic,
343 #calendar .maincalendar .eventlist .event .picture,
344 #calendar .maincalendar .eventlist .event .side {
345   background-color:#FFFFFF;
348 #calendar .maincalendar table.calendarmonth ul.events-underway {
349   color:#999999;
352 #calendar .event_global,
353 .minicalendar .event_global,
354 .block_calendar_month .event_global {
355   border-color:#2EBA0E !important;
356   background-color:#2EBA0E;
359 #calendar .event_course,
360 .minicalendar .event_course,
361 .block_calendar_month .event_course {
362   border-color:#FF9966 !important;
363   background-color:#FF9966;
366 #calendar .event_group,
367 .minicalendar .event_group,
368 .block_calendar_month .event_group {
369   border-color:#FBBB23 !important;
370   background-color:#FBBB23;
373 #calendar .event_user,
374 .minicalendar .event_user,
375 .block_calendar_month .event_user {
376   border-color:#A1BECB !important;
377   background-color:#A1BECB;
380 #calendar .duration_global,
381 .minicalendar .duration_global {
382   border-top-color:#2EBA0E !important;
383   border-bottom-color:#2EBA0E !important;
386 #calendar .duration_course,
387 .minicalendar .duration_course {
388   border-top-color:#FF9966 !important;
389   border-bottom-color:#FF9966 !important;
392 #calendar .duration_group,
393 .minicalendar .duration_group {
394   border-top-color:#FBBB23 !important;
395   border-bottom-color:#FBBB23 !important;
398 #calendar .duration_user,
399 .minicalendar .duration_user {
400   border-top-color:#A1BECB !important;
401   border-bottom-color:#A1BECB !important;
404 #calendar .weekend,
405 .minicalendar .weekend {
406   color:#FF0000;
409 #calendar .today,
410 .minicalendar .today {
411   border-color:#000000 !important;
414 .cal_popup_fg {
415   background-color:#FFFFFF;
418 .cal_popup_bg {
419   border-color:#000000;
420   background-color:#FFFFFF;
423 #calendar .maincalendar .filters table,
424 #calendar .sidecalendar .filters table,
425 .block_calendar_month .filters table {
426   background-color: #FFFFFF;
431 /***
432  *** Course
433  ***/
435 /* course, entry-page, login */
436 .headingblock {
437   border-color:#9999FF;
440 /* course */
441 .headingblock .outline {
442   border-color:#9999FF;
445 #course-view .section td {
446   border-color:#9999FF;
449 #course-view .section .content {
450   background-color: #FFFFFF;
453 #course-view .section .side {
454   background-color: #FFFFFF;
457 #course-view .section .left {
460 #course-view .section .right {
463 #course-view .current .side{
464   background-color: #FFD991;
467 #course-view .topics {
470 #course-view .weeks {
473 #course-view .section .spacer {
476 #course-view .section .weekdates {
479 .categoryboxcontent,
480 .courseboxcontent {
481   border-color:#9999FF;
482   background-color: #FFFFFF;
484 body#course-user .section {
485   border-color:#AAAAAA;
488 #course-report .plugin,
489 #course-import .plugin {
490   margin-bottom: 20px;
491   margin-left:10%;
492   margin-right:10%;
494   border-bottom: 1px solid #cecece;
495   border-top: 1px solid #cecece;
496   border-right: 1px solid #cecece;
497   border-left: 1px solid #cecece;
499   background-color: #fdfdfd;
503 /***
504  *** Doc
505  ***/
507 /***
508  *** Grades
509  ***/
511 body#grade-index .grades {
512   border-color:black;
515 body#grade-index .grades td {
516   border-color:#e0e0e0;
519 body#grade-index .grades .r0 {
520   background-color: #ffffff;
523 body#grade-index .grades .r1 {
524   background-color: #f0f0f0;
528 /***
529  *** Login
530  ***/
532 .loginbox .content {
533   border-color:#9999FF;
534   background-color: #FFFFFF;
538 /***
539  *** Message
540  ***/
542 table.message_search_results td {
543   border-color:#9999FF;
546 .message.other .author {
547   color: #8888CC;
550 .message.me .author {
551   color: #999999;
554 .message .time {
555   color: #999999;
558 .message .content {
561 /***
562  *** Logs
563  ***/
565 .logtable .r1 {
566   background-color:#FFFFFF;
570 /***
571  *** Tabs
572  ***/
574 .tablink a:link,
575 .tablink a:visited {
576   color:#888888;
579 .selected .tablink a:link,
580 .selected .tablink a:visited {
581   color:#000066;
583 .tabs .side,
584 .tabrow td {
585   border-color: #AAAAAA;
587 .tabrow td {
588   background:url(pix/tab/left.gif) top left no-repeat;
590 .tabrow td .tablink {
591   background:url(pix/tab/right.gif) top right no-repeat;
593 .tabrow td:hover {
594   background-image:url(pix/tab/left_hover.gif);
596 .tabrow td:hover .tablink {
597   background-image:url(pix/tab/right_hover.gif);
599 .tabrow .last {
600   background: transparent url(pix/tab/right_end.gif) top right no-repeat;
602 .tabrow .selected {
603   background:url(pix/tab/left_active.gif) top left no-repeat;
605 .tabrow .selected .tablink {
606   background:url(pix/tab/right_active.gif) top right no-repeat;
608 .tabrow td.selected:hover {
609   background-image:url(pix/tab/left_active_hover.gif);
611 .tabrow td.selected:hover .tablink {
612   background-image:url(pix/tab/right_active_hover.gif);
614 .tabs .r0,
615 .tabs .r1 {
616   background-color: #AAAAFF;
619 /***
620  *** User
621  ***/
623 .userpicture {
624   background-color: #FFFFFF;
627 .userinfobox {
628   border-color: #DDDDDD;
629   background-color: #FFFFFF;
631 .groupinfobox {
632   border-color: #DDDDDD;
635 #user-edit .formtable {
636   background-color: #FFFFFF;
639 /***
640  *** Modules: Chat
641  ***/
643 #mod-chat-gui_header_js-jsupdate .text {
644   color:#000
646 #mod-chat-gui_header_js-jsupdate .event,
647 #mod-chat-gui_header_js-jsupdate .title {
648   color:#888
651 /***
652  *** Modules: Choice
653  ***/
655 /***
656  *** Modules: Forum
657  ***/
659 .forumheaderlist,
660 .forumpost {
661   border-color:#9999FF;
664 .forumpost .content {
665   background-color: #FFFFFF;
668 .forumpost .left {
669   background-color:#EEEEEE;
672 .forumpost .topic {
673   border-bottom-color: #EEEEEE;
676 .forumpost .starter {
677   background-color:#EEEEEE;
680 .forumheaderlist .discussion .starter {
681   background-color:#EEEEEE;
684 .forumheaderlist td {
685   border-color: #FFFFFF;
688 .sideblock .post .head {
689   color:#555555;
692 .forumthread .unread {
693   background-color: #FFD991;
695 #mod-forum-discuss .forumpost {
696   background-color: none;
699 #mod-forum-discuss .forumpost.unread .content {
700   border-color: #FFD991;
701
703 #mod-forum-discuss .forumthread .unread {
704
706 #mod-forum-index .unread {
709 /***
710  *** Modules: Glossary
711  ***/
713 .entryboxheader {
714   border-color: #BBBBBB;
717 .entrybox {
718   border-color: #BBBBBB;
721 .entry {
724 .glossarypost {
725   border-color: #DDDDDD;
728 .glossarypost .entryheader,
729 .glossarypost .entryapproval,
730 .glossarypost .picture,
731 .glossarypost .entryattachment,
732 .glossarypost .left {
733   background-color: #F0F0F0;
736 .glossarycomment {
737   border-color: #DDDDDD;
740 .glossarycomment .entryheader,
741 .glossarycomment .picture,
742 .glossarycomment .left {
743   background-color: #F0F0F0;
747 .categoryheader {
748   background-color: #dddddd;
751 .glossaryformatheader {
752   background-color: #dddddd;
756 /***
757  *** Modules: Journal
758  ***/
760 #mod-journal-view .feedbackbox .left,
761 #mod-journal-view .feedbackbox .entryheader {
762   background-color: #dddddd;
765 /***
766  *** Modules: Label
767  ***/
769 /***
770  *** Modules: Lesson
771  ***/
773 /***
774  *** Modules: Quiz
775  ***/
777 body#mod-quiz-report table#attempts td {
778   border-color: #dddddd;
780 body#mod-quiz-report table#attempts .r1 {
781   background-color: #FFFFFF;
785 /***
786  *** Modules: Resource
787  ***/
789 #mod-resource-view table {
790   background-color: #FFFFFF;
792 .ims-nav-dimmed {
793   color: #AAAAAA;
794   text-decoration: none;
797 .ims-nav-button a:link,
798 .ims-nav-button a:visited,
799 .ims-nav-button a:hover {
800   color: #000;
801   text-decoration: none;
804 .ims-nav-dimmed,
805 .ims-nav-button a:link,
806 .ims-nav-button a:visited {
807   border-top: 1px solid #cecece;
808   border-bottom: 2px solid #4a4a4a;
809   border-left: 1px solid #cecece;
810   border-right: 2px solid #4a4a4a;
813 .ims-nav-button a:hover {
814   border-bottom: 1px solid #cecece;
815   border-top: 2px solid #4a4a4a;
816   border-right: 1px solid #cecece;
817   border-left: 2px solid #4a4a4a;
821 /***
822  *** Modules: Scorm
823  ***/
825 /***
826  *** Modules: Survey
827  ***/
829 #mod-survey-view .r0 {
830   background-color: #FFFFFF;
832 #mod-survey-view .r1 {
833   background-color: #DDDDDD;
837 /***
838  *** Modules: Wiki
839  ***/
841 /***
842  *** Modules: Workshop
843  ***/
845 .workshoppostpicture {
846   background-color:#FEE6B9;
849 .workshopassessmentheading {
850   background-color:#DDDDDD;
853 .error {
854   color:#ff0000;