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 #left-column .sideblock .header {
 259   background-color:#DAE0E4;
 260   border-bottom-color:#F9FAFA
 261 }
 262 #left-column .sideblock .list td {
 263   border-color:#FFF
 264 }
 265 #right-column .sideblock .header {
 266   background-color:#FFEDCE;
 267   border-bottom-color:#CCDDEF
 268 }
 269 #right-column .sideblock .content {
 270   background-color:#F9FAFA
 271 }
 272 .sideblock .link {
 273   border-bottom-color:#FFF
 274 }
 275 .sideblock .post {
 276   border-bottom-color:#FFF
 277 }
 278 .sideblock h1.main:first-letter,
 279 .sideblock h2.main:first-letter,
 280 .sideblock h3.main:first-letter,
 281 .sideblock h4.main:first-letter,
 282 .sideblock h5.main:first-letter,
 283 .sideblock h6.main:first-letter {
 284   color:#999
 285 }
 286
 287
 288 /***
 289  *** Calendar
 290  ***/
 291
 292 #calendar .maincalendar,
 293 #calendar .sidecalendar {
 294   border-color:#DDD
 295 }
 296 #calendar .maincalendar table.calendarmonth th {
 297   border-color:#000
 298 }
 299 table.minicalendar {
 300   border-color:#DDD
 301 }
 302 #calendar .maincalendar .eventlist .event {
 303   border-color:#DDD
 304 }
 305 #calendar .maincalendar .eventlist .event .topic,
 306 #calendar .maincalendar .eventlist .event .picture,
 307 #calendar .maincalendar .eventlist .event .side {
 308   background-color:#EEE
 309 }
 310 #calendar .maincalendar table.calendarmonth ul.events-underway {
 311   color:#999
 312 }
 313 #calendar .event_global,
 314 .minicalendar .event_global,
 315 .block_calendar_month .event_global {
 316   border-color:#2EBA0E !important;
 317   background-color:#2EBA0E
 318 }
 319 #calendar .event_course,
 320 .minicalendar .event_course,
 321 .block_calendar_month .event_course {
 322   border-color:#F96 !important;
 323   background-color:#F96
 324 }
 325 #calendar .event_group,
 326 .minicalendar .event_group,
 327 .block_calendar_month .event_group {
 328   border-color:#FBBB23 !important;
 329   background-color:#FBBB23
 330 }
 331 #calendar .event_user,
 332 .minicalendar .event_user,
 333 .block_calendar_month .event_user {
 334   border-color:#A1BECB !important;
 335   background-color:#A1BECB
 336 }
 337 #calendar .duration_global,
 338 .minicalendar .duration_global {
 339   border-top-color:#2EBA0E !important;
 340   border-bottom-color:#2EBA0E !important
 341 }
 342 #calendar .duration_course,
 343 .minicalendar .duration_course {
 344   border-top-color:#F96 !important;
 345   border-bottom-color:#F96 !important
 346 }
 347 #calendar .duration_group,
 348 .minicalendar .duration_group {
 349   border-top-color:#FBBB23 !important;
 350   border-bottom-color:#FBBB23 !important
 351 }
 352 #calendar .duration_user,
 353 .minicalendar .duration_user {
 354   border-top-color:#A1BECB !important;
 355   border-bottom-color:#A1BECB !important
 356 }
 357 #calendar .weekend,
 358 .minicalendar .weekend {
 359   color:#F00
 360 }
 361 #calendar .today,
 362 .minicalendar .today {
 363   border-color:#DDD !important
 364 }
 365 .cal_popup_fg {
 366   background-color:#FFF
 367 }
 368 .cal_popup_bg {
 369   border-color:#000;
 370   background-color:#FFF
 371 }
 372 #calendar .maincalendar .filters table,
 373 #calendar .sidecalendar .filters table,
 374 .block_calendar_month .filters table {
 375   background-color:transparent
 376 }
 377
 378
 379 /***
 380  *** Course
 381  ***/
 382
 383 #course-view .headingblock {
 384   border-left-color:#FFC86C
 385 }
 386 #course-view .section td {
 387   border-color:#DDD
 388 }
 389 #course-view .section .content .section {
 390   background-color:#F9FAFA
 391 }
 392 #course-view .section .content .section .activity {
 393   border-bottom-color:#FFF
 394 }
 395 #course-view .section .content .section .label {
 396   background-color:#FFF
 397 }
 398 #course-view .section .side {
 399 }
 400 #course-view .section .left {
 401   background-color:#FFC86C
 402 }
 403 #course-view .section .right {
 404 }
 405 #course-view .current .side{
 406 }
 407 #course-view .topics {
 408 }
 409 #course-view .weeks {
 410 }
 411 #course-view .section .spacer {
 412 }
 413 #course-view .section .weekdates {
 414   color:#AAA
 415 }
 416 /*.editing .section .content .summary {
 417   background-color:#FFF
 418 }*/
 419 .categoryboxcontent,
 420 .courseboxcontent {
 421   border-color:#DDD;
 422   background:#FFF
 423 }
 424 #course-user .section {
 425   border-color:#AAA
 426 }
 427 #course-user #content,
 428 #user-view #content,
 429 #user-edit #content,
 430 .admin #content,
 431 .course #content,
 432 #files-index #content {
 433   background-color:#EEE
 434 }
 435 #user-edit #content .generalbox,
 436 #user-view .userinfobox tr {
 437   background-color:#FFF
 438 }
 439 #site-index #content,
 440 #course-view #content {
 441   background-color:#FFF
 442 }
 443 #course-user .logtable .r1 {
 444   background-color:#DFDFDF
 445 }
 446 #course-view .section.hidden *,
 447 #course-view .section.hidden .content,
 448 #course-view .section.hidden .side {
 449   border-color:#EEE;
 450   color:#AAA
 451 }
 452 #course-view .section.hidden .left {
 453   background-color:#EEE
 454 }
 455
 456 /***
 457  *** Doc
 458  ***/
 459
 460 /***
 461  *** Login
 462  ***/
 463
 464 .loginbox {
 465   background-color:#F9FAFA
 466 }
 467
 468 .loginbox,
 469 .loginbox.twocolumns .loginpanel,
 470 .loginbox .subcontent {
 471   border-color:#DDD
 472 }
 473
 474 /***
 475  *** Message
 476  ***/
 477
 478 table.message_search_results td {
 479   border-color:#DDD
 480 }
 481 .message.other .author {
 482   color:#88C
 483 }
 484 .message.me .author {
 485   color:#999
 486 }
 487 .message .time {
 488   color:#999
 489 }
 490 .message .content {
 491 }
 492
 493 /***
 494  *** User
 495  ***/
 496
 497 .userpicture {
 498   background:#EEE
 499 }
 500 .userinfobox {
 501   border-color:#DDD;
 502   background-color:#F7F7F7
 503 }
 504 .groupinfobox {
 505   border-color:#DDD;
 506   background-color:#FCFCFC
 507 }
 508
 509 /***
 510  *** Modules:Assignment
 511  ***/
 512
 513 .assignmentsubmission {
 514 }
 515 .assignmentnew .assignmentfeedback{
 516   background-color:#FFEDCE
 517 }
 518
 519 .assignmentold .assignmentfeedback{
 520   background-color:#BBB
 521 }
 522 .assignmentheading {
 523   background-color:#BBB
 524 }
 525
 526 /***
 527  *** Modules:Chat
 528  ***/
 529
 530 /***
 531  *** Modules:Choice
 532  ***/
 533
 534 /***
 535  *** Modules:Forum
 536  ***/
 537
 538 .mod-forum #content {
 539   background-color:#F9FAFA
 540 }
 541 #mod-forum-user #content {
 542   background-color:#EEE
 543 }
 544 .forumheaderlist,
 545 .forumpost {
 546   border-color:#DDD;
 547   background-color:#FFF
 548 }
 549 .forumheaderlist .header {
 550   background-color:#FFDA9D;
 551   border-color:#FFB63B
 552 }
 553 .forumpost .content {
 554   background:#FFF
 555 }
 556 .forumpost .left {
 557   background:#EEE
 558 }
 559 .forumpost .topic {
 560   border-bottom-color:#EEE
 561 }
 562 .forumpost .starter {
 563   background-color:#FFDA9D
 564 }
 565 .forumheaderlist .discussion .starter {
 566   background-color:#FFEDCE
 567 }
 568 .forumheaderlist td {
 569   border-color:#FFF
 570 }
 571 .sideblock .post .head {
 572   color:#555
 573 }
 574 .forumthread .unread {
 575   background:#FFD991
 576 }
 577 #mod-forum-discuss .forumpost {
 578   background:none
 579 }
 580 #mod-forum-discuss .forumpost.unread .content {
 581   border-color:#FFD991
 582 }
 583 #mod-forum-discuss .forumthread .unread {
 584 }
 585 #mod-forum-index .unread {
 586 }
 587
 588 /***
 589  *** Modules:Glossary
 590  ***/
 591
 592 .mod-glossary #content {
 593  background-color:#F9FAFA
 594 }
 595 .entryboxheader {
 596   border-color:#BBB
 597 }
 598 .entrybox {
 599   border-color:#BBB;
 600   background-color:#FFF
 601 }
 602 .glossarypost {
 603   border-color:#DDD;
 604   background-color:#FFF
 605 }
 606 .glossarypost .entryheader,
 607 .glossarypost .entryapproval,
 608 .glossarypost .picture,
 609 .glossarypost .entryattachment,
 610 .glossarypost .left {
 611   background-color:#F0F0F0
 612 }
 613 .glossarycomment {
 614   border-color:#DDD
 615 }
 616 .glossarycomment .entryheader,
 617 .glossarycomment .picture,
 618 .glossarycomment .left {
 619   background-color:#F0F0F0
 620 }
 621 #mod-glossary-report .generalbox .teacher {
 622   background:#F0F0F0
 623 }
 624 .glossarycategoryheader {
 625   background-color:#FFDA9D
 626 }
 627 .glossaryformatheader {
 628   background-color:#FFEDCE
 629 }
 630 .glossarydisplay {
 631   border-bottom-color:#F9FAFA
 632 }
 633
 634 /***
 635  *** Modules:Journal
 636  ***/
 637
 638 #mod-journal-view .feedbackbox .left,
 639 #mod-journal-view .feedbackbox .entryheader {
 640   background-color:#FFEDCE
 641 }
 642 /***
 643  *** Modules:Label
 644  ***/
 645
 646 /***
 647  *** Modules:Lesson
 648  ***/
 649
 650 /***
 651  *** Modules:Quiz
 652  ***/
 653
 654 body#mod-quiz-report table#attempts td {
 655   border-color:#DDD
 656 }
 657 body#mod-quiz-report table#attempts .r1 {
 658   background-color:#EEE
 659 }
 660
 661 /***
 662  *** Modules:Resource
 663  ***/
 664
 665 /***
 666  *** Modules:Scorm
 667  ***/
 668
 669 /***
 670  *** Modules:Survey
 671  ***/
 672
 673 #mod-survey-view .r0 {
 674   background-color:#EEE
 675 }
 676 #mod-survey-view .r1 {
 677   background-color:#FFEDCE
 678 }
 679
 680 /***
 681  *** Modules:Wiki
 682  ***/
 683
 684 /***
 685  *** Modules:Workshop
 686  ***/
 687
 688 .workshoppostpicture {
 689   background-color:#FEE6B9
 690 }
 691 .workshopassessmentheading {
 692   background-color:#FFEDCE
 693 }