theme/standard/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: #DDDDDD;
  49 }
  50
  51 a.autolink.glossary:hover {
  52   cursor: help;
  53 }
  54
  55 body {
  56   background-color:#FAFAFA;
  57 }
  58
  59 th.header,
  60 td.header,
  61 div.header {
  62   border-color:#DDDDDD;
  63 }
  64
  65 .navbar {
  66   border-color:#DDDDDD;
  67 }
  68
  69 table.formtable tbody th {
  70   background: none;
  71 }
  72
  73 .highlight {
  74   background-color:#AAFFAA;
  75 }
  76
  77 .highlight2 {
  78   color:#AA0000; /* highlight missing terms in forum search */
  79 }
  80
  81 /* Alternate rows even */
  82 .r0 {
  83 }
  84
  85 /* Alternate rows odd */
  86 .r1 {
  87 }
  88
  89 /* notification messages (can be good or bad) */
  90 .notifyproblem {
  91   color:#660000;
  92 }
  93 .notifysuccess {
  94   color:#006600;
  95 }
  96
  97 .required {
  98   background-color:#DDDDDD;
  99 }
 100
 101 .generalbox {
 102   border-color:#DDDDDD;
 103 }
 104 .informationbox {
 105   border-color:#DDDDDD;
 106 }
 107 .feedbackbox {
 108   border-color: #888888;
 109 }
 110 .feedbackby {
 111   background-color:#BBBBBB;
 112 }
 113
 114 .noticebox {
 115   border-color:#DDDDDD;
 116 }
 117
 118 .errorbox {
 119   color:#ffffff;
 120   border-color:#660000;
 121   background-color:#990000;
 122 }
 123
 124 .tabledivider {
 125   border-color:#DDDDDD;
 126 }
 127
 128 .sitetopic {
 129 }
 130
 131 .sitetopiccontent {
 132   border-color:#DDDDDD;
 133   background-color:#FFFFFF;
 134 }
 135
 136 .dimmed_text {
 137   color:#AAAAAA;
 138 }
 139
 140 .teacheronly {
 141   color:#990000;
 142 }
 143
 144 .unread {
 145   background: #FFD991;
 146 }
 147
 148 .censoredtext {
 149   color:#000000;
 150   background:#000000;
 151 }
 152
 153
 154 /* kept for backward compatibility with some non-standard modules
 155    which use these classes for various things */
 156 .generaltab, .generaltabinactive {
 157   background-color:#BBBBBB;
 158 }
 159 .generaltabselected {
 160   background-color:#DDDDDD;
 161 }
 162 .generaltabinactive {
 163   color:#CCCCCC;
 164 }
 165
 166
 167
 168 /***
 169  *** Header
 170  ***/
 171
 172 /***
 173  *** Footer
 174  ***/
 175
 176 .homelink a:link,
 177 .homelink a:visited,
 178 .homelink a:hover {
 179   color: #000;
 180   text-decoration: none;
 181 }
 182 .homelink a:link,
 183 .homelink a:visited {
 184   border-top: 1px solid #cecece;
 185   border-bottom: 2px solid #4a4a4a;
 186   border-left: 1px solid #cecece;
 187   border-right: 2px solid #4a4a4a;
 188 }
 189 .homelink a:hover {
 190   border-bottom: 1px solid #cecece;
 191   border-top: 2px solid #4a4a4a;
 192   border-right: 1px solid #cecece;
 193   border-left: 2px solid #4a4a4a;
 194 }
 195
 196
 197 /***
 198  *** Admin
 199  ***/
 200
 201 .admin .generalboxcontent {
 202   background-color:#EEEEEE;
 203 }
 204
 205 .admin .generalbox {
 206   border-color:#BBBBBB;
 207 }
 208
 209 .admin .informationbox {
 210   border-color:#BBBBBB;
 211   background-color:#FFFFFF;
 212 }
 213
 214 body#admin-index .c0 {
 215   background-color: #FAFAFA;
 216 }
 217
 218 body#admin-blocks table#blocks .r0,
 219 body#admin-blocks table#incompatible .r0 {
 220   background-color: #f0f0f0;
 221 }
 222
 223 body#admin-blocks table#blocks .r1,
 224 body#admin-blocks table#incompatible .r1 {
 225   background-color: #fafafa;
 226 }
 227
 228 body#admin-blocks table#incompatible td.c0 {
 229   color: #ff0000;
 230 }
 231
 232
 233 /***
 234  *** Blocks
 235  ***/
 236
 237 .sideblock .header {
 238   border-color: #dddddd;
 239 }
 240
 241 .sideblock .content {
 242   border-color: #dddddd;
 243   background-color:#FCFCFC;
 244 }
 245
 246 .sideblock .content hr {
 247   border-top-color:#999999;
 248 }
 249
 250 #left-column .hidden .header,
 251 #right-column .hidden .header
 252 {
 253   border-bottom-color: #dddddd;
 254 }
 255
 256 .sideblock .header .hide-show img.hide-show-image {
 257   background: url('../../pix/t/switch_minus.gif') no-repeat bottom;
 258 }
 259
 260 .sideblock.hidden .header .hide-show img.hide-show-image {
 261   background: url('../../pix/t/switch_plus.gif') no-repeat bottom;
 262 }
 263
 264 .blockconfigtable {
 265   background-color:#FFFFFF;
 266   border-left:1px solid;
 267   border-right:1px solid;
 268   border-bottom:1px solid;
 269   border-color:#AAAAAA;
 270 }
 271
 272
 273 /***
 274  *** Calendar
 275  ***/
 276
 277 #calendar .maincalendar,
 278 #calendar .sidecalendar {
 279   border-color: #DDDDDD;
 280 }
 281
 282 #calendar .maincalendar table.calendarmonth th {
 283   border-color: #000000;
 284 }
 285
 286 table.minicalendar {
 287   border-color: #DDDDDD;
 288 }
 289
 290 #calendar .maincalendar .eventlist .event {
 291   border-color:#DDDDDD;
 292 }
 293
 294 #calendar .maincalendar .eventlist .event .topic,
 295 #calendar .maincalendar .eventlist .event .picture,
 296 #calendar .maincalendar .eventlist .event .side {
 297   background-color:#EEEEEE;
 298 }
 299
 300 #calendar .maincalendar table.calendarmonth ul.events-underway {
 301   color:#999999;
 302 }
 303
 304 #calendar .event_global,
 305 .minicalendar .event_global,
 306 .block_calendar_month .event_global {
 307   border-color:#2EBA0E !important;
 308   background-color:#2EBA0E;
 309 }
 310
 311 #calendar .event_course,
 312 .minicalendar .event_course,
 313 .block_calendar_month .event_course {
 314   border-color:#FF9966 !important;
 315   background-color:#FF9966;
 316 }
 317
 318 #calendar .event_group,
 319 .minicalendar .event_group,
 320 .block_calendar_month .event_group {
 321   border-color:#FBBB23 !important;
 322   background-color:#FBBB23;
 323 }
 324
 325 #calendar .event_user,
 326 .minicalendar .event_user,
 327 .block_calendar_month .event_user {
 328   border-color:#A1BECB !important;
 329   background-color:#A1BECB;
 330 }
 331
 332 #calendar .duration_global,
 333 .minicalendar .duration_global {
 334   border-top-color:#2EBA0E !important;
 335   border-bottom-color:#2EBA0E !important;
 336 }
 337
 338 #calendar .duration_course,
 339 .minicalendar .duration_course {
 340   border-top-color:#FF9966 !important;
 341   border-bottom-color:#FF9966 !important;
 342 }
 343
 344 #calendar .duration_group,
 345 .minicalendar .duration_group {
 346   border-top-color:#FBBB23 !important;
 347   border-bottom-color:#FBBB23 !important;
 348 }
 349
 350 #calendar .duration_user,
 351 .minicalendar .duration_user {
 352   border-top-color:#A1BECB !important;
 353   border-bottom-color:#A1BECB !important;
 354 }
 355
 356 #calendar .weekend,
 357 .minicalendar .weekend {
 358   color:#FF0000;
 359 }
 360
 361 #calendar .today,
 362 .minicalendar .today {
 363   border-color:#000000 !important;
 364 }
 365
 366 .cal_popup_fg {
 367   background-color:#FFFFFF;
 368 }
 369
 370 .cal_popup_bg {
 371   border-color:#000000;
 372   background-color:#FFFFFF;
 373 }
 374
 375 #calendar .maincalendar .filters table,
 376 #calendar .sidecalendar .filters table,
 377 .block_calendar_month .filters table {
 378   background-color: #EEEEEE;
 379 }
 380
 381
 382
 383 /***
 384  *** Course
 385  ***/
 386
 387 /* course, entry-page, login */
 388 .headingblock {
 389   border-color:#DDDDDD;
 390 }
 391
 392 /* course */
 393 .headingblock .outline {
 394   border-color:#DDDDDD;
 395 }
 396
 397 #course-view .section td {
 398   border-color:#DDDDDD;
 399 }
 400
 401 #course-view .section .content {
 402 }
 403
 404 #course-view .section .side {
 405 }
 406
 407 #course-view .section .left {
 408 }
 409
 410 #course-view .section .right {
 411 }
 412
 413 #course-view .current .side{
 414   background: #FFD991;
 415 }
 416
 417 #course-view .topics {
 418 }
 419
 420 #course-view .weeks {
 421 }
 422
 423 #course-view .section .spacer {
 424 }
 425
 426 #course-view .section .weekdates {
 427   color:#AAAAAA;
 428 }
 429
 430 .categoryboxcontent,
 431 .courseboxcontent {
 432   border-color:#DDDDDD;
 433 }
 434 body#course-user .section {
 435   border-color:#AAAAAA;
 436 }
 437
 438
 439
 440 /***
 441  *** Doc
 442  ***/
 443
 444 /***
 445  *** Grades
 446  ***/
 447
 448 body#grade-index .grades {
 449   border-color:black;
 450 }
 451
 452 body#grade-index .grades td {
 453   border-color:#e0e0e0;
 454 }
 455
 456 body#grade-index .grades .r0 {
 457   background-color: #ffffff;
 458 }
 459
 460 body#grade-index .grades .r1 {
 461   background-color: #f0f0f0;
 462 }
 463
 464
 465 /***
 466  *** Login
 467  ***/
 468
 469 .loginbox .content {
 470   border-color:#DDDDDD;
 471 }
 472
 473
 474 /***
 475  *** Message
 476  ***/
 477
 478 table.message_search_results td {
 479   border-color:#DDDDDD;
 480 }
 481
 482 .message.other .author {
 483   color: #8888CC;
 484 }
 485
 486 .message.me .author {
 487   color: #999999;
 488 }
 489
 490 .message .time {
 491   color: #999999;
 492 }
 493
 494 .message .content {
 495 }
 496
 497 /***
 498  *** Logs
 499  ***/
 500
 501 .logtable .r1 {
 502   background-color:#EEEEEE;
 503 }
 504
 505
 506 /***
 507  *** Tabs
 508  ***/
 509
 510 .tablink a:link,
 511 .tablink a:visited {
 512   color:#000066;
 513 }
 514
 515 .selected .tablink a:link,
 516 .selected .tablink a:visited {
 517   color:#000000;
 518 }
 519 .tabs .side,
 520 .tabrow td {
 521   border-color: #AAAAAA;
 522 }
 523 .tabrow td {
 524   background:url(pix/tab/left.gif) top left no-repeat;
 525 }
 526 .tabrow td .tablink {
 527   background:url(pix/tab/right.gif) top right no-repeat;
 528 }
 529 .tabrow td:hover {
 530   background-image:url(pix/tab/left_hover.gif);
 531 }
 532 .tabrow td:hover .tablink {
 533   background-image:url(pix/tab/right_hover.gif);
 534 }
 535 .tabrow .last {
 536   background: transparent url(pix/tab/right_end.gif) top right no-repeat;
 537 }
 538 .tabrow .selected {
 539   background:url(pix/tab/left_active.gif) top left no-repeat;
 540 }
 541 .tabrow .selected .tablink {
 542   background:url(pix/tab/right_active.gif) top right no-repeat;
 543 }
 544 .tabrow td.selected:hover {
 545   background-image:url(pix/tab/left_active_hover.gif);
 546 }
 547 .tabrow td.selected:hover .tablink {
 548   background-image:url(pix/tab/right_active_hover.gif);
 549 }
 550
 551
 552 /***
 553  *** User
 554  ***/
 555
 556 .userpicture {
 557 }
 558
 559 .userinfobox {
 560   border-color: #DDDDDD;
 561 }
 562 .groupinfobox {
 563   border-color: #DDDDDD;
 564 }
 565
 566
 567 /***
 568  *** Modules: Chat
 569  ***/
 570
 571 /***
 572  *** Modules: Choice
 573  ***/
 574
 575 /***
 576  *** Modules: Forum
 577  ***/
 578
 579 .forumheaderlist,
 580 .forumpost {
 581   border-color:#DDDDDD;
 582 }
 583
 584 .forumpost .content {
 585   background: #FFFFFF;
 586 }
 587
 588 .forumpost .left {
 589   background:#EEEEEE;
 590 }
 591
 592 .forumpost .topic {
 593   border-bottom-color: #EEEEEE;
 594 }
 595
 596 .forumpost .starter {
 597   background:#DDDDDD;
 598 }
 599
 600 .forumheaderlist .discussion .starter {
 601   background:#DDDDDD;
 602 }
 603
 604 .forumheaderlist td {
 605   border-color: #FFFFFF;
 606 }
 607
 608 .sideblock .post .head {
 609   color:#555555;
 610 }
 611
 612 .forumthread .unread {
 613   background: #FFD991;
 614 }
 615 #mod-forum-discuss .forumpost {
 616   background: none;
 617 }
 618
 619 #mod-forum-discuss .forumpost.unread .content {
 620   border-color: #FFD991;
 621 }
 622
 623 #mod-forum-discuss .forumthread .unread {
 624 }
 625
 626 #mod-forum-index .unread {
 627 }
 628
 629
 630 /***
 631  *** Modules: Glossary
 632  ***/
 633
 634 .entryboxheader {
 635   border-color: #BBBBBB;
 636 }
 637
 638 .entrybox {
 639   border-color: #BBBBBB;
 640 }
 641
 642 .entry {
 643 }
 644
 645 .glossarypost {
 646   border-color: #DDDDDD;
 647 }
 648
 649 .glossarypost .entryheader,
 650 .glossarypost .entryapproval,
 651 .glossarypost .picture,
 652 .glossarypost .entryattachment,
 653 .glossarypost .left {
 654   background-color: #F0F0F0;
 655 }
 656
 657 .glossarycomment {
 658   border-color: #DDDDDD;
 659 }
 660
 661 .glossarycomment .entryheader,
 662 .glossarycomment .picture,
 663 .glossarycomment .left {
 664   background-color: #F0F0F0;
 665
 666 }
 667
 668 #mod-glossary-report .generalbox .teacher {
 669   background: #F0F0F0;
 670 }
 671
 672 .categoryheader {
 673   background-color: #dddddd;
 674 }
 675
 676 .glossaryformatheader {
 677   background-color: #dddddd;
 678 }
 679
 680
 681 /***
 682  *** Modules: Journal
 683  ***/
 684
 685 #mod-journal-view .feedbackbox .left,
 686 #mod-journal-view .feedbackbox .entryheader {
 687   background-color: #dddddd;
 688 }
 689
 690 /***
 691  *** Modules: Label
 692  ***/
 693
 694 /***
 695  *** Modules: Lesson
 696  ***/
 697
 698 /***
 699  *** Modules: Quiz
 700  ***/
 701
 702 body#mod-quiz-report table#attempts td {
 703   border-color: #dddddd;
 704 }
 705 body#mod-quiz-report table#attempts .r1 {
 706   background-color: #eeeeee;
 707 }
 708
 709
 710 /***
 711  *** Modules: Resource
 712  ***/
 713
 714 /***
 715  *** Modules: Scorm
 716  ***/
 717
 718 /***
 719  *** Modules: Survey
 720  ***/
 721
 722 #mod-survey-view .r0 {
 723   background-color: #EEEEEE;
 724 }
 725 #mod-survey-view .r1 {
 726   background-color: #DDDDDD;
 727 }
 728
 729
 730 /***
 731  *** Modules: Wiki
 732  ***/
 733
 734 /***
 735  *** Modules: Workshop
 736  ***/
 737
 738 .workshoppostpicture {
 739   background-color:#FEE6B9;
 740 }
 741
 742 .workshopassessmentheading {
 743   background-color:#DDDDDD;
 744 }
 745