theme/cornflower/cornflower.css

   1 /*******************************************************************
   2  Cornflower CSS
   3
   4  This CSS file contains all color and layout definitions
   5  for the Cornflower theme.
   6
   7  This theme requires the Standard theme to be present.
   8
   9 *******************************************************************/
  10
  11 /***
  12  ***  Core
  13  ***/
  14
  15 a:link,
  16 a:visited {
  17   color:#054377;
  18 }
  19
  20 a:hover {
  21   color:#054377;
  22   text-decoration:underline;
  23
  24   }
  25
  26 body {
  27   background-color:#739FC4;
  28   border-color:#F7F7F7;
  29 }
  30
  31 th.header,
  32 td.header,
  33 div.header {
  34     background-color: #739FC4;
  35 }
  36
  37 .navbar {
  38   background-color:#D0E2EE;
  39   border-color:#D0E2EE;
  40
  41 }
  42
  43 .generalbox {
  44   border-color:#739FC4;
  45 }
  46 .informationbox {
  47   border-color:#739FC4;
  48 }
  49 .feedbackbox {
  50   border-color: #739FC4;
  51 }
  52
  53 .noticebox {
  54   border-color:#739FC4;
  55 }
  56
  57 .errorbox {
  58   color:#ffffff;
  59   border-color:#739FC4;
  60   background-color:#990000;
  61 }
  62
  63 .tabledivider {
  64   border-color:#739FC4;
  65 }
  66
  67 .sitetopic {
  68 }
  69
  70 .sitetopiccontent {
  71   border-color:#739FC4;
  72   background-color:#FFFFFF;
  73 }
  74
  75 .unread {
  76   background: #78A2CD;
  77 }
  78
  79 /***
  80  *** Header
  81  ***/
  82
  83 #header-home, #header {
  84 background: #ececec url(images/hdbg.jpg) 1px 0 repeat-x;
  85 height:112px;
  86
  87 }
  88
  89 .headermain {
  90   background: transparent url(images/hdbgend.jpg) 100% 0 no-repeat;
  91   float: none;
  92
  93 }
  94
  95
  96 /***
  97  *** Admin
  98  ***/
  99
 100 .admin .generalboxcontent {
 101   background-color:#EEEEEE;
 102 }
 103
 104 .admin .generalbox {
 105   border-color:#739FC4;
 106 }
 107
 108 .admin .informationbox {
 109   border-color:#739FC4;
 110   background-color:#FFFFFF;
 111 }
 112
 113
 114 /***
 115  *** Blocks
 116  ***/
 117
 118 .sideblock {
 119     border-top: 1px solid #739FC4;
 120     border-right: 1px solid #4A677F;
 121     border-bottom: 2px groove #4A677F;
 122     border-left: 1px solid #4A677F;
 123 }
 124
 125
 126
 127 .sideblock .header {
 128   text-align: left;
 129   padding:4px;
 130   background-color: #739FC4;
 131   border-bottom: 2px groove #739FC4;
 132 }
 133
 134 .sideblock .content {
 135   background-color:#FFFFFF;
 136 }
 137
 138 .sideblock .header .commands {
 139   float: right;
 140   margin-top: 0.3em;
 141 }
 142
 143 /***
 144  *** Calendar
 145  ***/
 146
 147 #calendar .maincalendar,
 148 #calendar .sidecalendar {
 149   border-color: #739FC4;
 150 }
 151
 152 #calendar .maincalendar table.calendarmonth th {
 153   border-color: #000000;
 154 }
 155
 156 table.minicalendar {
 157   border-color:#739FC4;
 158 }
 159
 160 #calendar .maincalendar .eventlist .event {
 161   border-color:#739FC4;
 162 }
 163
 164 #calendar .maincalendar .eventlist .event .topic,
 165 #calendar .maincalendar .eventlist .event .picture,
 166 #calendar .maincalendar .eventlist .event .side {
 167   background-color:#FFFFFF;
 168 }
 169
 170 #calendar .maincalendar table.calendarmonth ul.events-underway {
 171   color:#739FC4;
 172 }
 173
 174 #calendar .event_global,
 175 .minicalendar .event_global,
 176 .block_calendar_month .event_global {
 177   border-color:#2EBA0E !important;
 178   background-color:#2EBA0E;
 179 }
 180
 181 #calendar .event_course,
 182 .minicalendar .event_course,
 183 .block_calendar_month .event_course {
 184   border-color:#FF9966 !important;
 185   background-color:#FF9966;
 186 }
 187
 188 #calendar .event_group,
 189 .minicalendar .event_group,
 190 .block_calendar_month .event_group {
 191   border-color:#FBBB23 !important;
 192   background-color:#FBBB23;
 193 }
 194
 195 #calendar .event_user,
 196 .minicalendar .event_user,
 197 .block_calendar_month .event_user {
 198   border-color:#A1BECB !important;
 199   background-color:#A1BECB;
 200 }
 201
 202 #calendar .duration_global,
 203 .minicalendar .duration_global {
 204   border-top-color:#2EBA0E !important;
 205   border-bottom-color:#2EBA0E !important;
 206 }
 207
 208 #calendar .duration_course,
 209 .minicalendar .duration_course {
 210   border-top-color:#FF9966 !important;
 211   border-bottom-color:#FF9966 !important;
 212 }
 213
 214 #calendar .duration_group,
 215 .minicalendar .duration_group {
 216   border-top-color:#FBBB23 !important;
 217   border-bottom-color:#FBBB23 !important;
 218 }
 219
 220 #calendar .duration_user,
 221 .minicalendar .duration_user {
 222   border-top-color:#A1BECB !important;
 223   border-bottom-color:#A1BECB !important;
 224 }
 225
 226 #calendar .weekend,
 227 .minicalendar .weekend {
 228   color:#FF0000;
 229 }
 230
 231 #calendar .today,
 232 .minicalendar .today {
 233   border-color:#000000 !important;
 234 }
 235
 236 .cal_popup_fg {
 237   background-color:#FFFFFF;
 238 }
 239
 240 .cal_popup_bg {
 241   border-color:#000000;
 242   background-color:#FFFFFF;
 243 }
 244
 245 #calendar .maincalendar .filters table,
 246 #calendar .sidecalendar .filters table,
 247 .block_calendar_month .filters table {
 248   background-color: #FFFFFF;
 249 }
 250
 251
 252
 253 /***
 254  *** Course
 255  ***/
 256
 257 /* course, entry-page, login */
 258 .headingblock {
 259   background-color: #739FC4;
 260   border-top: 1px solid #739FC4;
 261   border-right: 1px solid #4A677F;
 262   border-bottom: 2px groove #4A677F;
 263   border-left: 1px solid #4A677F;
 264 }
 265
 266 /* course */
 267 .headingblock .outline {
 268   border-color:#739FC4;
 269 }
 270
 271 #course-view .weekscss .section,
 272 #course-view .section td {
 273   border-color:#DDDDDD;
 274 }
 275
 276 /* .content should match the body background, sides are white. */
 277 #course-view .content {
 278   background: #FFFFFF;
 279 }
 280
 281 #course-view .weekscss .section,
 282 #course-view .section td.side {
 283   background: #739FC4;
 284 }
 285
 286 #course-view .section .side {
 287 }
 288
 289 #course-view .section .left {
 290 }
 291
 292 #course-view .section .right {
 293 }
 294
 295 #course-view .weekscss .current,
 296 #course-view .current td.side {
 297   background: #3b92dc;
 298 }
 299
 300 #course-view .weekscss .hidden,
 301 #course-view .hidden td.side {
 302   background: #DDDDDD;
 303 }
 304
 305 .categoryboxcontent,
 306 .courseboxcontent {
 307     border-top: 1px solid #739FC4;
 308     border-right: 1px solid #4A677F;
 309     border-bottom: 2px groove #4A677F;
 310     border-left: 1px solid #4A677F;
 311     background: #FFFFFF;
 312 }
 313 body#course-user .section {
 314     border-color:#AAAAAA;
 315 }
 316
 317
 318
 319 /***
 320  *** Login
 321  ***/
 322
 323 .loginbox,
 324 .loginbox.twocolumns .loginpanel,
 325 .loginbox .subcontent {
 326   border-color:#739FC4;
 327 }
 328
 329
 330 /***
 331  *** Message
 332  ***/
 333
 334 table.message_search_results td {
 335   border-color:#739FC4;
 336 }
 337
 338 .message .author {
 339   color: #739FC4;
 340 }
 341
 342 .message .time {
 343   color: #739FC4;
 344 }
 345
 346 .message .content {
 347 }
 348
 349
 350
 351 /***
 352  *** User
 353  ***/
 354
 355 .userpicture {
 356   background:#EEEEEE;
 357 }
 358
 359 .userinfobox {
 360   border-color: #739FC4;
 361   background-color: #F7F7F7;
 362 }
 363 .groupinfobox {
 364   border-color: #739FC4;
 365   background-color: #FCFCFC;
 366 }
 367
 368
 369 /***
 370  *** Modules: Forum
 371  ***/
 372
 373 .forumheaderlist,
 374 .forumpost {
 375   border-color:#1D5083;
 376 }
 377
 378 .forumpost .content {
 379   background: #FFFFFF;
 380 }
 381
 382 .forumpost .left {
 383   background:#739FC4;
 384 }
 385
 386 .forumpost .topic {
 387   border-bottom-color: #739FC4;
 388   background:#D0E2EE;
 389
 390 }
 391
 392 .forumpost .starter {
 393   background:#739FC4;
 394 }
 395
 396 .forumheaderlist .discussion .starter {
 397   background:#D0E2EE;
 398 }
 399
 400 .forumheaderlist td {
 401   border-color: #739FC4;
 402 }
 403
 404 .sideblock .post .head {
 405   color:#555555;
 406 }
 407
 408 .forumthread .unread {
 409   background: #78A2CD;
 410 }
 411 #mod-forum-discuss .forumpost {
 412   background: none;
 413 }
 414
 415 #mod-forum-discuss .unread .forumpost .message {
 416   border-color: #78A2CD;
 417 }
 418 #mod-forum-discuss .forumthread .unread {
 419 }
 420
 421 #mod-forum-index .unread {
 422 }
 423
 424
 425 /***
 426  *** Modules: Glossary
 427  ***/
 428
 429 .glossarypost {
 430   border-color: #739FC4;
 431 }
 432
 433 .glossarypost .entryheader,
 434 .glossarypost .entryapproval,
 435 .glossarypost .picture,
 436 .glossarypost .entryattachment,
 437 .glossarypost .left {
 438   background-color: #739fc4;
 439 }
 440
 441 .glossarycomment {
 442   border-color: #739FC4;
 443 }
 444
 445 .glossarycomment .entryheader,
 446 .glossarycomment .picture,
 447 .glossarycomment .left {
 448   background-color: #739fc4;
 449
 450 }
 451
 452 #mod-glossary-report .generalbox .teacher {
 453   background: #739fc4;
 454 }
 455
 456 .categoryheader {
 457   background-color: #efefef;
 458 }
 459
 460 .glossaryformatheader {
 461   background-color: #739FC4;
 462 }
 463
 464
 465 /***
 466  *** Modules: Journal
 467  ***/
 468
 469 #mod-journal-view .feedbackbox .left,
 470 #mod-journal-view .feedbackbox .entryheader {
 471   background-color: #739FC4;
 472 }
 473
 474 /***
 475  *** Modules: Quiz
 476  ***/
 477
 478 body#mod-quiz-report table#attempts td {
 479   border-color: #739FC4;
 480 }
 481 body#mod-quiz-report table#attempts .r1 {
 482   background-color: #eeeeee;
 483 }
 484
 485
 486
 487 /***
 488  *** Misc Color
 489  ***/
 490
 491 .headermenu a:link {
 492     text-decoration: none;
 493     color: #ffffff;
 494 }
 495 .headermenu a:visited {
 496     text-decoration: none;
 497     color: #ffffff;
 498 }
 499 .headermenu a:hover {
 500     text-decoration: underline;
 501     color: #ffffff;
 502 }
 503
 504
 505 .cornflowersurround {
 506   background: #D0E2EE;
 507   border-top: 1px solid #4A677F;
 508   border-right: 1px solid #4A677F;
 509   border-bottom: 2px groove #4A677F;
 510   border-left: 1px solid #4A677F;
 511 }
 512
 513 .generalboxcontent {
 514   background-color:#FFFFFF;
 515
 516 }
 517 /***
 518  *** Layout Core
 519  ***/
 520
 521 h1.main,
 522 h2.main,
 523 h3.main,
 524 h4.main,
 525 h5.main,
 526 h6.main {
 527   text-align: center;
 528 }
 529
 530 #layout-table {
 531   width:100%;
 532   border-collapse:separate;
 533   margin-top: 8px;
 534 }
 535
 536 #layout-table #left-column,
 537 #layout-table #middle-column,
 538 #layout-table #right-column
 539 {
 540   vertical-align:top;
 541 }
 542
 543 #layout-table #middle-column {
 544   padding-left:12px;
 545   padding-right:12px;
 546 }
 547
 548 #layout-table #left-column {
 549   padding-left:10px;
 550 }
 551
 552 #layout-table #right-column {
 553   padding-right:10px;
 554 }
 555
 556 div.headermenu
 557 {
 558     position: absolute;
 559     top: 15px;
 560     right: 10px;
 561 }