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