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