New user tabs from Shane and myself ... these bring together the
[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 /* weblib.php table */
167 .tabledivider {
168     border-color:#DDDDDD; /* borders */
172 /* entry-page index.php */ 
173 .sitetopic {
174     background-color:#FFFFFF; /* cellheading */
175     border-color:#DDDDDD; /* borders */
179 /*****************************
180 ***
181 *** Admin
182 ***
183 ******************************/
184 /* admin, calednder, course */
185 .dimmed_text {
186     color:#AAAAAA;
190 /*****************************
191 ***
192 *** Course
193 ***
194 ******************************/
195 /* course, entry-page, login */
196 .headingblock {
197     border-color:#DDDDDD; /* borders */
201 /* course */
202 .headingblock .outline {
203     border-color:#DDDDDD; /* borders */
206 #course-view .section td {
207     border-color:#DDDDDD;
210 #course-view .section .content {
213 #course-view .section .side {
214     background: #EEEEEE;
217 #course-view .section .left {
220 #course-view .section .right {
223 #course-view .current .side{
224     background: #FFD991;
227 #course-view .topics {
230 #course-view .weeks {
233 #course-view .section .spacer {
236 #course-view .section .weekdates {
237     color:#AAAAAA;
240 .categoryboxcontent,
241 .courseboxcontent {
242     border-color:#DDDDDD; /* borders */
243     background: #FFFFFF;
247 /* user */
249 .userinfobox {
250     border-color: #DDDDDD;
251     background-color: #F7F7F7;
256 /*****************************
257 ***
258 *** Activities
259 ***
260 ******************************/
261 /* assignment, forum, glossary */
262 .forumheaderlist,
263 .forumpost {
264     border-color:#DDDDDD; /* borders */
267 .forumpost .content {
268     background: #FFFFFF;
271 .forumpost .left {
272     background:#EEEEEE; 
275 .forumpost .topic {
276     border-style:solid; /* borders */
277     border-width: 0px;
278     border-bottom-color: #EEEEEE;
279     border-bottom-width: 1px;
282 .forumpost .starter {
283     background:#DDDDDD; 
286 .forumheaderlist .discussion .starter {
287     background:#DDDDDD; 
290 .forumheaderlist td {
291     border-color: #FFFFFF;
295 /* survey */
296 #mod-survey-view .r0 {
297     background-color: #EEEEEE;
299 #mod-survey-view .r1 {
300     background-color: #DDDDDD;
304 /* assignment */
305 .assignmentsubmission {
308 .assignmentnew .assignmentfeedback{
309     background-color:#DDDDDD; /* cellheading2 */
310 }   
311     
312 .assignmentold .assignmentfeedback{
313     background-color:#BBBBBB; /* cellheading */
316 .assignmentheading {
317     background-color:#BBBBBB; /* cellheading */
321 /* workshop */
323 .workshoppostpicture {
324     background-color:#FEE6B9; /* cellcontent2 */
327 .workshopassessmentheading {
328     background-color:#DDDDDD; /* cellheading2 */
332 /* glossary, wiki */
333 .entryboxheader {
334     border-color: #BBBBBB;
337 .entrybox {
338     border-color: #BBBBBB;
341 .entry {
344 .glossarypost {
345     border-color: #DDDDDD;
348 .glossarypost .entryheader,
349 .glossarypost .entryapproval,
350 .glossarypost .picture,
351 .glossarypost .entryattachment,
352 .glossarypost .left {
353     background-color: #F0F0F0;
356 .glossarycomment {
357     border-color: #DDDDDD;
360 .glossarycomment .entryheader,
361 .glossarycomment .picture,
362 .glossarycomment .left {
363     background-color: #F0F0F0;
368 .generaltab, .generaltabinactive {
369     background-color:#BBBBBB; /* cellheading */
372 .generaltabselected {
373     background-color:#DDDDDD; /* cellheading2 */
376 .generaltabinactive {
377     color:#CCCCCC;
382 #mod-glossary-report .generalbox .teacher {
383     background: #F0F0F0;
389 /* lang, forum */
390 .teacheronly {
391     color:#990000;
394 .sideblock .post .head {
395     color:#555555;
398 .forumthread .unread {
399     background: #FFD991;
402 .unread {
403     background: #FFD991;
404
406 #mod-forum-view .unread {
407     padding-left: 3px;
408     padding-right: 3px;
411 #mod-forum-discuss .forumpost {
412     background: none;
415 #mod-forum-discuss .unread .forumpostmessage {
416     border-style: solid; 
417     border-color: #FFD991; 
418     border-width: 2px; 
419
421 #mod-forum-discuss .forumthread .unread {
422
424 #mod-forum-index .unread {
427 /* message */
428 table.message_search_results td {
429     border-color:#DDDDDD; /* borders */
433 /* quiz */
435 body#mod-quiz-report table#attempts td {
436     border-color: #dddddd;
438 body#mod-quiz-report table#attempts .r1 {
439     background-color: #eeeeee;
444 /*****************************
445 ***
446 *** Calendar
447 ***
448 ******************************/
450 #calendar .maincalendar,
451 #calendar .sidecalendar
453     border-color: #DDDDDD;
456 #calendar .maincalendar table.calendarmonth th {
457     border-color: #000000;
460 table.minicalendar {
461     border-color:#DDDDDD;
464 #calendar .maincalendar .eventlist .event {
465     border-color:#DDDDDD;
468 #calendar .maincalendar .eventlist .event .topic,
469 #calendar .maincalendar .eventlist .event .picture,
470 #calendar .maincalendar .eventlist .event .side
472     background-color:#EEEEEE;
475 #calendar .maincalendar table.calendarmonth ul.events-underway {
476     color:#999999;
479 #calendar .event_global,
480 .minicalendar .event_global,
481 .block_calendar_month .event_global {
482     border-color:#2EBA0E !important;
483     background-color:#2EBA0E;
486 #calendar .event_course,
487 .minicalendar .event_course,
488 .block_calendar_month .event_course {
489     border-color:#FF9966 !important;
490     background-color:#FF9966;
493 #calendar .event_group,
494 .minicalendar .event_group,
495 .block_calendar_month .event_group {
496     border-color:#FBBB23 !important;
497     background-color:#FBBB23;
500 #calendar .event_user,
501 .minicalendar .event_user,
502 .block_calendar_month .event_user {
503     border-color:#A1BECB !important;
504     background-color:#A1BECB;
507 #calendar .duration_global,
508 .minicalendar .duration_global {
509     border-top-color:#2EBA0E !important;
510     border-bottom-color:#2EBA0E !important;
513 #calendar .duration_course,
514 .minicalendar .duration_course {
515     border-top-color:#FF9966 !important;
516     border-bottom-color:#FF9966 !important;
519 #calendar .duration_group,
520 .minicalendar .duration_group {
521     border-top-color:#FBBB23 !important;
522     border-bottom-color:#FBBB23 !important;
525 #calendar .duration_user,
526 .minicalendar .duration_user {
527     border-top-color:#A1BECB !important;
528     border-bottom-color:#A1BECB !important;
531 #calendar .weekend,
532 .minicalendar .weekend {
533     color:#FF0000;
536 #calendar .today,
537 .minicalendar .today {
538     border-color:#000000 !important;
541 .cal_popup_fg {
542     background-color:#FFFFFF; /* cellcontent */
545 .cal_popup_bg {
546     border-color:#000000;
547     background-color:#FFFFFF;
551 /*****************************
552 ***
553 *** Blocks
554 ***
555 ******************************/
556 /* block_rss_client.php */
557 .rssclientlink {
558     border-top-color:#DDDDDD;
561 .rssclientdescription {
562     color:#555555;
566 /* sideblock */
567 /* calendar, weblib.php, wiki */
568 .sideblock {
569     border-color:#DDDDDD; /* borders */
572 .sideblock .header {
575 .sideblock .content {
576     background-color:#FCFCFC;
579 .sideblock .content hr {
580     border-top-color:#999999;
583 .sideblock .list {
587 /* Messaging */
588 .message .author {
589     color: #999999;
592 .message .time {
593     color: #999999;
596 .message .content {
599 .censoredtext {
600     color:#000000;
601     background:#000000;