New user tabs from Shane and myself ... these bring together the
[moodle.git] / theme / standard / styles_color.css
CommitLineData
7005a81c 1/*************************************************
2***
3*** color
4***
5**************************************************/
a8e1f343 6
992b5971 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)
7005a81c 17*** admin, course, activities, calendar, blocks
992b5971 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**************************************************/
26
a8e1f343 27
28/* basic styles */
a8e1f343 29a:link,
30a:visited {
31 color:#0000FF;
32}
33
34a.dimmed:link,
35a.dimmed:visited {
ba961617 36 color:#AAAAAA;
a8e1f343 37}
38
ba961617 39a:hover {
a8e1f343 40 color:#FF0000;
41}
42
1343c193 43a.autolink:link,
44a.autolink:visited {
45 color:#000000;
46 background: #DDDDDD;
47}
48
49a.autolink.glossary:hover {
ba961617 50 cursor: help;
51}
52
e5bc2f22 53.tablink a:link,
54.tablink a:visited {
55 color:#000066;
56}
57
58.tablink a:hover {
59 text-decoration: none;
60}
61
62.selected .tablink a:link,
63.selected .tablink a:visited {
64 color:#000000;
65}
66
7005a81c 67
a8e1f343 68/* general styles */
992b5971 69body {
70 background-color:#FAFAFA;
71}
72
4848afa2 73th.header,
74td.header {
a8e1f343 75 background-color:#DDDDDD;
76}
77
992b5971 78.highlight {
79 background-color:#AAFFAA; /* highlight */
80}
a8e1f343 81
01e8cf88 82.highlight2 {
83 color:#AA0000; /* highlight missing terms in forum search */
84}
85
8b9ddabf 86/* Alternate rows even */
87.r0 {
01b3fb2e 88}
89
8b9ddabf 90/* Alternate rows odd */
91.r1 {
01b3fb2e 92}
7005a81c 93
ac91569f 94/* notification messages (can be good or bad) */
95.notifyproblem {
ac91569f 96 color:#660000;
97 padding: 10px;
a59a00b7 98 text-align: center;
ac91569f 99}
100
101.notifysuccess {
ac91569f 102 color:#006600;
103 padding: 10px;
104 text-align:center;
ac91569f 105}
106
2f71f2a2 107.required {
108 background-color:#DDDDDD;
109}
110
111
a8e1f343 112/* header styles */
113
114
115/* footer styles */
116
117
992b5971 118/*****************************
119***
120*** content styles
121***
122******************************/
123/* many places */
a8e1f343 124.generalbox {
125 border-color:#DDDDDD; /* borders */
126}
2f71f2a2 127.informationbox {
128 border-color:#DDDDDD; /* borders */
129}
a59a00b7 130.feedbackbox {
131 border-color: #888888; /* borders */
132}
133.feedbackby {
134 background-color:#BBBBBB;
135}
136.userpicture {
137 background:#EEEEEE;
138}
a8e1f343 139
bcd4d06b 140.admin .generalboxcontent {
141 background-color:#EEEEEE;
142}
143.admin .generalbox {
144 border-color:#BBBBBB;
145}
146
2f71f2a2 147.admin .informationbox {
148 border-color:#BBBBBB;
149 background-color:#FFFFFF;
150}
151
a8e1f343 152.noticebox {
153 border-color:#DDDDDD; /* borders */
154}
155
81e6a0a5 156.errorbox {
157 color:#ffffff;
158 border-color:#660000;
159 background-color:#990000;
160}
7005a81c 161
de99223a 162.loginbox .content {
163 border-color:#DDDDDD; /* borders */
164}
165
992b5971 166/* weblib.php table */
167.tabledivider {
168 border-color:#DDDDDD; /* borders */
a8e1f343 169}
170
7005a81c 171
a8e1f343 172/* entry-page index.php */
173.sitetopic {
1a0de223 174 background-color:#FFFFFF; /* cellheading */
992b5971 175 border-color:#DDDDDD; /* borders */
a8e1f343 176}
177
992b5971 178
179/*****************************
180***
7005a81c 181*** Admin
992b5971 182***
183******************************/
184/* admin, calednder, course */
185.dimmed_text {
186 color:#AAAAAA;
187}
188
a8e1f343 189
7005a81c 190/*****************************
191***
192*** Course
193***
194******************************/
992b5971 195/* course, entry-page, login */
196.headingblock {
197 border-color:#DDDDDD; /* borders */
198}
199
7005a81c 200
992b5971 201/* course */
62c0f37e 202.headingblock .outline {
992b5971 203 border-color:#DDDDDD; /* borders */
204}
476f1aec 205
206#course-view .section td {
207 border-color:#DDDDDD;
208}
209
210#course-view .section .content {
211}
212
213#course-view .section .side {
214 background: #EEEEEE;
215}
216
217#course-view .section .left {
992b5971 218}
219
476f1aec 220#course-view .section .right {
992b5971 221}
222
476f1aec 223#course-view .current .side{
224 background: #FFD991;
992b5971 225}
226
476f1aec 227#course-view .topics {
228}
229
230#course-view .weeks {
231}
232
233#course-view .section .spacer {
234}
235
236#course-view .section .weekdates {
237 color:#AAAAAA;
992b5971 238}
239
240.categoryboxcontent,
241.courseboxcontent {
242 border-color:#DDDDDD; /* borders */
7e33a33b 243 background: #FFFFFF;
992b5971 244}
7005a81c 245
992b5971 246
25ecf09a 247/* user */
248
249.userinfobox {
250 border-color: #DDDDDD;
251 background-color: #F7F7F7;
252}
253
254
7005a81c 255
256/*****************************
257***
258*** Activities
259***
260******************************/
261/* assignment, forum, glossary */
262.forumheaderlist,
263.forumpost {
264 border-color:#DDDDDD; /* borders */
265}
266
4c7f1eb6 267.forumpost .content {
268 background: #FFFFFF;
be37582e 269}
270
4c7f1eb6 271.forumpost .left {
be37582e 272 background:#EEEEEE;
273}
274
4c7f1eb6 275.forumpost .topic {
be37582e 276 border-style:solid; /* borders */
277 border-width: 0px;
278 border-bottom-color: #EEEEEE;
279 border-bottom-width: 1px;
280}
281
25c0b58d 282.forumpost .starter {
283 background:#DDDDDD;
284}
285
233bc4bb 286.forumheaderlist .discussion .starter {
287 background:#DDDDDD;
288}
289
290.forumheaderlist td {
291 border-color: #FFFFFF;
292}
293
294
a59a00b7 295/* survey */
296#mod-survey-view .r0 {
297 background-color: #EEEEEE;
298}
299#mod-survey-view .r1 {
300 background-color: #DDDDDD;
301}
302
303
304/* assignment */
305.assignmentsubmission {
306}
307
308.assignmentnew .assignmentfeedback{
309 background-color:#DDDDDD; /* cellheading2 */
310}
311
312.assignmentold .assignmentfeedback{
313 background-color:#BBBBBB; /* cellheading */
314}
315
316.assignmentheading {
317 background-color:#BBBBBB; /* cellheading */
318}
319
320
321/* workshop */
322
323.workshoppostpicture {
324 background-color:#FEE6B9; /* cellcontent2 */
325}
326
327.workshopassessmentheading {
328 background-color:#DDDDDD; /* cellheading2 */
329}
330
331
a8e1f343 332/* glossary, wiki */
5e497e4e 333.entryboxheader {
ebc4968b 334 border-color: #BBBBBB;
335}
336
5e497e4e 337.entrybox {
ebc4968b 338 border-color: #BBBBBB;
339}
340
62c0f37e 341.entry {
342}
343
344.glossarypost {
345 border-color: #DDDDDD;
346}
347
348.glossarypost .entryheader,
3ae2cde7 349.glossarypost .entryapproval,
62c0f37e 350.glossarypost .picture,
351.glossarypost .entryattachment,
352.glossarypost .left {
353 background-color: #F0F0F0;
354}
355
36996192 356.glossarycomment {
357 border-color: #DDDDDD;
358}
359
360.glossarycomment .entryheader,
361.glossarycomment .picture,
362.glossarycomment .left {
363 background-color: #F0F0F0;
364
365}
366
3ae2cde7 367
368.generaltab, .generaltabinactive {
369 background-color:#BBBBBB; /* cellheading */
370}
371
372.generaltabselected {
373 background-color:#DDDDDD; /* cellheading2 */
374}
375
376.generaltabinactive {
377 color:#CCCCCC;
378}
379
380
f2c485e3 381
62c0f37e 382#mod-glossary-report .generalbox .teacher {
383 background: #F0F0F0;
384}
385
386
7005a81c 387
5e497e4e 388
992b5971 389/* lang, forum */
390.teacheronly {
391 color:#990000;
a8e1f343 392}
393
90ec387a 394.sideblock .post .head {
992b5971 395 color:#555555;
396}
397
be37582e 398.forumthread .unread {
399 background: #FFD991;
400}
401
402.unread {
403 background: #FFD991;
404}
405
406#mod-forum-view .unread {
b4a77361 407 padding-left: 3px;
408 padding-right: 3px;
be37582e 409}
410
411#mod-forum-discuss .forumpost {
412 background: none;
413}
414
415#mod-forum-discuss .unread .forumpostmessage {
416 border-style: solid;
417 border-color: #FFD991;
418 border-width: 2px;
419}
420
421#mod-forum-discuss .forumthread .unread {
422}
423
424#mod-forum-index .unread {
425}
7005a81c 426
992b5971 427/* message */
428table.message_search_results td {
a8e1f343 429 border-color:#DDDDDD; /* borders */
430}
431
7005a81c 432
9d034c94 433/* quiz */
434
435body#mod-quiz-report table#attempts td {
436 border-color: #dddddd;
437}
438body#mod-quiz-report table#attempts .r1 {
439 background-color: #eeeeee;
440}
441
992b5971 442
a59a00b7 443
992b5971 444/*****************************
445***
446*** Calendar
447***
448******************************/
a8e1f343 449
446390fb 450#calendar .maincalendar,
451#calendar .sidecalendar
452{
453 border-color: #DDDDDD;
454}
455
a0c7341a 456#calendar .maincalendar table.calendarmonth th {
446390fb 457 border-color: #000000;
458}
459
460table.minicalendar {
461 border-color:#DDDDDD;
462}
463
ed8ea92b 464#calendar .maincalendar .eventlist .event {
446390fb 465 border-color:#DDDDDD;
466}
467
4848afa2 468#calendar .maincalendar .eventlist .event .topic,
ed8ea92b 469#calendar .maincalendar .eventlist .event .picture,
470#calendar .maincalendar .eventlist .event .side
471{
446390fb 472 background-color:#EEEEEE;
473}
474
760e522b 475#calendar .maincalendar table.calendarmonth ul.events-underway {
476 color:#999999;
477}
478
e96ba29d 479#calendar .event_global,
480.minicalendar .event_global,
481.block_calendar_month .event_global {
a8e1f343 482 border-color:#2EBA0E !important;
483 background-color:#2EBA0E;
484}
485
e96ba29d 486#calendar .event_course,
487.minicalendar .event_course,
488.block_calendar_month .event_course {
a8e1f343 489 border-color:#FF9966 !important;
490 background-color:#FF9966;
491}
492
e96ba29d 493#calendar .event_group,
494.minicalendar .event_group,
495.block_calendar_month .event_group {
a8e1f343 496 border-color:#FBBB23 !important;
497 background-color:#FBBB23;
498}
499
e96ba29d 500#calendar .event_user,
501.minicalendar .event_user,
502.block_calendar_month .event_user {
a8e1f343 503 border-color:#A1BECB !important;
504 background-color:#A1BECB;
505}
506
e96ba29d 507#calendar .duration_global,
508.minicalendar .duration_global {
a8e1f343 509 border-top-color:#2EBA0E !important;
510 border-bottom-color:#2EBA0E !important;
511}
512
e96ba29d 513#calendar .duration_course,
514.minicalendar .duration_course {
a8e1f343 515 border-top-color:#FF9966 !important;
516 border-bottom-color:#FF9966 !important;
517}
518
e96ba29d 519#calendar .duration_group,
520.minicalendar .duration_group {
a8e1f343 521 border-top-color:#FBBB23 !important;
522 border-bottom-color:#FBBB23 !important;
523}
524
e96ba29d 525#calendar .duration_user,
526.minicalendar .duration_user {
527 border-top-color:#A1BECB !important;
528 border-bottom-color:#A1BECB !important;
a8e1f343 529}
530
e96ba29d 531#calendar .weekend,
532.minicalendar .weekend {
533 color:#FF0000;
a8e1f343 534}
535
e96ba29d 536#calendar .today,
537.minicalendar .today {
538 border-color:#000000 !important;
a8e1f343 539}
540
541.cal_popup_fg {
542 background-color:#FFFFFF; /* cellcontent */
543}
544
545.cal_popup_bg {
e96ba29d 546 border-color:#000000;
547 background-color:#FFFFFF;
a8e1f343 548}
549
7005a81c 550
992b5971 551/*****************************
552***
553*** Blocks
554***
555******************************/
a8e1f343 556/* block_rss_client.php */
557.rssclientlink {
558 border-top-color:#DDDDDD;
559}
560
561.rssclientdescription {
562 color:#555555;
563}
564
7005a81c 565
a8e1f343 566/* sideblock */
567/* calendar, weblib.php, wiki */
568.sideblock {
569 border-color:#DDDDDD; /* borders */
570}
4848afa2 571
7ff9860d 572.sideblock .header {
a8e1f343 573}
574
3bab9f2a 575.sideblock .content {
a8e1f343 576 background-color:#FCFCFC;
577}
578
3bab9f2a 579.sideblock .content hr {
a8e1f343 580 border-top-color:#999999;
581}
2c223cb7 582
3bab9f2a 583.sideblock .list {
584}
585
586
2c223cb7 587/* Messaging */
588.message .author {
589 color: #999999;
590}
591
592.message .time {
593 color: #999999;
594}
595
596.message .content {
597}
e661425c 598
599.censoredtext {
600 color:#000000;
601 background:#000000;
602}