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: none;
  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 .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 fieldset.adminsettings {
 251     background-color: #FFFFFF;
 252     border-color: #9999FF;
 253 }
 254
 255 fieldset.adminsettings .form-shortname {
 256     color: #0000FF;
 257 }
 258
 259 /***
 260  *** Blocks
 261  ***/
 262
 263 .sideblock {
 264   border-color:#9999FF;
 265 }
 266
 267 .sideblock .header {
 268   border-color: #dddddd;
 269 }
 270
 271 .sideblock .content {
 272   border-color: #dddddd;
 273   background-color:#FCFCFC;
 274 }
 275
 276 .sideblock .content hr {
 277   border-top-color:#999999;
 278 }
 279
 280 #left-column .hidden .header,
 281 #right-column .hidden .header
 282 {
 283   border-bottom-color: #dddddd;
 284 }
 285
 286 .sideblock .header .hide-show img.hide-show-image {
 287   background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
 288 }
 289
 290 .sideblock.hidden .header .hide-show img.hide-show-image {
 291   background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
 292 }
 293
 294 .blockconfigtable {
 295   background-color:#FFFFFF;
 296   border-left:1px solid;
 297   border-right:1px solid;
 298   border-bottom:1px solid;
 299   border-color:#AAAAAA;
 300 }
 301
 302
 303 /***
 304  *** Blogs
 305  ***/
 306
 307 .blogpost.blogdraft .content {
 308   background-color:#FFFFFF;
 309 }
 310
 311 .block_blog_tags .official {
 312   color: #0000FF;
 313 }
 314
 315 .block_blog_tags .personal {
 316   color: #0066CC;
 317 }
 318
 319
 320 /***
 321  *** Calendar
 322  ***/
 323
 324 #calendar .maincalendar,
 325 #calendar .sidecalendar {
 326   border-color: #DDDDDD;
 327   background-color:#FFFFFF;
 328 }
 329
 330 #calendar .maincalendar table.calendarmonth th {
 331   border-color: #000000;
 332 }
 333
 334 table.minicalendar {
 335   border-color:#9999FF;
 336 }
 337
 338 #calendar .maincalendar .eventlist .event {
 339   border-color:#9999FF;
 340 }
 341
 342 #calendar .maincalendar .eventlist .event .topic,
 343 #calendar .maincalendar .eventlist .event .picture,
 344 #calendar .maincalendar .eventlist .event .side {
 345   background-color:#FFFFFF;
 346 }
 347
 348 #calendar .maincalendar table.calendarmonth ul.events-underway {
 349   color:#999999;
 350 }
 351
 352 #calendar .event_global,
 353 .minicalendar .event_global,
 354 .block_calendar_month .event_global {
 355   border-color:#2EBA0E !important;
 356   background-color:#2EBA0E;
 357 }
 358
 359 #calendar .event_course,
 360 .minicalendar .event_course,
 361 .block_calendar_month .event_course {
 362   border-color:#FF9966 !important;
 363   background-color:#FF9966;
 364 }
 365
 366 #calendar .event_group,
 367 .minicalendar .event_group,
 368 .block_calendar_month .event_group {
 369   border-color:#FBBB23 !important;
 370   background-color:#FBBB23;
 371 }
 372
 373 #calendar .event_user,
 374 .minicalendar .event_user,
 375 .block_calendar_month .event_user {
 376   border-color:#A1BECB !important;
 377   background-color:#A1BECB;
 378 }
 379
 380 #calendar .duration_global,
 381 .minicalendar .duration_global {
 382   border-top-color:#2EBA0E !important;
 383   border-bottom-color:#2EBA0E !important;
 384 }
 385
 386 #calendar .duration_course,
 387 .minicalendar .duration_course {
 388   border-top-color:#FF9966 !important;
 389   border-bottom-color:#FF9966 !important;
 390 }
 391
 392 #calendar .duration_group,
 393 .minicalendar .duration_group {
 394   border-top-color:#FBBB23 !important;
 395   border-bottom-color:#FBBB23 !important;
 396 }
 397
 398 #calendar .duration_user,
 399 .minicalendar .duration_user {
 400   border-top-color:#A1BECB !important;
 401   border-bottom-color:#A1BECB !important;
 402 }
 403
 404 #calendar .weekend,
 405 .minicalendar .weekend {
 406   color:#FF0000;
 407 }
 408
 409 #calendar .today,
 410 .minicalendar .today {
 411   border-color:#000000 !important;
 412 }
 413
 414 .cal_popup_fg {
 415   background-color:#FFFFFF;
 416 }
 417
 418 .cal_popup_bg {
 419   border-color:#000000;
 420   background-color:#FFFFFF;
 421 }
 422
 423 #calendar .maincalendar .filters table,
 424 #calendar .sidecalendar .filters table,
 425 .block_calendar_month .filters table {
 426   background-color: #FFFFFF;
 427 }
 428
 429
 430
 431 /***
 432  *** Course
 433  ***/
 434
 435 /* course, entry-page, login */
 436 .headingblock {
 437   border-color:#9999FF;
 438 }
 439
 440 /* course */
 441 .headingblock .outline {
 442   border-color:#9999FF;
 443 }
 444
 445 #course-view .section td {
 446   border-color:#9999FF;
 447 }
 448
 449 #course-view .section .content {
 450   background-color: #FFFFFF;
 451 }
 452
 453 #course-view .section .side {
 454   background-color: #FFFFFF;
 455 }
 456
 457 #course-view .section .left {
 458 }
 459
 460 #course-view .section .right {
 461 }
 462
 463 #course-view .current .side{
 464   background-color: #FFD991;
 465 }
 466
 467 #course-view .topics {
 468 }
 469
 470 #course-view .weeks {
 471 }
 472
 473 #course-view .section .spacer {
 474 }
 475
 476 #course-view .section .weekdates {
 477 }
 478
 479 .categoryboxcontent,
 480 .courseboxcontent {
 481   border-color:#9999FF;
 482   background-color: #FFFFFF;
 483 }
 484 body#course-user .section {
 485   border-color:#AAAAAA;
 486 }
 487
 488 #course-report .plugin,
 489 #course-import .plugin {
 490   margin-bottom: 20px;
 491   margin-left:10%;
 492   margin-right:10%;
 493
 494   border-bottom: 1px solid #cecece;
 495   border-top: 1px solid #cecece;
 496   border-right: 1px solid #cecece;
 497   border-left: 1px solid #cecece;
 498
 499   background-color: #fdfdfd;
 500 }
 501
 502
 503 /***
 504  *** Doc
 505  ***/
 506
 507 /***
 508  *** Grades
 509  ***/
 510
 511 body#grade-index .grades {
 512   border-color:black;
 513 }
 514
 515 body#grade-index .grades td {
 516   border-color:#e0e0e0;
 517 }
 518
 519 body#grade-index .grades .r0 {
 520   background-color: #ffffff;
 521 }
 522
 523 body#grade-index .grades .r1 {
 524   background-color: #f0f0f0;
 525 }
 526
 527
 528 /***
 529  *** Login
 530  ***/
 531
 532 .loginbox .content {
 533   border-color:#9999FF;
 534   background-color: #FFFFFF;
 535 }
 536
 537
 538 /***
 539  *** Message
 540  ***/
 541
 542 table.message_search_results td {
 543   border-color:#9999FF;
 544 }
 545
 546 .message.other .author {
 547   color: #8888CC;
 548 }
 549
 550 .message.me .author {
 551   color: #999999;
 552 }
 553
 554 .message .time {
 555   color: #999999;
 556 }
 557
 558 .message .content {
 559 }
 560
 561 /***
 562  *** Logs
 563  ***/
 564
 565 .logtable .r1 {
 566   background-color:#FFFFFF;
 567 }
 568
 569
 570 /***
 571  *** Tabs
 572  ***/
 573
 574 .tablink a:link,
 575 .tablink a:visited {
 576   color:#888888;
 577 }
 578
 579 .selected .tablink a:link,
 580 .selected .tablink a:visited {
 581   color:#000066;
 582 }
 583 .tabs .side,
 584 .tabrow td {
 585   border-color: #AAAAAA;
 586 }
 587 .tabrow td {
 588   background:url(pix/tab/left.gif) top left no-repeat;
 589 }
 590 .tabrow td .tablink {
 591   background:url(pix/tab/right.gif) top right no-repeat;
 592 }
 593 .tabrow td:hover {
 594   background-image:url(pix/tab/left_hover.gif);
 595 }
 596 .tabrow td:hover .tablink {
 597   background-image:url(pix/tab/right_hover.gif);
 598 }
 599 .tabrow .last {
 600   background: transparent url(pix/tab/right_end.gif) top right no-repeat;
 601 }
 602 .tabrow .selected {
 603   background:url(pix/tab/left_active.gif) top left no-repeat;
 604 }
 605 .tabrow .selected .tablink {
 606   background:url(pix/tab/right_active.gif) top right no-repeat;
 607 }
 608 .tabrow td.selected:hover {
 609   background-image:url(pix/tab/left_active_hover.gif);
 610 }
 611 .tabrow td.selected:hover .tablink {
 612   background-image:url(pix/tab/right_active_hover.gif);
 613 }
 614 .tabs .r0,
 615 .tabs .r1 {
 616   background-color: #AAAAFF;
 617 }
 618
 619 /***
 620  *** User
 621  ***/
 622
 623 .userpicture {
 624   background-color: #FFFFFF;
 625 }
 626
 627 .userinfobox {
 628   border-color: #DDDDDD;
 629   background-color: #FFFFFF;
 630 }
 631 .groupinfobox {
 632   border-color: #DDDDDD;
 633 }
 634
 635 #user-edit .formtable {
 636   background-color: #FFFFFF;
 637 }
 638
 639 /***
 640  *** Modules: Chat
 641  ***/
 642
 643 #mod-chat-gui_header_js-jsupdate .text {
 644   color:#000
 645 }
 646 #mod-chat-gui_header_js-jsupdate .event,
 647 #mod-chat-gui_header_js-jsupdate .title {
 648   color:#888
 649 }
 650
 651 /***
 652  *** Modules: Choice
 653  ***/
 654
 655 /***
 656  *** Modules: Forum
 657  ***/
 658
 659 .forumheaderlist,
 660 .forumpost {
 661   border-color:#9999FF;
 662 }
 663
 664 .forumpost .content {
 665   background-color: #FFFFFF;
 666 }
 667
 668 .forumpost .left {
 669   background-color:#EEEEEE;
 670 }
 671
 672 .forumpost .topic {
 673   border-bottom-color: #EEEEEE;
 674 }
 675
 676 .forumpost .starter {
 677   background-color:#EEEEEE;
 678 }
 679
 680 .forumheaderlist .discussion .starter {
 681   background-color:#EEEEEE;
 682 }
 683
 684 .forumheaderlist td {
 685   border-color: #FFFFFF;
 686 }
 687
 688 .sideblock .post .head {
 689   color:#555555;
 690 }
 691
 692 .forumthread .unread {
 693   background-color: #FFD991;
 694 }
 695 #mod-forum-discuss .forumpost {
 696   background-color: none;
 697 }
 698
 699 #mod-forum-discuss .forumpost.unread .content {
 700   border-color: #FFD991;
 701 }
 702
 703 #mod-forum-discuss .forumthread .unread {
 704 }
 705
 706 #mod-forum-index .unread {
 707 }
 708
 709 /***
 710  *** Modules: Glossary
 711  ***/
 712
 713 .entryboxheader {
 714   border-color: #BBBBBB;
 715 }
 716
 717 .entrybox {
 718   border-color: #BBBBBB;
 719 }
 720
 721 .entry {
 722 }
 723
 724 .glossarypost {
 725   border-color: #DDDDDD;
 726 }
 727
 728 .glossarypost .entryheader,
 729 .glossarypost .entryapproval,
 730 .glossarypost .picture,
 731 .glossarypost .entryattachment,
 732 .glossarypost .left {
 733   background-color: #F0F0F0;
 734 }
 735
 736 .glossarycomment {
 737   border-color: #DDDDDD;
 738 }
 739
 740 .glossarycomment .entryheader,
 741 .glossarycomment .picture,
 742 .glossarycomment .left {
 743   background-color: #F0F0F0;
 744
 745 }
 746
 747 .categoryheader {
 748   background-color: #dddddd;
 749 }
 750
 751 .glossaryformatheader {
 752   background-color: #dddddd;
 753 }
 754
 755
 756 /***
 757  *** Modules: Journal
 758  ***/
 759
 760 #mod-journal-view .feedbackbox .left,
 761 #mod-journal-view .feedbackbox .entryheader {
 762   background-color: #dddddd;
 763 }
 764
 765 /***
 766  *** Modules: Label
 767  ***/
 768
 769 /***
 770  *** Modules: Lesson
 771  ***/
 772
 773 /***
 774  *** Modules: Quiz
 775  ***/
 776
 777 body#mod-quiz-report table#attempts td {
 778   border-color: #dddddd;
 779 }
 780 body#mod-quiz-report table#attempts .r1 {
 781   background-color: #FFFFFF;
 782 }
 783
 784
 785 /***
 786  *** Modules: Resource
 787  ***/
 788
 789 #mod-resource-view table {
 790   background-color: #FFFFFF;
 791
 792 .ims-nav-dimmed {
 793   color: #AAAAAA;
 794   text-decoration: none;
 795 }
 796
 797 .ims-nav-button a:link,
 798 .ims-nav-button a:visited,
 799 .ims-nav-button a:hover {
 800   color: #000;
 801   text-decoration: none;
 802 }
 803
 804 .ims-nav-dimmed,
 805 .ims-nav-button a:link,
 806 .ims-nav-button a:visited {
 807   border-top: 1px solid #cecece;
 808   border-bottom: 2px solid #4a4a4a;
 809   border-left: 1px solid #cecece;
 810   border-right: 2px solid #4a4a4a;
 811 }
 812
 813 .ims-nav-button a:hover {
 814   border-bottom: 1px solid #cecece;
 815   border-top: 2px solid #4a4a4a;
 816   border-right: 1px solid #cecece;
 817   border-left: 2px solid #4a4a4a;
 818 }
 819
 820
 821 /***
 822  *** Modules: Scorm
 823  ***/
 824
 825 /***
 826  *** Modules: Survey
 827  ***/
 828
 829 #mod-survey-view .r0 {
 830   background-color: #FFFFFF;
 831 }
 832 #mod-survey-view .r1 {
 833   background-color: #DDDDDD;
 834 }
 835
 836
 837 /***
 838  *** Modules: Wiki
 839  ***/
 840
 841 /***
 842  *** Modules: Workshop
 843  ***/
 844
 845 .workshoppostpicture {
 846   background-color:#FEE6B9;
 847 }
 848
 849 .workshopassessmentheading {
 850   background-color:#DDDDDD;
 851 }
 852
 853 .error {
 854   color:#ff0000;
 855 }