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