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