[Summary view] [Print] [Text view]

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