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