theme/canvas/style/core.css

   1 html {
   2     height: 100%;
   3 }
   4
   5 body {
   6     min-height: 100%;
   7     margin: 0;
   8     padding: 0;
   9 }
  10
  11 #page {
  12     font-size: 108%;
  13     line-height: 1.4;
  14 }
  15
  16 .sitetopic {
  17     border: none;
  18 }
  19
  20 .headingblock {
  21     border-bottom: 1px solid #ddd;
  22     font-size: 1.3em;
  23     color: #333;
  24 }
  25
  26 #notice {
  27     text-align: center;
  28 }
  29
  30 .noticebox,
  31 .expired,
  32 .notopenyet,
  33 .notifysuccess,
  34 .notifyproblem,
  35 .errorbox,
  36 .continuebutton,
  37 .singlebutton,
  38 .buttons,
  39 .singleselect {
  40     text-align: center;
  41     margin: 1em 0;
  42 }
  43
  44 .navbutton .singlebutton {
  45     margin: 0;
  46 }
  47
  48 .generalbox {
  49     border-color: #ddd;
  50 }
  51
  52 .noticebox .generalbox {
  53     border: none;
  54     margin:2em 0;
  55 }
  56
  57 .expired,
  58 .notopenyet {
  59     border: none;
  60     color: #f00;
  61 }
  62
  63 .buttons .singlebutton input {
  64     margin: 0 1em;
  65 }
  66
  67 .initialbar {
  68     text-align: center;
  69 }
  70
  71 .side-pre-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
  72     padding-right: 0;
  73 }
  74
  75 .side-post-only #page-content #region-main-box #region-post-box #region-main-wrap #region-main {
  76     padding-left: 0;
  77 }
  78
  79 /* Calendar
  80 -------------------------*/
  81
  82 .calendarlayout .sidecalendar {
  83     padding-left: 15px;
  84 }
  85
  86 .minicalendarblock h3 {
  87     text-align: center;
  88     font-size: 1.2em;
  89 }
  90
  91 .maincalendar .header .buttons {
  92     margin: 0;
  93 }
  94
  95 .maincalendar .calendarmonth td,
  96 .maincalendar .calendarmonth th {
  97     border-color: #ddd;
  98     border-style: dotted;
  99     border-width: 1px;
 100 }
 101
 102 .maincalendar .calendarmonth th,
 103 .minicalendar th {
 104     background: none;
 105 }
 106
 107 .maincalendar .calendar-controls {
 108     padding: 10px 5px 0;
 109 }
 110
 111 .maincalendar .calendar-controls .previous,
 112 .maincalendar .calendar-controls .current,
 113 .maincalendar .calendar-controls .next {
 114     float: left;
 115 }
 116
 117 .maincalendar .calendar-controls .current {
 118     margin: 0 auto;
 119     font-size: 1.35em;
 120     text-align: center;
 121     line-height: 1;
 122     font-weight: bold;
 123 }
 124
 125 .maincalendar .calendar-controls .next {
 126     text-align: right;
 127 }
 128
 129 .maincalendar .filters table td {
 130     font-size: 0.9em;
 131 }
 132
 133 .maincalendar .bottom {
 134     margin-top: 25px;
 135 }
 136
 137 .minicalendar th abbr {
 138     border: none;
 139 }
 140
 141 .calendar_filters td,
 142 .minicalendar td,
 143 .minicalendar th {
 144     padding: 2px;
 145     font-size: 0.85em;
 146 }
 147
 148 #page-calendar-view .eventlist {
 149     padding-top: 1em;
 150 }
 151
 152 #page-calendar-view .eventlist .event {
 153     border: none;
 154 }
 155
 156 #page-calendar-view .eventlist .event .topic {
 157     border-width: 1px 1px 0;
 158     border-color: #ddd;
 159     border-style: solid;
 160     background: #f5f5f5;
 161 }
 162
 163 #page-calendar-view .eventlist .event .topic .name {
 164     font-weight: bold;
 165 }
 166
 167 #page-calendar-view .eventlist .event .description {
 168     border-width: 0 1px 1px;
 169     border-style: solid;
 170     border-color: #ddd;
 171 }
 172
 173 .calendartable .duration ul {
 174     border-width: 2px 0;
 175     border-style: solid;
 176 }
 177
 178 .calendartable .duration_user ul {
 179     border-color: #dce7ec;
 180 }
 181
 182 .calendartable .duration_global ul {
 183     border-color: #d6f8cd;
 184 }
 185
 186 .calendartable .duration_group ul {
 187     border-color: #fee7ae;
 188 }
 189
 190 .calendartable .duration_course ul {
 191     border-color: #ffd3bd;
 192 }
 193
 194 .calendartable .duration .events-underway {
 195     color: #666;
 196 }
 197
 198 .minicalendar {
 199     border-collapse: separate;
 200 }
 201
 202 .minicalendar td,
 203 .minicalendar th {
 204     font-size: 0.85em;
 205     padding: 0 2px;
 206     border-width: 2px 0;
 207     border-color: #fff;
 208 }
 209
 210 .minicalendar .calendar_event_user,
 211 .minicalendar .duration_user {
 212     border-color: #dce7ec;
 213 }
 214
 215 .minicalendar .calendar_event_course,
 216 .minicalendar .duration_course {
 217     border-color: #ffd3bd;
 218 }
 219
 220 .minicalendar .calendar_event_global,
 221 .minicalendar .duration_global {
 222     border-color: #d6f8cd;
 223 }
 224
 225 .minicalendar .calendar_event_group,
 226 .minicalendar .duration_group {
 227     border-color: #fee7ae;
 228 }
 229
 230 /* User
 231 -------------------------*/
 232
 233 .userinfobox {
 234     border-color: #ddd;
 235     padding: 0
 236 }
 237
 238 .userinfobox .content {
 239     text-align: left;
 240     padding-left:10px
 241 }
 242 .dir-rtl .userinfobox .content {text-align: right;padding-right:10px;padding-left:0px;}
 243
 244 .userinfobox .links {
 245     vertical-align: top;
 246     background: #f4f4f4;
 247     padding-left: 10px;
 248 }
 249
 250 .userinfobox .links a {
 251     display: block;
 252     text-align: left;
 253 }
 254 .dir-rtl .userinfobox .links a {text-align: right;}
 255
 256 .profilepicture {
 257     float: left;
 258     margin-right: 10px;
 259 }
 260 .dir-rtl .profilepicture {float: right;margin-left: 10px;margin-right: 0px;}
 261
 262 .descriptionbox {
 263     margin-left: 110px;
 264     border: 1px solid #ddd;
 265     padding: 10px;
 266     width: 80%;
 267 }
 268
 269 .path-user .description {
 270     padding-bottom: 15px;
 271     border-bottom: 1px solid #eee;
 272 }
 273
 274 .userprofile dl {
 275     margin-top: 10px;
 276 }
 277
 278 .userprofile dl dt, .userprofile dl dd {
 279     padding-top: 3px;
 280     padding-bottom: 3px;
 281     float: left;
 282 }
 283
 284 .dir-rtl .userprofile dl dt, .dir-rtl  .userprofile dl dd {
 285     float: right;
 286 }
 287
 288 .userprofile dl dt {
 289     padding-left: 0;
 290     font-weight: bold;
 291     display: inline-block;
 292     padding-right: 2%;
 293     min-width: 100px;
 294     width: 15%;
 295     clear: both;
 296 }
 297
 298 .dir-rtl .userprofile dl dt {
 299     padding-left: 2%;
 300     padding-right: 0;
 301 }
 302
 303 .userprofile dl dd {
 304     display: inline-block;
 305     margin: 0px;
 306     width: 75%;
 307 }
 308
 309 #page-user-view .buttons {
 310     text-align: center;
 311     width: 70%;
 312     margin: 0 auto;
 313 }
 314
 315 #page-user-view .buttons div {
 316     padding: 0 0 10px;
 317 }
 318
 319 #page-user-index .controls {
 320     width: 100%
 321 }
 322
 323 #page-user-index .controls .singleselect {
 324     margin: 0;
 325 }
 326
 327 .rolesform {
 328     text-align: center;
 329     margin: 1em 0;
 330 }
 331
 332 #participantsform {
 333     text-align: center;
 334 }
 335
 336 #participants {
 337     width: 100%;
 338     margin: 1em auto 0;
 339 }
 340
 341 #participants th,
 342 #participants td {
 343     vertical-align: middle;
 344 }
 345
 346 .groupinfobox {
 347     border-color: #DDDDDD;
 348     width: 60%;
 349     margin-left: 20%;
 350     margin-right: 20%;
 351 }
 352
 353 /* Notes
 354 ------------------------*/
 355
 356 .path-notes .generalbox {
 357     border: none;
 358 }
 359
 360 /* Roles
 361 ------------------------*/
 362
 363 .path-admin-roles .generaltable {
 364     /* width: 65%; hiding because it's causing problems on role/assign */
 365 }
 366
 367 .path-admin-roles .generaltable th {
 368     vertical-align: middle;
 369 }
 370
 371 .path-admin-roles .generaltable .lastcol {
 372     width: 15%;
 373 }
 374
 375 .path-admin-roles .backlink {
 376     text-align: center;
 377 }
 378
 379 /* Blogs
 380 ------------------------*/
 381
 382 .blog_entry .audience {
 383     color: #444;
 384     margin: 0 0 0.5em;
 385     font-size: 0.9em;
 386 }
 387
 388 .blog_entry .tags {
 389     margin-bottom: 0.5em;
 390 }
 391
 392 /* Tags
 393 ------------------------*/
 394
 395 #big-tag-cloud-box {
 396     padding: 10px;
 397 }
 398
 399 #tag-management-box {
 400     text-align: center;
 401 }
 402
 403 .tag-management-form {
 404     border: none;
 405     padding: 0 0 1em;
 406 }
 407
 408 #tag-management-list {
 409     margin: 1em 0
 410 }
 411
 412 #page-tag-index #tag-blogs {
 413     border-width: 0 0 1px;
 414     width: 65%;
 415     margin: 1em auto;
 416 }
 417
 418 #tagblogentries {
 419     margin: 0 0 1em;
 420 }
 421
 422 #tagblogentries li {
 423     list-style: none;
 424     padding: 0.25em 0;
 425     margin: 0
 426 }
 427
 428 #big-tag-cloud-box {
 429     border: none;
 430 }
 431
 432 #tag-user-table {
 433     width: 95%;
 434     margin: 0 auto;
 435     border-width: 0 0 1px;
 436 }
 437
 438 .managelink {
 439     text-align: right;
 440 }
 441
 442 #page-tag-index .headingblock {
 443     text-align: center;
 444     margin-bottom: 0;
 445 }
 446
 447 #page-tag-index #tag-management-box {
 448     border-bottom: 1px solid #ddd;
 449     padding: 4px 0;
 450 }
 451
 452 #page-tag-index .relatedpages {
 453     text-align: center;
 454 }
 455
 456 #page-tag-manage .lastinitial {
 457     margin-bottom: 0.5em;
 458 }
 459
 460 #page-tag-manage .green {
 461     text-align: center;
 462     padding: 0 0 1em;
 463 }
 464
 465 /* Embedded Pages
 466 ------------------------*/
 467
 468 .pagelayout-embedded {
 469     text-align: center;
 470     background-color: #fff;
 471     background-image: none;
 472 }
 473
 474 .pagelayout-embedded #content {
 475     padding-top: 30px;
 476 }
 477
 478 /* Forms
 479 -----------------------*/
 480
 481 .mform .fsubmit {
 482     text-align: center;
 483     padding: 2px;
 484 }
 485
 486 .form-label .form-shortname {
 487     font-size: 0.8em;
 488     color: #777;
 489 }
 490
 491 .form-description {
 492     font-size: 0.95em;
 493     color: #444;
 494 }
 495
 496 .path-backup .mform .hidden .fitem .fgroup {
 497     text-align: left;
 498 }
 499
 500 .path-backup .mform .grouped_settings {
 501     margin:1em;
 502 }
 503 .path-backup .mform .grouped_settings .grouped_settings {
 504     margin:0;
 505 }
 506
 507 .mform .btn-cancel {
 508     color: #0000EE;
 509     text-decoration: none;
 510 }
 511 .mform .btn-cancel:hover, .mform .btn-cancel:focus {
 512     color: #0000EE;
 513     text-decoration: none;
 514 }
 515
 516 /* Comments
 517 -----------------------*/
 518
 519 .comment-list li {
 520     background: #eee !important;
 521     list-style: none;
 522 }
 523
 524 /* Gradebook
 525 ----------------------*/
 526
 527 .path-grade h1.headermain {
 528     text-align: left; /* Strangely necessary TODO: find bug */
 529 }
 530
 531 .gradestable .lastrow th.header {
 532     background: #ddd;
 533 }
 534
 535 .gradestable .lastrow td.cell {
 536     background: #eee !important;
 537 }
 538
 539 .user-grade td.b1t,
 540 .user-grade td.baggt {
 541     background: #ddd !important;
 542 }
 543
 544 #page-grade-edit-scale-index .generaltable {
 545     margin: 1em auto;
 546 }
 547
 548 #page-grade-report-grader-preferences .generalbox {
 549     border: none;
 550 }
 551
 552 .path-grade-report-grader form {
 553     text-align: left;
 554 }
 555 .path-grade-report-grader.dir-rtl form { text-align: right; }
 556
 557 /* Footer
 558 -----------------------*/
 559
 560 #page-footer .logininfo {
 561     padding: 1em 0;
 562 }
 563
 564 #page-footer .homelink,
 565 #page-footer .sitelink {
 566     padding: 1em 0;
 567 }
 568
 569 .homelink a {
 570     text-decoration: none;
 571     border-top: 1px solid #cecece;
 572     border-bottom: 2px solid #8a8a8a;
 573     border-left: 1px solid #cecece;
 574     border-right: 2px solid #8a8a8a;
 575 }
 576
 577 .homelink a:hover {
 578     text-decoration: none;
 579     border-bottom: 1px solid #cecece;
 580     border-top: 2px solid #8a8a8a;
 581     border-right: 1px solid #cecece;
 582     border-left: 2px solid #8a8a8a;
 583 }
 584
 585 /* Enrol
 586 -------------------------*/
 587
 588 .userenrolment {
 589     font-size:90%;
 590     border:1px solid #999;
 591 }
 592 .userenrolment tr.r0 {
 593     background-color: #F9F9F9;
 594 }
 595 .userenrolment tr.r1 {
 596     background-color: #F3F3F3;
 597 }
 598 .userenrolment td {
 599     border-width: 1px;
 600     border-style: solid;
 601     border-top-color: #F6F6F6;
 602     border-right-color: #EEE;
 603     border-bottom-color: #E9E9E9;
 604     border-left-color: #F3F3F3;
 605 }
 606 .userenrolment td.c0 {
 607     border-left-color:#999;
 608 }
 609 .userenrolment td.c4 {
 610     border-right-color:#999;
 611 }
 612 .userenrolment .col_userdetails {
 613     padding:3px;
 614     min-width:35%;
 615 }
 616 .userenrolment .col_role .roles {
 617     position:relative;
 618 }
 619 .userenrolment .col_role .role {
 620     line-height: 10px;
 621     font-size: 10px;
 622 }
 623 .userenrolment .col_role .role a img {
 624     height:8px;
 625 }
 626 .userenrolment .col_role .addrole {
 627     background-color: #DDD;
 628     border: 1px outset #EEE;
 629     -moz-border-radius: 5px;
 630 }
 631 .userenrolment .col_group {
 632     max-width: 300px;
 633 }
 634 .userenrolment .col_group .group {
 635     line-height:10px;
 636     font-size:10px;
 637 }
 638 .userenrolment .col_group .group a img {
 639     height:8px;
 640 }
 641 .userenrolment .col_group .addgroup {
 642     background-color:#DDD;
 643     border:1px outset #EEE;
 644     -moz-border-radius:5px;
 645 }
 646 .userenrolment .col_enrol {
 647     max-width:300px;
 648 }
 649 .userenrolment .col_enrol .enrolment {
 650     border:1px outset #E6E6E6;
 651     background-color:#EEE;
 652     line-height:10px;
 653     font-size:10px;
 654     -moz-border-radius:5px;
 655 }
 656 .path-enrol .enrolusersbutton,
 657 .path-enrol .enrolcohortbutton {
 658     float:left;
 659 }
 660 .path-enrol .enrolusersbutton.instance1,
 661 .path-enrol .enrolcohortbutton.instance1 {
 662     float:right;
 663 }
 664
 665 /* Registration
 666 -------------------------*/
 667
 668
 669 #page-admin-registration-hubselector .registration_textfield {
 670     width: 400px;
 671 }
 672
 673 /* Redirect
 674 -------------------------*/
 675
 676 .pagelayout-redirect #content {
 677     text-align: center;
 678     margin: 10% auto;
 679 }
 680
 681 .path-grade-report.dir-rtl #graded_users_selector .singleselect {margin: 0px;}