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