Use role sortorder when getting role lists
[moodle.git] / theme / oceanblue / styles_color.css
CommitLineData
ae370141 1/*******************************************************************
7b790417 2 styles_color.css
2e868cc9 3
7b790417 4 This CSS file contains all color definitions like
5 background-color, font-color, border-color etc.
ae370141 6
7b790417 7 Styles are organised into the following sections:
ae370141 8
2e868cc9 9 core
10 header
11 footer
ae370141 12
2e868cc9 13 admin
14 blocks
15 calendar
16 course
17 doc
18 login
19 message
20 tabs
21 user
ae370141 22
2e868cc9 23 various modules
ae370141 24
25*******************************************************************/
26
7b790417 27/***
28 *** Core
29 ***/
ae370141 30
2ea70bbe 31a:link,
32a:visited {
2e868cc9 33 color:#0000FF;
2ea70bbe 34}
35
36a.dimmed:link,
37a.dimmed:visited {
2e868cc9 38 color:#AAAAAA;
2ea70bbe 39}
40
54e03195 41a:hover {
2e868cc9 42 color:#FF0000;
2ea70bbe 43}
44
c1c6692f 45a.autolink:link,
46a.autolink:visited {
2e868cc9 47 color:#000000;
48 background: #DDDDDD;
c1c6692f 49}
50
51a.autolink.glossary:hover {
2e868cc9 52 cursor: help;
54e03195 53}
54
b731093e 55img.userpicture,
56img.grouppicture {
57 border-color:#000
58}
59
60.block_online_users .listentry img {
61 border:#888
62}
63
2ea70bbe 64body {
2e868cc9 65 background-color:#AAAAFF;
66 color:#000066;
2ea70bbe 67}
68
3e5c0cf0 69th.header,
1a5a8ec2 70td.header,
71div.header {
f402466e 72 background-color:#AAAAFF;
73 border-color:#9999FF;
1a5a8ec2 74}
75
76.navbar {
3e86fa9e 77 background-color:#AAAAFF;
78 border-color:#AAAAFF;
2ea70bbe 79}
8b3432db 80
794f6415 81table.formtable tbody th {
2e868cc9 82 background: none;
794f6415 83}
8b3432db 84
2ea70bbe 85.highlight {
2e868cc9 86 background-color:#AAFFAA;
2ea70bbe 87}
88
89.highlight2 {
2e868cc9 90 color:#AA0000; /* highlight missing terms in forum search */
2ea70bbe 91}
92
93/* Alternate rows even */
94.r0 {
95}
96
97/* Alternate rows odd */
98.r1 {
99}
100
101/* notification messages (can be good or bad) */
102.notifyproblem {
2e868cc9 103 color:#660000;
2ea70bbe 104}
2ea70bbe 105.notifysuccess {
2e868cc9 106 color:#006600;
2ea70bbe 107}
108
109.required {
2e868cc9 110 background-color:#DDDDDD;
2ea70bbe 111}
112
2ea70bbe 113.generalbox {
2e868cc9 114 border-color:#9999FF;
2ea70bbe 115}
116.informationbox {
2e868cc9 117 border-color:#9999FF;
2ea70bbe 118}
119.feedbackbox {
2e868cc9 120 border-color: #888888;
2ea70bbe 121}
122.feedbackby {
2e868cc9 123 background-color:#BBBBBB;
2ea70bbe 124}
ae370141 125
126.noticebox {
2e868cc9 127 border-color:#9999FF;
ae370141 128}
129
130.errorbox {
2e868cc9 131 color:#ffffff;
132 border-color:#660000;
133 background-color:#990000;
ae370141 134}
135
c4b7f1b3 136.errorboxcontent {
137 background-color:#FFBBBB;
138}
139
ae370141 140.tabledivider {
2e868cc9 141 border-color:#9999FF;
ae370141 142}
143
ae370141 144.sitetopic {
87475fcd 145}
146
147.sitetopiccontent {
148 border-color:#DDDDDD;
2e868cc9 149 background-color:#FFFFFF;
150 border-color:#9999FF;
ae370141 151}
152
153.dimmed_text {
2e868cc9 154 color:#AAAAAA;
ae370141 155}
156
157.teacheronly {
2e868cc9 158 color:#990000;
ae370141 159}
160
161.unread {
2e868cc9 162 background: #FFD991;
ae370141 163}
164
165.censoredtext {
2e868cc9 166 color:#000000;
167 background:#000000;
ae370141 168}
169
170
171/* kept for backward compatibility with some non-standard modules
172 which use these classes for various things */
173.generaltab, .generaltabinactive {
2e868cc9 174 background-color:#BBBBBB;
2ea70bbe 175}
ae370141 176.generaltabselected {
2e868cc9 177 background-color:#DDDDDD;
ae370141 178}
179.generaltabinactive {
2e868cc9 180 color:#CCCCCC;
ae370141 181}
182
183
184
7b790417 185/***
186 *** Header
187 ***/
ae370141 188
7b790417 189/***
190 *** Footer
191 ***/
ae370141 192
2e868cc9 193.homelink a:link,
194.homelink a:visited,
195.homelink a:hover {
71e367bd 196 background-color: #FFFFFF;
197 color: #000066;
2e868cc9 198 text-decoration: none;
199}
200.homelink a:link,
201.homelink a:visited {
202 border-top: 1px solid #cecece;
203 border-bottom: 2px solid #4a4a4a;
204 border-left: 1px solid #cecece;
205 border-right: 2px solid #4a4a4a;
206}
207.homelink a:hover {
208 border-bottom: 1px solid #cecece;
209 border-top: 2px solid #4a4a4a;
210 border-right: 1px solid #cecece;
211 border-left: 2px solid #4a4a4a;
212}
213
214
7b790417 215/***
216 *** Admin
217 ***/
2ea70bbe 218
219.admin .generalboxcontent {
2e868cc9 220 background-color:#EEEEEE;
2ea70bbe 221}
8b3432db 222
2ea70bbe 223.admin .generalbox {
2e868cc9 224 border-color:#BBBBBB;
2ea70bbe 225}
226
227.admin .informationbox {
2e868cc9 228 border-color:#BBBBBB;
229 background-color:#FFFFFF;
2ea70bbe 230}
8b3432db 231
794f6415 232body#admin-index .c0 {
2e868cc9 233 background-color: #FAFAFA;
794f6415 234}
235
b731093e 236body#admin-blocks table#blocks .r0,
237body#admin-blocks table#incompatible .r0 {
238 background-color: #f0f0f0;
239}
240
241body#admin-blocks table#blocks .r1,
242body#admin-blocks table#incompatible .r1 {
243 background-color: #fafafa;
244}
245
246body#admin-blocks table#incompatible td.c0 {
247 color: #ff0000;
248}
2ea70bbe 249
8968d779 250table.flexible .r0 {
251 background-color: #f0f0f0;
252}
253
254table.flexible .r1 {
255 background-color: #fafafa;
256}
ae370141 257
7b790417 258/***
259 *** Blocks
260 ***/
ae370141 261
262.sideblock {
2e868cc9 263 border-color:#9999FF;
2ea70bbe 264}
265
ae370141 266.sideblock .header {
aa6bcf41 267 border-color: #dddddd;
2ea70bbe 268}
269
ae370141 270.sideblock .content {
aa6bcf41 271 border-color: #dddddd;
2e868cc9 272 background-color:#FCFCFC;
81874f62 273}
274
ae370141 275.sideblock .content hr {
2e868cc9 276 border-top-color:#999999;
2ea70bbe 277}
278
b731093e 279#left-column .hidden .header,
280#right-column .hidden .header
281{
282 border-bottom-color: #dddddd;
ae370141 283}
aa6bcf41 284
794f6415 285.sideblock .header .hide-show img.hide-show-image {
2e868cc9 286 background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
794f6415 287}
288
289.sideblock.hidden .header .hide-show img.hide-show-image {
2e868cc9 290 background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
794f6415 291}
2ea70bbe 292
b731093e 293.blockconfigtable {
294 background-color:#FFFFFF;
295 border-left:1px solid;
296 border-right:1px solid;
297 border-bottom:1px solid;
298 border-color:#AAAAAA;
299}
ae370141 300
301
7b790417 302/***
303 *** Calendar
304 ***/
ae370141 305
306#calendar .maincalendar,
7b790417 307#calendar .sidecalendar {
2e868cc9 308 border-color: #DDDDDD;
1734c8ca 309 background-color:#FFFFFF;
2ea70bbe 310}
311
ae370141 312#calendar .maincalendar table.calendarmonth th {
2e868cc9 313 border-color: #000000;
ae370141 314}
2ea70bbe 315
ae370141 316table.minicalendar {
2e868cc9 317 border-color:#9999FF;
ae370141 318}
319
320#calendar .maincalendar .eventlist .event {
2e868cc9 321 border-color:#9999FF;
ae370141 322}
323
324#calendar .maincalendar .eventlist .event .topic,
325#calendar .maincalendar .eventlist .event .picture,
7b790417 326#calendar .maincalendar .eventlist .event .side {
2e868cc9 327 background-color:#EEEEEE;
ae370141 328}
329
330#calendar .maincalendar table.calendarmonth ul.events-underway {
2e868cc9 331 color:#999999;
ae370141 332}
333
334#calendar .event_global,
335.minicalendar .event_global,
336.block_calendar_month .event_global {
2e868cc9 337 border-color:#2EBA0E !important;
338 background-color:#2EBA0E;
ae370141 339}
340
341#calendar .event_course,
342.minicalendar .event_course,
343.block_calendar_month .event_course {
2e868cc9 344 border-color:#FF9966 !important;
345 background-color:#FF9966;
ae370141 346}
347
348#calendar .event_group,
349.minicalendar .event_group,
350.block_calendar_month .event_group {
2e868cc9 351 border-color:#FBBB23 !important;
352 background-color:#FBBB23;
ae370141 353}
354
355#calendar .event_user,
356.minicalendar .event_user,
357.block_calendar_month .event_user {
2e868cc9 358 border-color:#A1BECB !important;
359 background-color:#A1BECB;
2ea70bbe 360}
361
ae370141 362#calendar .duration_global,
363.minicalendar .duration_global {
2e868cc9 364 border-top-color:#2EBA0E !important;
365 border-bottom-color:#2EBA0E !important;
ae370141 366}
2ea70bbe 367
ae370141 368#calendar .duration_course,
369.minicalendar .duration_course {
2e868cc9 370 border-top-color:#FF9966 !important;
371 border-bottom-color:#FF9966 !important;
ae370141 372}
373
374#calendar .duration_group,
375.minicalendar .duration_group {
2e868cc9 376 border-top-color:#FBBB23 !important;
377 border-bottom-color:#FBBB23 !important;
ae370141 378}
379
380#calendar .duration_user,
381.minicalendar .duration_user {
2e868cc9 382 border-top-color:#A1BECB !important;
383 border-bottom-color:#A1BECB !important;
ae370141 384}
385
386#calendar .weekend,
387.minicalendar .weekend {
2e868cc9 388 color:#FF0000;
ae370141 389}
390
391#calendar .today,
392.minicalendar .today {
2e868cc9 393 border-color:#000000 !important;
ae370141 394}
395
396.cal_popup_fg {
2e868cc9 397 background-color:#FFFFFF;
ae370141 398}
399
400.cal_popup_bg {
2e868cc9 401 border-color:#000000;
402 background-color:#FFFFFF;
ae370141 403}
8b3432db 404
794f6415 405#calendar .maincalendar .filters table,
406#calendar .sidecalendar .filters table,
7b790417 407.block_calendar_month .filters table {
2e868cc9 408 background-color: #EEEEEE;
794f6415 409}
410
ae370141 411
412
7b790417 413/***
414 *** Course
415 ***/
ae370141 416
2ea70bbe 417/* course, entry-page, login */
418.headingblock {
2e868cc9 419 border-color:#9999FF;
2ea70bbe 420}
421
2ea70bbe 422/* course */
423.headingblock .outline {
2e868cc9 424 border-color:#9999FF;
2ea70bbe 425}
426
427#course-view .section td {
2e868cc9 428 border-color:#9999FF;
2ea70bbe 429}
430
431#course-view .section .content {
cc7d66b6 432 background: #FFFFFF;
2ea70bbe 433}
434
435#course-view .section .side {
2e868cc9 436 background: #EEEEEE;
2ea70bbe 437}
438
439#course-view .section .left {
440}
441
442#course-view .section .right {
443}
444
445#course-view .current .side{
2e868cc9 446 background: #FFD991;
2ea70bbe 447}
448
449#course-view .topics {
450}
451
452#course-view .weeks {
453}
454
455#course-view .section .spacer {
456}
457
458#course-view .section .weekdates {
2ea70bbe 459}
460
461.categoryboxcontent,
462.courseboxcontent {
2e868cc9 463 border-color:#9999FF;
464 background: #FFFFFF;
2ea70bbe 465}
794f6415 466body#course-user .section {
2e868cc9 467 border-color:#AAAAAA;
794f6415 468}
469
fa0a43a8 470#course-report .plugin,
471#course-import .plugin {
472 margin-bottom: 20px;
473 margin-left:10%;
474 margin-right:10%;
475
476 border-bottom: 1px solid #cecece;
477 border-top: 1px solid #cecece;
478 border-right: 1px solid #cecece;
479 border-left: 1px solid #cecece;
480
481 background-color: #fdfdfd;
482}
2ea70bbe 483
484
7b790417 485/***
486 *** Doc
487 ***/
2ea70bbe 488
0ee53538 489/***
490 *** Grades
491 ***/
492
493body#grade-index .grades {
494 border-color:black;
495}
496
497body#grade-index .grades td {
498 border-color:#e0e0e0;
499}
500
501body#grade-index .grades .r0 {
502 background-color: #ffffff;
503}
504
505body#grade-index .grades .r1 {
506 background-color: #f0f0f0;
507}
508
509
7b790417 510/***
511 *** Login
512 ***/
ae370141 513
514.loginbox .content {
2e868cc9 515 border-color:#9999FF;
cc7d66b6 516 background: #FFFFFF;
2ea70bbe 517}
518
519
7b790417 520/***
521 *** Message
522 ***/
2ea70bbe 523
ae370141 524table.message_search_results td {
2e868cc9 525 border-color:#9999FF;
2ea70bbe 526}
527
1a94cfcd 528.message.other .author {
529 color: #8888CC;
530}
531
532.message.me .author {
2e868cc9 533 color: #999999;
2ea70bbe 534}
535
ae370141 536.message .time {
2e868cc9 537 color: #999999;
2ea70bbe 538}
539
ae370141 540.message .content {
2ea70bbe 541}
542
aa4b26cd 543/***
544 *** Logs
545 ***/
546
547.logtable .r1 {
548 background-color:#EEEEEE;
549}
550
ae370141 551
7b790417 552/***
553 *** Tabs
554 ***/
ae370141 555
556.tablink a:link,
557.tablink a:visited {
9ab8f17d 558 color:#888888;
2ea70bbe 559}
560
ae370141 561.selected .tablink a:link,
562.selected .tablink a:visited {
d4156b1b 563 color:#000066;
2ea70bbe 564}
8b3432db 565.tabs .side,
566.tabrow td {
2e868cc9 567 border-color: #AAAAAA;
794f6415 568}
569.tabrow td {
2e868cc9 570 background:url(pix/tab/left.gif) top left no-repeat;
794f6415 571}
572.tabrow td .tablink {
2e868cc9 573 background:url(pix/tab/right.gif) top right no-repeat;
794f6415 574}
575.tabrow td:hover {
2e868cc9 576 background-image:url(pix/tab/left_hover.gif);
794f6415 577}
578.tabrow td:hover .tablink {
2e868cc9 579 background-image:url(pix/tab/right_hover.gif);
794f6415 580}
aa4b26cd 581.tabrow .last {
582 background: transparent url(pix/tab/right_end.gif) top right no-repeat;
794f6415 583}
584.tabrow .selected {
2e868cc9 585 background:url(pix/tab/left_active.gif) top left no-repeat;
794f6415 586}
587.tabrow .selected .tablink {
2e868cc9 588 background:url(pix/tab/right_active.gif) top right no-repeat;
794f6415 589}
590.tabrow td.selected:hover {
2e868cc9 591 background-image:url(pix/tab/left_active_hover.gif);
794f6415 592}
593.tabrow td.selected:hover .tablink {
2e868cc9 594 background-image:url(pix/tab/right_active_hover.gif);
794f6415 595}
d01d5040 596.tabs .r0,
597.tabs .r1 {
598 background: #AAAAFF;
599}
2ea70bbe 600
7b790417 601/***
602 *** User
603 ***/
ae370141 604
605.userpicture {
d01d5040 606 background: #EEEEEE;
2ea70bbe 607}
ae370141 608
609.userinfobox {
2e868cc9 610 border-color: #DDDDDD;
611 background-color: #F7F7F7;
2ea70bbe 612}
2c28addd 613.groupinfobox {
2e868cc9 614 border-color: #DDDDDD;
2ea70bbe 615}
616
617
7b790417 618/***
619 *** Modules: Chat
620 ***/
2ea70bbe 621
e9b52414 622#mod-chat-gui_header_js-jsupdate .text {
623 color:#000
624}
625#mod-chat-gui_header_js-jsupdate .event,
626#mod-chat-gui_header_js-jsupdate .title {
627 color:#888
628}
629
7b790417 630/***
631 *** Modules: Choice
632 ***/
2ea70bbe 633
7b790417 634/***
635 *** Modules: Forum
636 ***/
2ea70bbe 637
ae370141 638.forumheaderlist,
639.forumpost {
2e868cc9 640 border-color:#9999FF;
9ac6ae72 641}
642
ae370141 643.forumpost .content {
2e868cc9 644 background: #FFFFFF;
9ac6ae72 645}
646
ae370141 647.forumpost .left {
2e868cc9 648 background:#EEEEEE;
54e03195 649}
650
ae370141 651.forumpost .topic {
2e868cc9 652 border-bottom-color: #EEEEEE;
54e03195 653}
654
ae370141 655.forumpost .starter {
fd41791c 656 background:#EEEEEE;
54e03195 657}
658
ae370141 659.forumheaderlist .discussion .starter {
fd41791c 660 background:#EEEEEE;
2ea70bbe 661}
662
ae370141 663.forumheaderlist td {
2e868cc9 664 border-color: #FFFFFF;
2ea70bbe 665}
666
9ac6ae72 667.sideblock .post .head {
2e868cc9 668 color:#555555;
2ea70bbe 669}
670
671.forumthread .unread {
2e868cc9 672 background: #FFD991;
2ea70bbe 673}
2ea70bbe 674#mod-forum-discuss .forumpost {
2e868cc9 675 background: none;
2ea70bbe 676}
677
5860d89d 678#mod-forum-discuss .forumpost.unread .content {
2e868cc9 679 border-color: #FFD991;
2ea70bbe 680}
681
682#mod-forum-discuss .forumthread .unread {
683}
684
685#mod-forum-index .unread {
686}
687
2ea70bbe 688
7b790417 689/***
690 *** Modules: Glossary
691 ***/
2ea70bbe 692
ae370141 693.entryboxheader {
2e868cc9 694 border-color: #BBBBBB;
2ea70bbe 695}
696
ae370141 697.entrybox {
2e868cc9 698 border-color: #BBBBBB;
2ea70bbe 699}
700
ae370141 701.entry {
2ea70bbe 702}
703
ae370141 704.glossarypost {
2e868cc9 705 border-color: #DDDDDD;
2ea70bbe 706}
707
ae370141 708.glossarypost .entryheader,
709.glossarypost .entryapproval,
710.glossarypost .picture,
711.glossarypost .entryattachment,
712.glossarypost .left {
2e868cc9 713 background-color: #F0F0F0;
2ea70bbe 714}
715
ae370141 716.glossarycomment {
2e868cc9 717 border-color: #DDDDDD;
2ea70bbe 718}
719
ae370141 720.glossarycomment .entryheader,
721.glossarycomment .picture,
722.glossarycomment .left {
2e868cc9 723 background-color: #F0F0F0;
2ea70bbe 724
2ea70bbe 725}
726
ae370141 727#mod-glossary-report .generalbox .teacher {
2e868cc9 728 background: #F0F0F0;
2ea70bbe 729}
730
ae370141 731.categoryheader {
2e868cc9 732 background-color: #dddddd;
2ea70bbe 733}
734
ae370141 735.glossaryformatheader {
2e868cc9 736 background-color: #dddddd;
2ea70bbe 737}
738
2ea70bbe 739
7b790417 740/***
741 *** Modules: Journal
742 ***/
2ea70bbe 743
da4c3aed 744#mod-journal-view .feedbackbox .left,
745#mod-journal-view .feedbackbox .entryheader {
2e868cc9 746 background-color: #dddddd;
da4c3aed 747}
748
7b790417 749/***
750 *** Modules: Label
751 ***/
2ea70bbe 752
7b790417 753/***
754 *** Modules: Lesson
755 ***/
2ea70bbe 756
7b790417 757/***
758 *** Modules: Quiz
759 ***/
2ea70bbe 760
ae370141 761body#mod-quiz-report table#attempts td {
2e868cc9 762 border-color: #dddddd;
2ea70bbe 763}
ae370141 764body#mod-quiz-report table#attempts .r1 {
2e868cc9 765 background-color: #eeeeee;
2ea70bbe 766}
767
768
7b790417 769/***
770 *** Modules: Resource
771 ***/
2ea70bbe 772
efa309e6 773#mod-resource-view table {
774 background-color: #FFFFFF;
775
380d1b6e 776.ims-nav-dimmed {
777 color: #AAAAAA;
778 text-decoration: none;
779}
780
781.ims-nav-button a:link,
782.ims-nav-button a:visited,
783.ims-nav-button a:hover {
784 color: #000;
785 text-decoration: none;
786}
787
788.ims-nav-dimmed,
789.ims-nav-button a:link,
790.ims-nav-button a:visited {
791 border-top: 1px solid #cecece;
792 border-bottom: 2px solid #4a4a4a;
793 border-left: 1px solid #cecece;
794 border-right: 2px solid #4a4a4a;
795}
796
797.ims-nav-button a:hover {
798 border-bottom: 1px solid #cecece;
799 border-top: 2px solid #4a4a4a;
800 border-right: 1px solid #cecece;
801 border-left: 2px solid #4a4a4a;
802}
803
804
7b790417 805/***
806 *** Modules: Scorm
807 ***/
2ea70bbe 808
7b790417 809/***
810 *** Modules: Survey
811 ***/
2ea70bbe 812
ae370141 813#mod-survey-view .r0 {
2e868cc9 814 background-color: #EEEEEE;
2ea70bbe 815}
ae370141 816#mod-survey-view .r1 {
2e868cc9 817 background-color: #DDDDDD;
2ea70bbe 818}
819
2ea70bbe 820
7b790417 821/***
822 *** Modules: Wiki
823 ***/
24bba839 824
7b790417 825/***
826 *** Modules: Workshop
827 ***/
24bba839 828
ae370141 829.workshoppostpicture {
2e868cc9 830 background-color:#FEE6B9;
2ea70bbe 831}
832
ae370141 833.workshopassessmentheading {
2e868cc9 834 background-color:#DDDDDD;
2ea70bbe 835}
836
e86686ee 837.error {
838 color:#ff0000;
839}