2a9aa1e34e6c66ada629a332aa0e2b00b619fa03
[moodle.git] / theme / standard / styles_color.css
1 /************************************************* 
2 ***
3 *** color
4 ***
5 **************************************************/
7 /*************************************************
8 ***
9 *** This CSS file contains all color definitions
10 *** like background-color, font-color,
11 *** border-color etc.
12 ***
13 *** Shortindex:
14 *** basic and general styles
15 *** header and footer styles
16 *** content styles (alphabetically)
17 *** admin, course, activities, calendar, blocks
18 *** 
19 *** Please sort new styles for existing content
20 *** into the appropriate part of this CSS file.
21 *** Styles for new Blocks or Activities please
22 *** place at the end.
23 *** Wouldn't the alphabetical order be better?
24 ***
25 **************************************************/
28 /* basic styles */
29 a:link,
30 a:visited {
31     color:#0000FF;
32 }
34 a.dimmed:link,
35 a.dimmed:visited {
36     color:#AAAAAA;
37 }
39 a:hover {
40     color:#FF0000;
41 }
43 a.autolink:link,
44 a.autolink:visited {
45     color:#000000;
46     background: #DDDDDD;
47 }
49 a.autolink.glossary:hover {
50     cursor: help;
51 }
53 .tablink a:link,
54 .tablink a:visited {
55     color:#000066;
56 }
58 .tablink a:hover {
59     text-decoration: none;
60 }
62 .selected .tablink a:link,
63 .selected .tablink a:visited {
64     color:#000000;
65 }
68 /* general styles */
69 body {
70     background-color:#FAFAFA;
71 }
73 th.header,
74 td.header {
75     background-color:#DDDDDD;
76 }
78 .highlight {
79     background-color:#AAFFAA; /* highlight */
80 }
82 .highlight2 {
83     color:#AA0000; /* highlight missing terms in forum search */
84 }
86 /* Alternate rows even */
87 .r0 {  
88 }
90 /* Alternate rows odd */
91 .r1 {  
92 }
94 /* notification messages (can be good or bad) */
95 .notifyproblem {
96     color:#660000;
97     padding: 10px;
98     text-align: center;
99 }
101 .notifysuccess {
102     color:#006600;
103     padding: 10px;
104     text-align:center;
107 .required {
108     background-color:#DDDDDD;
112 /* header styles */
115 /* footer styles */
118 /*****************************
119 ***
120 *** content styles
121 ***
122 ******************************/
123 /* many places */
124 .generalbox {
125     border-color:#DDDDDD; /* borders */
127 .informationbox {
128     border-color:#DDDDDD; /* borders */
130 .feedbackbox {
131     border-color: #888888; /* borders */
133 .feedbackby {
134     background-color:#BBBBBB;
136 .userpicture {
137     background:#EEEEEE; 
140 .admin .generalboxcontent {
141     background-color:#EEEEEE; 
143 .admin .generalbox {
144     border-color:#BBBBBB; 
147 .admin .informationbox {
148     border-color:#BBBBBB; 
149     background-color:#FFFFFF; 
152 .noticebox {
153     border-color:#DDDDDD; /* borders */
156 .errorbox {
157     color:#ffffff;
158     border-color:#660000;
159     background-color:#990000;
162 .loginbox .content {
163     border-color:#DDDDDD; /* borders */
166 /* summary of a user in a nice little box - weblib.php */
167 .userinfobox {
168     border-color:#DDDDDD; /* borders */
172 /* weblib.php table */
173 .tabledivider {
174     border-color:#DDDDDD; /* borders */
178 /* entry-page index.php */ 
179 .sitetopic {
180     background-color:#FFFFFF; /* cellheading */
181     border-color:#DDDDDD; /* borders */
185 /*****************************
186 ***
187 *** Admin
188 ***
189 ******************************/
190 /* admin, calednder, course */
191 .dimmed_text {
192     color:#AAAAAA;
196 /*****************************
197 ***
198 *** Course
199 ***
200 ******************************/
201 /* course, entry-page, login */
202 .headingblock {
203     border-color:#DDDDDD; /* borders */
207 /* course */
208 .headingblock .outline {
209     border-color:#DDDDDD; /* borders */
212 #course-view .section td {
213     border-color:#DDDDDD;
216 #course-view .section .content {
219 #course-view .section .side {
220     background: #EEEEEE;
223 #course-view .section .left {
226 #course-view .section .right {
229 #course-view .current .side{
230     background: #FFD991;
233 #course-view .topics {
236 #course-view .weeks {
239 #course-view .section .spacer {
242 #course-view .section .weekdates {
243     color:#AAAAAA;
246 .categoryboxcontent,
247 .courseboxcontent {
248     border-color:#DDDDDD; /* borders */
249     background: #FFFFFF;
253 /* user */
255 .userinfobox {
256     border-color: #DDDDDD;
257     background-color: #F7F7F7;
262 /*****************************
263 ***
264 *** Activities
265 ***
266 ******************************/
267 /* assignment, forum, glossary */
268 .forumheaderlist,
269 .forumpost {
270     border-color:#DDDDDD; /* borders */
273 .forumpost .content {
274     background: #FFFFFF;
277 .forumpost .left {
278     background:#EEEEEE; 
281 .forumpost .topic {
282     border-style:solid; /* borders */
283     border-width: 0px;
284     border-bottom-color: #EEEEEE;
285     border-bottom-width: 1px;
288 .forumpost .starter {
289     background:#DDDDDD; 
292 .forumheaderlist .discussion .starter {
293     background:#DDDDDD; 
296 .forumheaderlist td {
297     border-color: #FFFFFF;
301 /* survey */
302 #mod-survey-view .r0 {
303     background-color: #EEEEEE;
305 #mod-survey-view .r1 {
306     background-color: #DDDDDD;
310 /* assignment */
311 .assignmentsubmission {
314 .assignmentnew .assignmentfeedback{
315     background-color:#DDDDDD; /* cellheading2 */
316 }   
317     
318 .assignmentold .assignmentfeedback{
319     background-color:#BBBBBB; /* cellheading */
322 .assignmentheading {
323     background-color:#BBBBBB; /* cellheading */
327 /* workshop */
329 .workshoppostpicture {
330     background-color:#FEE6B9; /* cellcontent2 */
333 .workshopassessmentheading {
334     background-color:#DDDDDD; /* cellheading2 */
338 /* glossary, wiki */
339 .entryboxheader {
340     border-color: #BBBBBB;
343 .entrybox {
344     border-color: #BBBBBB;
347 .entry {
350 .glossarypost {
351     border-color: #DDDDDD;
354 .glossarypost .entryheader,
355 .glossarypost .entryapproval,
356 .glossarypost .picture,
357 .glossarypost .entryattachment,
358 .glossarypost .left {
359     background-color: #F0F0F0;
362 .glossarycomment {
363     border-color: #DDDDDD;
366 .glossarycomment .entryheader,
367 .glossarycomment .picture,
368 .glossarycomment .left {
369     background-color: #F0F0F0;
374 .generaltab, .generaltabinactive {
375     background-color:#BBBBBB; /* cellheading */
378 .generaltabselected {
379     background-color:#DDDDDD; /* cellheading2 */
382 .generaltabinactive {
383     color:#CCCCCC;
388 #mod-glossary-report .generalbox .teacher {
389     background: #F0F0F0;
395 /* lang, forum */
396 .teacheronly {
397     color:#990000;
400 .sideblock .post .head {
401     color:#555555;
404 .forumthread .unread {
405     background: #FFD991;
408 .unread {
409     background: #FFD991;
410
412 #mod-forum-view .unread {
413     padding-left: 3px;
414     padding-right: 3px;
417 #mod-forum-discuss .forumpost {
418     background: none;
421 #mod-forum-discuss .unread .forumpostmessage {
422     border-style: solid; 
423     border-color: #FFD991; 
424     border-width: 2px; 
425
427 #mod-forum-discuss .forumthread .unread {
428
430 #mod-forum-index .unread {
433 /* message */
434 table.message_search_results td {
435     border-color:#DDDDDD; /* borders */
439 /* quiz */
441 body#mod-quiz-report table#attempts td {
442     border-color: #dddddd;
444 body#mod-quiz-report table#attempts .r1 {
445     background-color: #eeeeee;
450 /*****************************
451 ***
452 *** Calendar
453 ***
454 ******************************/
456 #calendar .maincalendar,
457 #calendar .sidecalendar
459     border-color: #DDDDDD;
462 #calendar .maincalendar table.calendarmonth th {
463     border-color: #000000;
466 table.minicalendar {
467     border-color:#DDDDDD;
470 #calendar .maincalendar .eventlist .event {
471     border-color:#DDDDDD;
474 #calendar .maincalendar .eventlist .event .topic,
475 #calendar .maincalendar .eventlist .event .picture,
476 #calendar .maincalendar .eventlist .event .side
478     background-color:#EEEEEE;
481 #calendar .maincalendar table.calendarmonth ul.events-underway {
482     color:#999999;
485 #calendar .event_global,
486 .minicalendar .event_global,
487 .block_calendar_month .event_global {
488     border-color:#2EBA0E !important;
489     background-color:#2EBA0E;
492 #calendar .event_course,
493 .minicalendar .event_course,
494 .block_calendar_month .event_course {
495     border-color:#FF9966 !important;
496     background-color:#FF9966;
499 #calendar .event_group,
500 .minicalendar .event_group,
501 .block_calendar_month .event_group {
502     border-color:#FBBB23 !important;
503     background-color:#FBBB23;
506 #calendar .event_user,
507 .minicalendar .event_user,
508 .block_calendar_month .event_user {
509     border-color:#A1BECB !important;
510     background-color:#A1BECB;
513 #calendar .duration_global,
514 .minicalendar .duration_global {
515     border-top-color:#2EBA0E !important;
516     border-bottom-color:#2EBA0E !important;
519 #calendar .duration_course,
520 .minicalendar .duration_course {
521     border-top-color:#FF9966 !important;
522     border-bottom-color:#FF9966 !important;
525 #calendar .duration_group,
526 .minicalendar .duration_group {
527     border-top-color:#FBBB23 !important;
528     border-bottom-color:#FBBB23 !important;
531 #calendar .duration_user,
532 .minicalendar .duration_user {
533     border-top-color:#A1BECB !important;
534     border-bottom-color:#A1BECB !important;
537 #calendar .weekend,
538 .minicalendar .weekend {
539     color:#FF0000;
542 #calendar .today,
543 .minicalendar .today {
544     border-color:#000000 !important;
547 .cal_popup_fg {
548     background-color:#FFFFFF; /* cellcontent */
551 .cal_popup_bg {
552     border-color:#000000;
553     background-color:#FFFFFF;
557 /*****************************
558 ***
559 *** Blocks
560 ***
561 ******************************/
562 /* block_rss_client.php */
563 .rssclientlink {
564     border-top-color:#DDDDDD;
567 .rssclientdescription {
568     color:#555555;
572 /* sideblock */
573 /* calendar, weblib.php, wiki */
574 .sideblock {
575     border-color:#DDDDDD; /* borders */
578 .sideblock .header {
581 .sideblock .content {
582     background-color:#FCFCFC;
585 .sideblock .content hr {
586     border-top-color:#999999;
589 .sideblock .list {
593 /* Messaging */
594 .message .author {
595     color: #999999;
598 .message .time {
599     color: #999999;
602 .message .content {
605 .censoredtext {
606     color:#000000;
607     background:#000000;