[Summary view] [Print] [Text view]

   1  /* core.less */
   2  
   3  /** Page layout CSS starts **/
   4  .layout-option-noheader #page-header,
   5  .layout-option-nonavbar #page-navbar,
   6  .layout-option-nofooter #page-footer,
   7  .layout-option-nocourseheader .course-content-header,
   8  .layout-option-nocoursefooter .course-content-footer {
   9      display: none;
  10  }
  11  
  12  .empty-region-side-pre #block-region-side-pre, // Pre region is empty.
  13  .empty-region-side-post #block-region-side-post, // Post region is empty.
  14  .jsenabled.docked-region-side-post #block-region-side-post, // All post blocks are docked.
  15  .jsenabled.docked-region-side-pre #block-region-side-pre { // All pre blocks are docked.
  16      display: none;
  17  }
  18  
  19  /** Start Legacy styles. Deprecated since Moodle 2.9. See MDL-48160 for further information. **/
  20  .content-only #region-main.span9, // Two column layout with no block or all blocks docked.
  21  .empty-region-side-post #region-bs-main-and-pre.span9, // LTR with no post area.
  22  .empty-region-side-pre #region-bs-main-and-post.span9, // RTL with no pre area.
  23  .empty-region-side-post #region-bs-main-and-post.span9 #region-main.span8, // RTL with no post area.
  24  .jsenabled.docked-region-side-post #region-bs-main-and-pre.span9, // LTR with all post blocks docked.
  25  .jsenabled.docked-region-side-post #region-bs-main-and-post.span9 #region-main.span8,
  26  .jsenabled.docked-region-side-pre #region-bs-main-and-post.span9 { // RTL with all pre blocks docked.
  27      width: 100%;
  28  }
  29  
  30  .empty-region-side-pre #region-bs-main-and-pre.span9 #region-main, // LTR with no pre area.
  31  .jsenabled.docked-region-side-pre #region-bs-main-and-pre.span9 #region-main { // LTR with all pre blocks docked.
  32      float: none;
  33      width: 100%;
  34  }
  35  
  36  .empty-region-side-pre #region-bs-main-and-post.span9 #region-main.span8, // RTL with no pre area.
  37  .jsenabled.docked-region-side-pre #region-bs-main-and-post.span9 #region-main.span8 { // RTL with all pre blocks docked.
  38      float: right;
  39  }
  40  /** End Legacy styles **/
  41  
  42  
  43  /* Default Three Columns - All
  44  ------------------------------*/
  45  
  46  .content-only {
  47      #region-main-box,
  48      #region-main {
  49          width: 100%;
  50      }
  51  }
  52  .empty-region-side-pre {
  53      &.used-region-side-post {
  54          #region-main {
  55              width: 100%;
  56          }
  57      }
  58  }
  59  .empty-region-side-post {
  60      &.used-region-side-pre {
  61          #region-main-box {
  62              width: 100%;
  63          }
  64      }
  65  }
  66  .jsenabled {
  67      &.docked-region-side-pre {
  68          &.empty-region-side-pre {
  69              &.used-region-side-post {
  70                  #region-main {
  71                      width: 100%;
  72                  }
  73              }
  74          }
  75      }
  76      &.docked-region-side-post {
  77          &.empty-region-side-post {
  78              &.used-region-side-pre {
  79                  #region-main-box {
  80                      width: 100%;
  81                  }
  82              }
  83          }
  84      }
  85  }
  86  .empty-region-side-post.used-region-side-pre, // Post region is empty and pre region is in use.
  87  .jsenabled.docked-region-side-post.used-region-side-pre { // All post blocks docked and pre region is in use.
  88      #region-main.span8 {
  89          /** Increase the span size by 1 **/
  90          .fluid-span(9);
  91      }
  92      #block-region-side-pre.span4 {
  93          /** Decrease the span size by 1 **/
  94          .fluid-span(3);
  95      }
  96  }
  97  
  98  /** Page layout CSS ends **/
  99  
 100  .dir-ltr,
 101  .mdl-left,
 102  .dir-rtl .mdl-right {
 103      text-align: left;
 104  }
 105  .dir-rtl,
 106  .mdl-right,
 107  .dir-rtl .mdl-left {
 108      text-align: right;
 109  }
 110  #add,
 111  #remove,
 112  .centerpara,
 113  .mdl-align {
 114      text-align: center;
 115  }
 116  a.dimmed,
 117  a.dimmed:link,
 118  a.dimmed:visited,
 119  a.dimmed_text,
 120  a.dimmed_text:link,
 121  a.dimmed_text:visited,
 122  .dimmed_text,
 123  .dimmed_text a,
 124  .dimmed_text a:link,
 125  .dimmed_text a:visited,
 126  .usersuspended,
 127  .usersuspended a,
 128  .usersuspended a:link,
 129  .usersuspended a:visited,
 130  .dimmed_category,
 131  .dimmed_category a {
 132      .muted
 133  }
 134  .activity.label .dimmed_text {
 135      .opacity(50)
 136  }
 137  .unlist,
 138  .unlist li,
 139  .inline-list,
 140  .inline-list li,
 141  .block .list,
 142  .block .list li,
 143  .section li.activity,
 144  .section li.movehere,
 145  .tabtree li {
 146      list-style: none;
 147      margin: 0;
 148      padding: 0;
 149  }
 150  .inline,
 151  .inline-list li {
 152      display: inline;
 153  }
 154  .notifytiny {
 155      font-size: @fontSizeMini;
 156  }
 157  .notifytiny li,
 158  .notifytiny td {
 159      font-size: 100%;
 160  }
 161  .red,
 162  .notifyproblem {
 163      color: @errorText;
 164  }
 165  .green,
 166  .notifysuccess {
 167      color: @successText;
 168  }
 169  .highlight {
 170      background: @infoBackground;
 171  }
 172  .reportlink {
 173      text-align: right;
 174  }
 175  a.autolink.glossary:hover {
 176      cursor: help;
 177  }
 178  /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
 179  .collapsibleregioncaption {
 180      white-space: nowrap;
 181  }
 182  .pagelayout-mydashboard.jsenabled .collapsibleregioncaption {
 183      cursor: pointer;
 184  }
 185  .collapsibleregioncaption img {
 186      vertical-align: middle;
 187  }
 188  
 189  .jsenabled .hiddenifjs {
 190      display: none;
 191  }
 192  .visibleifjs {
 193      display: none;
 194  }
 195  .jsenabled .visibleifjs {
 196      display: inline;
 197  }
 198  .jsenabled .collapsibleregion {
 199      overflow: hidden;
 200  }
 201  .jsenabled .collapsed .collapsibleregioninner {
 202      visibility: hidden;
 203  }
 204  .collapsible-actions {
 205      display: none;
 206      text-align: right;
 207  }
 208  .dir-rtl .collapsible-actions {
 209      text-align: left;
 210  }
 211  .jsenabled .collapsible-actions {
 212      display: block;
 213  }
 214  .collapsible-actions .collapseexpand {
 215      padding-left: 20px;
 216      background: url([[pix:t/collapsed]]) 2px center no-repeat;
 217  }
 218  .dir-rtl .collapsible-actions .collapseexpand {
 219      padding-right: 20px;
 220      padding-left: 0;
 221      background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
 222  }
 223  .collapsible-actions .collapse-all,
 224  .dir-rtl .collapsible-actions .collapse-all {
 225      background-image: url([[pix:t/expanded]]);
 226  }
 227  .yui-overlay .yui-widget-bd {
 228      background-color: #FFEE69;
 229      border: 1px solid #A6982B;
 230      border-top-color: #D4C237;
 231      color: #000000;
 232      left: 0;
 233      padding: 2px 5px;
 234      position: relative;
 235      top: 0;
 236      z-index: 1;
 237  }
 238  .clearer {
 239      background: transparent;
 240      border-width: 0;
 241      clear: both;
 242      display: block;
 243      height: 1px;
 244      margin: 0;
 245      padding: 0;
 246  }
 247  .bold,
 248  .warning,
 249  .errorbox .title,
 250  .pagingbar .title,
 251  .pagingbar .thispage {
 252      font-weight: bold;
 253  }
 254  img.resize {
 255      height: 1em;
 256      width: 1em;
 257  }
 258  .block img.resize,
 259  .breadcrumb img.resize {
 260      height: 0.9em;
 261      width: 0.8em;
 262  }
 263  /* Icon styles */
 264  img.icon {
 265      height: 16px;
 266      vertical-align: text-bottom;
 267      width: 16px;
 268      padding-right: 6px;
 269  }
 270  .dir-rtl img.icon {
 271      padding-left: 6px;
 272      padding-right: 0;
 273  }
 274  img.iconsmall {
 275      height: 12px;
 276      margin-right: 3px;
 277      vertical-align: middle;
 278      width: 12px;
 279  }
 280  img.iconhelp,
 281  .helplink img {
 282      height: 16px;
 283      padding-left: 3px;
 284      vertical-align: text-bottom;
 285      width: 16px;
 286  }
 287  h1 img.iconhelp,
 288  h1 img.icon,
 289  h2 img.iconhelp,
 290  h2 img.icon,
 291  h3 img.iconhelp,
 292  h3 img.icon,
 293  h4 img.iconhelp,
 294  h4 img.icon,
 295  h5 img.iconhelp,
 296  h5 img.icon,
 297  h6 img.iconhelp,
 298  h6 img.icon {
 299      vertical-align: middle;
 300      padding: 4px;
 301  }
 302  .dir-rtl img.iconhelp,
 303  .dir-rtl .helplink img {
 304      padding-right: 3px;
 305      padding-left: 0;
 306  }
 307  img.iconlarge {
 308      height: 24px;
 309      width: 24px;
 310      vertical-align: middle;
 311  }
 312  img.iconsort {
 313      vertical-align: text-bottom;
 314      padding-left: .3em;
 315      margin-bottom: .15em;
 316  }
 317  .dir-rtl img.iconsort {
 318      padding-right: .3em;
 319      padding-left: 0;
 320  }
 321  img.icontoggle {
 322      height: 17px;
 323      vertical-align: middle;
 324      width: 50px;
 325  }
 326  img.iconkbhelp {
 327      height: 17px;
 328      width: 49px;
 329  }
 330  img.icon-pre,
 331  .dir-rtl img.icon-post {
 332      padding-right: 3px;
 333      padding-left: 0;
 334  }
 335  img.icon-post,
 336  .dir-rtl img.icon-pre {
 337      padding-left: 3px;
 338      padding-right: 0;
 339  }
 340  .boxaligncenter {
 341      margin-left: auto;
 342      margin-right: auto;
 343  }
 344  .boxalignright {
 345      margin-left: auto;
 346      margin-right: 0;
 347  }
 348  .boxalignleft {
 349      margin-left: 0;
 350      margin-right: auto;
 351  }
 352  .boxwidthnarrow {
 353      width: 30%;
 354  }
 355  .boxwidthnormal {
 356      width: 50%;
 357  }
 358  .boxwidthwide {
 359      width: 80%;
 360  }
 361  .headermain {
 362      font-weight: bold;
 363  }
 364  #maincontent {
 365      display: block;
 366      height: 1px;
 367      overflow: hidden;
 368  }
 369  img.uihint {
 370      cursor: help;
 371  }
 372  #addmembersform table {
 373      margin-left: auto;
 374      margin-right: auto;
 375  }
 376  table.flexible .emptyrow {
 377      display: none;
 378  }
 379  img.emoticon {
 380      vertical-align: middle;
 381      width: 15px;
 382      height: 15px;
 383  }
 384  form.popupform,
 385  form.popupform div {
 386      display: inline;
 387  }
 388  .arrow_button input {
 389      overflow: hidden;
 390  }
 391  .action-icon img.smallicon {
 392      vertical-align: text-bottom;
 393      margin: 0 0.3em;
 394  }
 395  
 396  /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
 397  .no-overflow {
 398      overflow: auto;
 399      padding-bottom: 1px;
 400  }
 401  .pagelayout-report .no-overflow {
 402      overflow: visible;
 403  }
 404  .no-overflow > .generaltable {
 405      margin-bottom: 0;
 406  }
 407  // Accessibility features
 408  
 409  // Accessibility: text 'seen' by screen readers but not visual users.
 410  .accesshide {
 411      position: absolute;
 412      left: -10000px;
 413      font-weight: normal;
 414      font-size: 1em;
 415  }
 416  .dir-rtl .accesshide {
 417      top: -30000px;
 418      left: auto;
 419  }
 420  span.hide,
 421  div.hide {
 422      display: none;
 423  }
 424  // Accessibility: Skip block link, for keyboard-only users.
 425  a.skip-block,
 426  a.skip {
 427      position: absolute;
 428      top: -1000em;
 429      font-size: 0.85em;
 430      text-decoration: none;
 431  }
 432  a.skip-block:focus,
 433  a.skip-block:active,
 434  a.skip:focus,
 435  a.skip:active {
 436      position: static;
 437      display: block;
 438  }
 439  .skip-block-to {
 440      display: block;
 441      height: 1px;
 442      overflow: hidden;
 443  }
 444  // Blogs
 445  .addbloglink {
 446      text-align: center;
 447  }
 448  .blog_entry .audience {
 449      text-align: right;
 450      padding-right: 4px;
 451  }
 452  .blog_entry .tags {
 453      margin-top: 15px;
 454  }
 455  .blog_entry .tags .action-icon img.smallicon {
 456      height: 16px;
 457      width: 16px;
 458  }
 459  .blog_entry .content {
 460      margin-left: 43px;
 461  }
 462  // Group
 463  #page-group-index #groupeditform {
 464      text-align: center;
 465  }
 466  #doc-contents h1 {
 467      margin: 1em 0 0 0;
 468  }
 469  #doc-contents ul {
 470      margin: 0;
 471      padding: 0;
 472      width: 90%;
 473  }
 474  #doc-contents ul li {
 475      list-style-type: none;
 476  }
 477  .groupmanagementtable td {
 478      vertical-align: top;
 479  }
 480  .groupmanagementtable #existingcell,
 481  .groupmanagementtable #potentialcell {
 482      width: 42%;
 483  }
 484  .groupmanagementtable #buttonscell {
 485      width: 16%;
 486  }
 487  .groupmanagementtable #buttonscell p.arrow_button input {
 488      width: auto;
 489      min-width: 80%;
 490      margin: 0 auto;
 491  }
 492  .groupmanagementtable #removeselect_wrapper,
 493  .groupmanagementtable #addselect_wrapper {
 494      width: 100%;
 495  }
 496  .groupmanagementtable #removeselect_wrapper label,
 497  .groupmanagementtable #addselect_wrapper label {
 498      font-weight: normal;
 499  }
 500  .dir-rtl .groupmanagementtable p {
 501      text-align: right;
 502  }
 503  #group-usersummary {
 504      width: 14em;
 505  }
 506  .groupselector {
 507      margin-top: 3px;
 508      margin-bottom: 3px;
 509      display: inline-block;
 510  }
 511  .groupselector label {
 512      display: inline-block;
 513  }
 514  // Data format selector
 515  .dataformatselector {
 516      margin: 1em 0;
 517  }
 518  .dataformatselector label {
 519      display: inline-block;
 520      margin: 0 5px 10px 0;
 521      line-height: 30px;
 522      vertical-align: top;
 523  }
 524  
 525  // Login
 526  .loginbox {
 527      margin: 15px;
 528      overflow: visible;
 529  }
 530  .loginbox.twocolumns {
 531      margin: 15px;
 532  }
 533  .loginbox h2,
 534  .loginbox .subcontent {
 535      margin: 5px;
 536      padding: 10px;
 537      text-align: center;
 538  }
 539  .loginbox .loginpanel .desc {
 540      margin: 0;
 541      padding: 0;
 542      margin-bottom: 5px;
 543      margin-top: 15px;
 544  }
 545  .loginbox .signuppanel .subcontent {
 546      text-align: left;
 547  }
 548  .dir-rtl .loginbox .signuppanel .subcontent {
 549      text-align: right;
 550  }
 551  .loginbox .loginsub {
 552      margin-left: 0;
 553      margin-right: 0;
 554  }
 555  .loginbox .guestsub,
 556  .loginbox .forgotsub,
 557  .loginbox .potentialidps {
 558      margin: 5px 12%;
 559  }
 560  .loginbox .potentialidps .potentialidplist {
 561      margin-left: 40%;
 562  }
 563  .loginbox .potentialidps .potentialidplist div {
 564      text-align: left;
 565  }
 566  .loginbox .loginform {
 567      margin-top: 1em;
 568      text-align: left;
 569  }
 570  .loginbox .loginform .form-label {
 571      float: left;
 572      text-align: right;
 573      width: 49%;
 574      white-space: nowrap;
 575  }
 576  .loginbox .loginform .form-input {
 577      float: right;
 578      width: 50%;
 579  }
 580  .loginbox .loginform .form-input input {
 581      width: 6em;
 582  }
 583  .loginbox .signupform {
 584      margin-top: 1em;
 585      text-align: center;
 586  }
 587  .loginbox.twocolumns .loginpanel,
 588  .loginbox.twocolumns .signuppanel {
 589      width: 48%;
 590      border: 0;
 591      margin: 0;
 592      padding: 0;
 593      .box-sizing(border-box);
 594      display: block;
 595      float: left;
 596      margin-left: 2.76243%;
 597      min-height: 30px;
 598      margin-bottom: -2000px;
 599      padding-bottom: 2000px;
 600  }
 601  .dir-rtl {
 602      .loginbox.twocolumns .loginpanel,
 603      .loginbox.twocolumns .signuppanel {
 604          float: right;
 605      }
 606  }
 607  
 608  .loginbox .potentialidp .smallicon {
 609      vertical-align: text-bottom;
 610      margin: 0 .3em;
 611  }
 612  
 613  // Notes
 614  .notepost {
 615      margin-bottom: 1em;
 616  }
 617  .notepost .userpicture {
 618      float: left;
 619      margin-right: 5px;
 620  }
 621  .notepost .content,
 622  .notepost .footer {
 623      clear: both;
 624  }
 625  .notesgroup {
 626      margin-left: 20px;
 627  }
 628  
 629  // My Moodle
 630  .path-my .coursebox .overview {
 631      margin: 15px 30px 10px 30px;
 632  }
 633  .path-my .coursebox .info {
 634      float: none;
 635      margin: 0;
 636  }
 637  
 638  // Modules
 639  .mod_introbox {
 640      padding: 10px;
 641  }
 642  table.mod_index {
 643      width: 100%;
 644  }
 645  
 646  // Comments
 647  .comment-ctrl {
 648      font-size: 12px;
 649      display: none;
 650      margin: 0;
 651      padding: 0;
 652  }
 653  .comment-ctrl h5 {
 654      margin: 0;
 655      padding: 5px;
 656  }
 657  .comment-area {
 658      max-width: 400px;
 659      padding: 5px;
 660  }
 661  .comment-area textarea {
 662      width: 100%;
 663      overflow: auto;
 664      &.fullwidth {
 665          -webkit-box-sizing: border-box;
 666          -moz-box-sizing: border-box;
 667          box-sizing: border-box;
 668      }
 669  }
 670  .comment-area .fd {
 671      text-align: right;
 672  }
 673  .comment-meta span {
 674      color: gray;
 675  }
 676  .comment-link img {
 677      vertical-align: text-bottom;
 678  }
 679  .comment-list {
 680      font-size: 11px;
 681      overflow: auto;
 682      list-style: none;
 683      padding: 0;
 684      margin: 0;
 685  }
 686  .comment-list li {
 687      margin: 2px;
 688      list-style: none;
 689      margin-bottom: 5px;
 690      clear: both;
 691      padding: .3em;
 692      position: relative;
 693  }
 694  .comment-list li.first {
 695      display: none;
 696  }
 697  .comment-paging {
 698      text-align: center;
 699  }
 700  .comment-paging .pageno {
 701      padding: 2px;
 702  }
 703  .comment-paging .curpage {
 704      border: 1px solid #CCC;
 705  }
 706  .comment-message .picture {
 707      width: 20px;
 708      float: left;
 709  }
 710  .dir-rtl .comment-message .picture {
 711      float: right;
 712  }
 713  .comment-message .text {
 714      margin: 0;
 715      padding: 0;
 716  }
 717  .comment-message .text p {
 718      padding: 0;
 719      margin: 0 18px 0 0;
 720  }
 721  .comment-delete {
 722      position: absolute;
 723      top: 0;
 724      right: 0;
 725      margin: .3em;
 726  }
 727  .dir-rtl .comment-delete {
 728      position: absolute;
 729      left: 0;
 730      right: auto;
 731      margin: .3em;
 732  }
 733  .comment-report-selectall {
 734      display: none;
 735  }
 736  .comment-link {
 737      display: none;
 738  }
 739  .jsenabled .comment-link {
 740      display: block;
 741  }
 742  .jsenabled .showcommentsnonjs {
 743      display: none;
 744  }
 745  .jsenabled .comment-report-selectall {
 746      display: inline;
 747  }
 748  /**
 749  * Completion progress report
 750  */
 751  .completion-expired {
 752      background: @errorBackground;
 753  }
 754  .completion-expected {
 755      font-size: @fontSizeMini;
 756  }
 757  .completion-sortchoice,
 758  .completion-identifyfield {
 759      font-size: @fontSizeMini;
 760      vertical-align: bottom;
 761  }
 762  .completion-progresscell {
 763      text-align: right;
 764  }
 765  .completion-expired .completion-expected {
 766      font-weight: bold;
 767  }
 768  /**
 769  * Tags
 770  */
 771  img.user-image {
 772      height: 100px;
 773      width: 100px;
 774  }
 775  #tag-search-box {
 776      text-align: center;
 777      margin: 10px auto;
 778  }
 779  
 780  .path-tag .tag-index-items .tagarea {
 781      border: 1px solid #E3E3E3;
 782      border-radius: 4px;
 783      padding: 10px;
 784      margin-top: 10px;
 785  }
 786  
 787  .path-tag .tag-index-items .tagarea h3 {
 788      display: block;
 789      padding: 3px 0 10px 0;
 790      margin: 0px;
 791      font-size: 1.1em;
 792      font-weight: bold;
 793      line-height: 20px;
 794      color: #999;
 795      text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
 796      text-transform: uppercase;
 797      word-wrap: break-word;
 798      border-bottom: solid 1px #E3E3E3;
 799      margin-bottom: 10px;
 800  }
 801  
 802  .path-tag .tagarea .controls,
 803  .path-tag .tagarea .taggeditems {
 804      .clearfix();
 805  }
 806  .path-tag .tagarea .controls,
 807  .path-tag .tag-backtoallitems {
 808      text-align: center;
 809  }
 810  .path-tag .tagarea .controls .gotopage.nextpage {
 811      float: right;
 812  }
 813  .path-tag .tagarea .controls .gotopage.prevpage {
 814      float: left;
 815  }
 816  .path-tag .tagarea .controls .exclusivemode {
 817      display: inline-block;
 818  }
 819  .dir-rtl.path-tag  .tagarea .controls .gotopage.nextpage {
 820      float: left;
 821  }
 822  .dir-rtl.path-tag  .tagarea .controls .gotopage.prevpage {
 823      float: right;
 824  }
 825  .path-tag .tagarea .controls.controls-bottom {
 826      margin-top: 5px;
 827  }
 828  .path-tag .tagarea .controls .gotopage.nextpage::after {
 829      padding-right: 5px;
 830      padding-left: 5px;
 831      content: "»";
 832  }
 833  .path-tag .tagarea .controls .gotopage.prevpage::before {
 834      padding-right: 5px;
 835      padding-left: 5px;
 836      content: "«";
 837  }
 838  
 839  span.flagged-tag,
 840  tr.flagged-tag,
 841  span.flagged-tag a,
 842  tr.flagged-tag a {
 843      color: @errorText;
 844  }
 845  .tag-management-table td,
 846  .tag-management-table th {
 847      vertical-align: middle;
 848      padding: 4px;
 849  }
 850  .tag-management-table .inplaceeditable.inplaceeditingon input {
 851      width: 150px;
 852  }
 853  .path-admin-tag .addstandardtags {
 854      float: right;
 855      img {
 856          margin: 0 5px;
 857      }
 858  }
 859  .dir-rtl.path-admin-tag .addstandardtags {
 860      float: left;
 861  }
 862  .path-tag .tag-relatedtags {
 863      padding-top: 10px;
 864  }
 865  .path-tag .tag-management-box {
 866      text-align: right;
 867  }
 868  .path-tag .tag-index-toc {
 869      padding: 10px;
 870      text-align: center;
 871  }
 872  .path-tag .tag-index-toc li,
 873  .path-tag .tag-management-box li {
 874      margin-left: 5px;
 875      margin-right: 5px;
 876  }
 877  .path-tag .tag-management-box li a.edittag {
 878      background-image: url([[pix:moodle|i/settings]]);
 879  }
 880  .path-tag .tag-management-box li a.flagasinappropriate {
 881      background-image: url([[pix:moodle|i/flagged]]);
 882  }
 883  .path-tag .tag-management-box li a.removefrommyinterests {
 884      background-image: url([[pix:moodle|t/delete]]);
 885  }
 886  .path-tag .tag-management-box li a.addtomyinterests {
 887      background-image: url([[pix:moodle|t/add]]);
 888  }
 889  .path-tag .tag-management-box li a {
 890      background-repeat: no-repeat;
 891      background-position: left;
 892      padding-left: 17px;
 893  }
 894  .tag_feed.media-list .media .itemimage {
 895      float: left;
 896  }
 897  .dir-rtl .tag_feed.media-list .media .itemimage {
 898      float: right;
 899  }
 900  .tag_feed.media-list .media .itemimage img {
 901      height: 35px;
 902      width: 35px;
 903  }
 904  .tag_feed.media-list .media .media-body {
 905      padding-right: 10px;
 906      padding-left: 10px;
 907  }
 908  .tag_feed .media .muted a {
 909      .muted();
 910  }
 911  .tag_cloud {
 912      text-align: center;
 913  }
 914  .tag_cloud .inline-list li {
 915      padding: 0px 0.2em;
 916  }
 917  .tag_cloud .tag_overflow {
 918      margin-top: 1em;
 919      font-style: italic;
 920  }
 921  .tag_cloud .s20 {
 922      font-size: 2.7em;
 923  }
 924  .tag_cloud .s19 {
 925      font-size: 2.6em;
 926  }
 927  .tag_cloud .s18 {
 928      font-size: 2.5em;
 929  }
 930  .tag_cloud .s17 {
 931      font-size: 2.4em;
 932  }
 933  .tag_cloud .s16 {
 934      font-size: 2.3em;
 935  }
 936  .tag_cloud .s15 {
 937      font-size: 2.2em;
 938  }
 939  .tag_cloud .s14 {
 940      font-size: 2.1em;
 941  }
 942  .tag_cloud .s13 {
 943      font-size: 2em;
 944  }
 945  .tag_cloud .s12 {
 946      font-size: 1.9em;
 947  }
 948  .tag_cloud .s11 {
 949      font-size: 1.8em;
 950  }
 951  .tag_cloud .s10 {
 952      font-size: 1.7em;
 953  }
 954  .tag_cloud .s9 {
 955      font-size: 1.6em;
 956  }
 957  .tag_cloud .s8 {
 958      font-size: 1.5em;
 959  }
 960  .tag_cloud .s7 {
 961      font-size: 1.4em;
 962  }
 963  .tag_cloud .s6 {
 964      font-size: 1.3em;
 965  }
 966  .tag_cloud .s5 {
 967      font-size: 1.2em;
 968  }
 969  .tag_cloud .s4 {
 970      font-size: 1.1em;
 971  }
 972  .tag_cloud .s3 {
 973      font-size: 1em;
 974  }
 975  .tag_cloud .s2 {
 976      font-size: 0.9em;
 977  }
 978  .tag_cloud .s1 {
 979      font-size: 0.8em;
 980  }
 981  .tag_cloud .s0 {
 982      font-size: 0.7em;
 983  }
 984  .tag_list ul {
 985      display: inline;
 986  }
 987  .tag_list.hideoverlimit .overlimit {
 988      display: none;
 989  }
 990  .tag_list .tagmorelink {
 991      display: none;
 992  }
 993  .tag_list.hideoverlimit .tagmorelink {
 994      display: inline;
 995  }
 996  .tag_list.hideoverlimit .taglesslink {
 997      display: none;
 998  }
 999  
1000  /**
1001  * Web Service
1002  */
1003  #webservice-doc-generator td {
1004      text-align: left;
1005      border: 0 solid black;
1006  }
1007  /**
1008  * Smart Select Element
1009  */
1010  .smartselect {
1011      position: absolute;
1012  }
1013  .smartselect .smartselect_mask {
1014      background-color: #fff;
1015  }
1016  .smartselect ul {
1017      padding: 0;
1018      margin: 0;
1019  }
1020  .smartselect ul li {
1021      list-style: none;
1022  }
1023  .smartselect .smartselect_menu {
1024      margin-right: 5px;
1025  }
1026  .safari .smartselect .smartselect_menu {
1027      margin-left: 2px;
1028  }
1029  .smartselect .smartselect_menu,
1030  .smartselect .smartselect_submenu {
1031      border: 1px solid #000;
1032      background-color: #FFF;
1033      display: none;
1034  }
1035  .smartselect .smartselect_menu.visible,
1036  .smartselect .smartselect_submenu.visible {
1037      display: block;
1038  }
1039  .smartselect .smartselect_menu_content ul li {
1040      position: relative;
1041      padding: 2px 5px;
1042  }
1043  .smartselect .smartselect_menu_content ul li a {
1044      color: #333;
1045      text-decoration: none;
1046  }
1047  .smartselect .smartselect_menu_content ul li a.selectable {
1048      color: inherit;
1049  }
1050  .smartselect .smartselect_submenuitem {
1051      background-image: url([[pix:moodle|t/collapsed]]);
1052      background-repeat: no-repeat;
1053      background-position: 100%;
1054  }
1055  /** Spanning mode */
1056  .smartselect.spanningmenu .smartselect_submenu {
1057      position: absolute;
1058      top: -1px;
1059      left: 100%;
1060  }
1061  .smartselect.spanningmenu .smartselect_submenu a {
1062      white-space: nowrap;
1063      padding-right: 16px;
1064  }
1065  .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {
1066      text-decoration: underline;
1067  }
1068  /** Compact mode */
1069  .smartselect.compactmenu .smartselect_submenu {
1070      position: relative;
1071      margin: 2px -3px;
1072      margin-left: 10px;
1073      display: none;
1074      border-width: 0;
1075      z-index: 1010;
1076  }
1077  .smartselect.compactmenu .smartselect_submenu.visible {
1078      display: block;
1079  }
1080  .smartselect.compactmenu .smartselect_menu {
1081      z-index: 1000;
1082      overflow: hidden;
1083  }
1084  .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {
1085      z-index: 1020;
1086  }
1087  .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {
1088      font-weight: bold;
1089  }
1090  /**
1091  * Registration
1092  */
1093  #page-admin-registration-register .registration_textfield {
1094      width: 300px;
1095  }
1096  /**
1097  * Enrol
1098  */
1099  .userenrolment {
1100      width: 100%;
1101      border-collapse: collapse;
1102  }
1103  .userenrolment tr {
1104      vertical-align: top;
1105  }
1106  .userenrolment td {
1107      padding: 0;
1108      height: 41px;
1109  }
1110  .userenrolment .subfield {
1111      margin-right: 5px;
1112  }
1113  .userenrolment .col_userdetails .subfield {
1114      margin-left: 40px;
1115  }
1116  .userenrolment .col_userdetails .subfield_picture {
1117      float: left;
1118      margin-left: 0;
1119  }
1120  .userenrolment .col_lastseen {
1121      width: 150px;
1122  }
1123  .userenrolment .col_role {
1124      width: 262px;
1125  }
1126  .userenrolment .col_role .roles,
1127  .userenrolment .col_group .groups {
1128      margin-right: 30px;
1129  }
1130  .userenrolment .col_role .role,
1131  .userenrolment .col_group .group {
1132      float: left;
1133      padding: 3px;
1134      margin: 3px;
1135      white-space: nowrap;
1136  }
1137  .userenrolment .col_role .role a,
1138  .userenrolment .col_group .group a {
1139      margin-left: 3px;
1140      cursor: pointer;
1141  }
1142  .userenrolment .col_role .addrole,
1143  .userenrolment .col_group .addgroup {
1144      float: right;
1145      padding: 3px;
1146      margin: 3px;
1147      > a:hover {
1148          border-bottom: 1px solid #666;
1149      }
1150  }
1151  .userenrolment .col_role .addrole img,
1152  .userenrolment .col_group .addgroup img {
1153      vertical-align: baseline;
1154  }
1155  
1156  .dir-rtl .userenrolment .col_role .role {
1157      float: right;
1158  }
1159  
1160  .userenrolment .hasAllRoles .col_role .addrole {
1161      display: none;
1162  }
1163  
1164  .userenrolment .col_enrol .enrolment {
1165      float: left;
1166      padding: 3px;
1167      margin: 3px;
1168  }
1169  .userenrolment .col_enrol .enrolment a {
1170      float: right;
1171      margin-left: 3px;
1172  }
1173  #page-enrol-users {
1174      .enrol_user_buttons {
1175          float: right;
1176          .enrolusersbutton {
1177              display: inline;
1178              div,
1179              form {
1180                  display: inline;
1181                  margin-right: 0;
1182              }
1183          }
1184      }
1185      #filterform {
1186          .well;
1187          .well-small;
1188          display: inline-block;
1189          .fitem {
1190              display: inline-block;
1191              line-height: @baseLineHeight * 2;
1192              margin-right: .3em;
1193              white-space: nowrap;
1194              label {
1195                  display: inline;
1196                  line-height: @baseLineHeight;
1197                  padding-right: .3em;
1198              }
1199              :before,
1200              :after {
1201                  display: inline;
1202              }
1203          }
1204          div,
1205          fieldset {
1206              display: inline;
1207              float: none;
1208              clear: none;
1209              width: auto;
1210              margin: 0;
1211          }
1212          select,
1213          .ftext input {
1214              width: 7em;
1215          }
1216          input,
1217          select {
1218              margin-bottom: 0;
1219          }
1220      }
1221      .user-enroller-panel .uep-search-results .user .details {
1222          width: 237px;
1223      }
1224      .user-enroller-panel .uep-search-results .cohort .details {
1225          width: 237px;
1226      }
1227  }
1228  .dir-rtl {
1229      &#page-enrol-users {
1230          .col_userdetails {
1231              .subfield {
1232                  margin-right: 40px;
1233                  margin-left: 5px;
1234              }
1235              .subfield_picture {
1236                  float: right;
1237                  margin-right: 0;
1238              }
1239          }
1240          .enrol_user_buttons {
1241              float: left;
1242              .enrolusersbutton {
1243                  margin-left: 0;
1244                  margin-right: 1em;
1245                  div {
1246                      margin-left: 0;
1247                  }
1248              }
1249          }
1250          #filterform {
1251              .fitem {
1252                  margin-right: 0;
1253                  margin-left: .3em;
1254                  label {
1255                      padding-right: 0;
1256                      padding-left: .3em;
1257                  }
1258              }
1259          }
1260          .user-enroller-panel .uep-search-results .user {
1261              .count,
1262              .picture,
1263              .details {
1264                  float: right;
1265              }
1266              .options .enrol {
1267                  float: left;
1268              }
1269          }
1270      }
1271  }
1272  
1273  #page-enrol-users .enrol-users-page-action input {
1274      margin-left: 0;
1275  }
1276  
1277  /**
1278  * Overide for RTL layout
1279  **/
1280  .dir-rtl .headermain {
1281      float: right;
1282  }
1283  .dir-rtl .headermenu {
1284      float: left;
1285  }
1286  .dir-rtl .loginbox .loginform .form-label {
1287      float: right;
1288      text-align: left;
1289  }
1290  .dir-rtl .loginbox .loginform .form-input {
1291      text-align: right;
1292      margin-right: 1%;
1293  }
1294  .dir-rtl .yui3-menu-hidden {
1295      left: 0;
1296  }
1297  #page-admin-roles-define.dir-rtl #rolesform .felement {
1298      margin-right: 180px;
1299  }
1300  #page-message-edit.dir-rtl table.generaltable th.c0 {
1301      text-align: right;
1302  }
1303  .corelightbox {
1304      background-color: #CCC;
1305      position: absolute;
1306      top: 0;
1307      left: 0;
1308      width: 100%;
1309      height: 100%;
1310      text-align: center;
1311  }
1312  .corelightbox img {
1313      position: fixed;
1314      top: 50%;
1315      left: 50%;
1316  }
1317  
1318  .mod-indent-outer {
1319      display: table;
1320  }
1321  .mod-indent {
1322      display: table-cell;
1323  }
1324  .label .mod-indent {
1325      float: left;
1326      padding-top: 20px;
1327  }
1328  
1329  /* Creates a series of .mod-indent-# rule declarations based on indent size and number of indent levels. */
1330  @mod-indent-size: 30px;
1331  @mod-indent-levels: 16;
1332  .mod-indent-generate(@n, @i: 1) when (@i =< @n) {
1333      .mod-indent-@{i} {
1334          width: (@i * @mod-indent-size);
1335      }
1336      .mod-indent-generate(@n, (@i + 1));
1337  }
1338  .mod-indent-generate(@n, @i: 1) when (@i = @n) {
1339      .mod-indent-huge {
1340          width: (@i * @mod-indent-size);
1341      }
1342  }
1343  .mod-indent-generate(@mod-indent-levels);
1344  
1345  /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1346  .resourcecontent .mediaplugin_mp3 object {
1347      height: 25px;
1348      width: 600px;
1349  }
1350  .resourcecontent audio.mediaplugin_html5audio {
1351      width: 600px;
1352  }
1353  /** Large resource images should avoid hidden overflow **/
1354  .resourceimage {
1355      max-width: 100%;
1356  }
1357  /* Audio player size in 'inline' mode (can only change width, as above) */
1358  .mediaplugin_mp3 object {
1359      height: 15px;
1360      width: 300px;
1361  }
1362  audio.mediaplugin_html5audio {
1363      width: 300px;
1364  }
1365  /* TinyMCE moodle media preview frame should not have padding */
1366  .core_media_preview.pagelayout-embedded #content {
1367      padding: 0;
1368  }
1369  .core_media_preview.pagelayout-embedded #maincontent {
1370      height: 0;
1371  }
1372  body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
1373      padding: 0;
1374      margin: 0;
1375      min-width: 0;
1376      background: none;
1377  }
1378  /** Fix YUI 2 Treeview for Right to left languages **/
1379  .dir-rtl .ygtvtn,
1380  .dir-rtl .ygtvtm,
1381  .dir-rtl .ygtvtmh,
1382  .dir-rtl .ygtvtmhh,
1383  .dir-rtl .ygtvtp,
1384  .dir-rtl .ygtvtph,
1385  .dir-rtl .ygtvtphh,
1386  .dir-rtl .ygtvln,
1387  .dir-rtl .ygtvlm,
1388  .dir-rtl .ygtvlmh,
1389  .dir-rtl .ygtvlmhh,
1390  .dir-rtl .ygtvlp,
1391  .dir-rtl .ygtvlph,
1392  .dir-rtl .ygtvlphh,
1393  .dir-rtl .ygtvdepthcell,
1394  .dir-rtl .ygtvok,
1395  .dir-rtl .ygtvok:hover,
1396  .dir-rtl .ygtvcancel,
1397  .dir-rtl .ygtvcancel:hover {
1398      width: 18px;
1399      height: 22px;
1400      background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
1401      background-repeat: no-repeat;
1402      cursor: pointer;
1403  }
1404  .dir-rtl .ygtvtn {
1405      background-position: 0 -5600px;
1406  }
1407  .dir-rtl .ygtvtm {
1408      background-position: 0 -4000px;
1409  }
1410  .dir-rtl .ygtvtmh,
1411  .dir-rtl .ygtvtmhh {
1412      background-position: 0 -4800px;
1413  }
1414  .dir-rtl .ygtvtp {
1415      background-position: 0 -6400px;
1416  }
1417  .dir-rtl .ygtvtph,
1418  .dir-rtl .ygtvtphh {
1419      background-position: 0 -7200px;
1420  }
1421  .dir-rtl .ygtvln {
1422      background-position: 0 -1600px;
1423  }
1424  .dir-rtl .ygtvlm {
1425      background-position: 0 0;
1426  }
1427  .dir-rtl .ygtvlmh,
1428  .dir-rtl .ygtvlmhh {
1429      background-position: 0 -800px;
1430  }
1431  .dir-rtl .ygtvlp {
1432      background-position: 0 -2400px;
1433  }
1434  .dir-rtl .ygtvlph,
1435  .dir-rtl .ygtvlphh {
1436      background-position: 0 -3200px;
1437  }
1438  .dir-rtl .ygtvdepthcell {
1439      background-position: 0 -8000px;
1440  }
1441  .dir-rtl .ygtvok {
1442      background-position: 0 -8800px;
1443  }
1444  .dir-rtl .ygtvok:hover {
1445      background-position: 0 -8844px;
1446  }
1447  .dir-rtl .ygtvcancel {
1448      background-position: 0 -8822px;
1449  }
1450  .dir-rtl .ygtvcancel:hover {
1451      background-position: 0 -8866px;
1452  }
1453  .dir-rtl.yui-skin-sam .yui-panel .hd {
1454      text-align: right;
1455  }
1456  .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
1457      text-align: right;
1458  }
1459  /** Fix TinyMCE editor right to left **/
1460  .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,
1461  .dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
1462      top: 44px;
1463  }
1464  .dir-rtl .o2k7Skin table,
1465  .dir-rtl .o2k7Skin tbody,
1466  .dir-rtl .o2k7Skin a,
1467  .dir-rtl .o2k7Skin img,
1468  .dir-rtl .o2k7Skin tr,
1469  .dir-rtl .o2k7Skin div,
1470  .dir-rtl .o2k7Skin td,
1471  .dir-rtl .o2k7Skin iframe,
1472  .dir-rtl .o2k7Skin span,
1473  .dir-rtl .o2k7Skin *,
1474  .dir-rtl .o2k7Skin .mceText,
1475  .dir-rtl .o2k7Skin .mceListBox .mceText {
1476      text-align: right;
1477  }
1478  .path-rating .ratingtable {
1479      width: 100%;
1480      margin-bottom: 1em;
1481  }
1482  .path-rating .ratingtable th.rating {
1483      width: 100%;
1484  }
1485  .path-rating .ratingtable td.rating,
1486  .path-rating .ratingtable td.time {
1487      white-space: nowrap;
1488      text-align: center;
1489  }
1490  .initialbar {
1491      a,
1492      strong {
1493          padding-left: 3px;
1494          padding-right: 3px;
1495      }
1496  }
1497  /* Moodle Dialogue Settings (moodle-core-dialogue)  */
1498  .moodle-dialogue-base .moodle-dialogue-lightbox {
1499      background-color: #AAA;
1500  }
1501  .moodle-dialogue-base .hidden,
1502  .moodle-dialogue-base .moodle-dialogue-hidden {
1503      display: none;
1504  }
1505  .no-scrolling {
1506      overflow: hidden;
1507  }
1508  .moodle-dialogue-base .moodle-dialogue-fullscreen {
1509      left: 0px;
1510      top: 0px;
1511      right: 0px;
1512      bottom: -50px;
1513      position: fixed;
1514  }
1515  .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1516      overflow: auto;
1517  }
1518  .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1519      width: 28px;
1520      height: 16px;
1521      background-size: 100%;
1522  }
1523  .moodle-dialogue-base .moodle-dialogue {
1524      padding: 0;
1525      margin: 0;
1526      background: none;
1527      border: none;
1528      z-index: 600;
1529      outline: #000 dotted 0;
1530  }
1531  .moodle-dialogue-base .moodle-dialogue-wrap {
1532      margin-top: -3px;
1533      margin-left: -3px;
1534      background-color: #fff;
1535      border: 1px solid #ccc;
1536      .border-radius(10px);
1537      .box-shadow(5px 5px 20px 0 #666);
1538  }
1539  .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd,
1540  .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd.yui3-widget-hd {
1541      margin: 0;
1542      padding: 5px;
1543      font-size: 12px;
1544      font-weight: normal;
1545      letter-spacing: 1px;
1546      color: #333;
1547      text-align: center;
1548      text-shadow: 1px 1px 1px #fff;
1549      .border-radius(10px 10px 0 0);
1550      border-bottom: 1px solid #bbb;
1551      background: #ccc;
1552      #gradient > .vertical(#fff, #ccc);
1553      filter: 0;
1554  }
1555  .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1556      margin: 0;
1557      padding: 0;
1558      display: inline;
1559      font-size: 100%;
1560      font-weight: bold;
1561  }
1562  .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1563      padding: 5px;
1564  }
1565  .moodle-dialogue-base .closebutton {
1566      width: 25px;
1567      height: 15px;
1568      float: right;
1569      vertical-align: middle;
1570      display: inline-block;
1571      cursor: pointer;
1572      padding: 0;
1573      background-image: url([[pix:theme|sprite]]);
1574      background-repeat: no-repeat;
1575      border-style: none;
1576  }
1577  .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1578      left: 0;
1579      right: auto;
1580  }
1581  .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1582      padding: 1em;
1583      line-height: 2em;
1584      color: #555;
1585      font-size: 12px;
1586  }
1587  .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1588      padding: 0;
1589      background: #FFF;
1590  }
1591  
1592  .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1593      padding: 10px;
1594      font-size: 16px;
1595  }
1596  
1597  .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1598      overflow: auto;
1599      position: absolute;
1600      top: 0px;
1601      bottom: 50px;
1602      left: 0px;
1603      right: 0px;
1604      margin: 0px;
1605      border: 0px;
1606  }
1607  .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1608  .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1609      border-radius: 0px;
1610  }
1611  .moodle-dialogue-confirm .confirmation-dialogue {
1612      text-align: center;
1613  }
1614  .moodle-dialogue-confirm .confirmation-dialogue input {
1615      text-align: center;
1616  }
1617  .moodle-dialogue-exception .moodle-exception-message {
1618      text-align: center;
1619  }
1620  .moodle-dialogue-exception .moodle-exception-param label {
1621      font-weight: bold;
1622  }
1623  .moodle-dialogue-exception .param-stacktrace label {
1624      background-color: #EEE;
1625      border: 1px solid #ccc;
1626      border-bottom-width: 0;
1627  }
1628  .moodle-dialogue-exception .param-stacktrace pre {
1629      border: 1px solid #ccc;
1630      background-color: #fff;
1631  }
1632  .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1633      color: navy;
1634      font-size: @fontSizeSmall;
1635  }
1636  .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1637      color: @errorText;
1638      font-size: @fontSizeSmall;
1639  }
1640  .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1641      color: #333;
1642      font-size: 90%;
1643      border-bottom: 1px solid #eee;
1644  }
1645  .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1646      padding: 0;
1647      margin: 0.7em 1em;
1648      text-align: right;
1649      background-color: #FFF;
1650      font-size: 12px;
1651  }
1652  .moodle-dialogue-confirm .confirmation-message {
1653      margin: 0.5em 1em;
1654  }
1655  .moodle-dialogue-confirm .confirmation-dialogue input {
1656      min-width: 80px;
1657  }
1658  .moodle-dialogue-exception .moodle-exception-message {
1659      margin: 1em;
1660  }
1661  .moodle-dialogue-exception .moodle-exception-param {
1662      margin-bottom: 0.5em;
1663  }
1664  .moodle-dialogue-exception .moodle-exception-param label {
1665      width: 150px;
1666  }
1667  .moodle-dialogue-exception .param-stacktrace label {
1668      display: block;
1669      margin: 0;
1670      padding: 4px 1em;
1671  }
1672  .moodle-dialogue-exception .param-stacktrace pre {
1673      display: block;
1674      height: 200px;
1675      overflow: auto;
1676  }
1677  .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1678      display: inline-block;
1679      margin: 4px 0;
1680  }
1681  .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1682      display: inline-block;
1683      width: 50px;
1684      margin: 4px 1em;
1685  }
1686  .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1687      padding-left: 25px;
1688      margin-bottom: 4px;
1689      padding-bottom: 4px;
1690  }
1691  .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1692      .opacity(75);
1693      width: 100%;
1694      height: 100%;
1695      top: 0;
1696      left: 0;
1697      background-color: white;
1698      text-align: center;
1699      padding: 10% 0;
1700  }
1701  /* Apply a default max-height on tooltip text */
1702  .moodle-dialogue .tooltiptext {
1703      max-height: 300px;
1704  }
1705  
1706  .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1707      z-index: 3001;
1708  
1709      .moodle-dialogue-bd {
1710          overflow: auto;
1711      }
1712  }
1713  
1714  /* Question Bank - Question Chooser "Close" button */
1715  #page-question-edit.dir-rtl a.container-close {
1716      right: auto;
1717      left: 6px;
1718  }
1719  /**
1720   * Chooser Dialogues (moodle-core-chooserdialogue)
1721   *
1722   * This CSS belong to the chooser dialogue which should work both with, and
1723   * without javascript enabled
1724   */
1725  /* Hide the dialog and it's title */
1726  .chooserdialoguebody,
1727  .choosertitle {
1728      display: none;
1729  }
1730  .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1731      margin: 0;
1732  }
1733  .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1734      padding: 0;
1735      background: #F2F2F2;
1736      .border-bottom-radius(10px);
1737  }
1738  /* Center the submit buttons within the area */
1739  .choosercontainer #chooseform .submitbuttons {
1740      padding: 0.7em 0;
1741      text-align: center;
1742  }
1743  /* Fixed for safari browser on iPhone4S with ios7.*/
1744  @media (max-height: 639px) {
1745      .ios.safari .choosercontainer #chooseform .submitbuttons {
1746          padding: 45px 0;
1747      }
1748  }
1749  .choosercontainer #chooseform .submitbuttons input {
1750      min-width: 100px;
1751      margin: 0 0.5em;
1752  }
1753  /* Various settings for the options area */
1754  .choosercontainer #chooseform .options {
1755      position: relative;
1756      border-bottom: 1px solid #BBBBBB;
1757  }
1758  /* Only set these options if we're showing the js container */
1759  .jschooser .choosercontainer #chooseform .alloptions {
1760      overflow-x: hidden;
1761      overflow-y: auto;
1762      max-width: 20.3em;
1763      .box-shadow(inset 0 0 30px 0px #ccc);
1764      .option {
1765          input[type=radio] {
1766              display: inline-block;
1767          }
1768          .modicon {
1769              display: inline-block;
1770          }
1771          .typename {
1772              display: inline-block;
1773              width: 65%;
1774          }
1775      }
1776  }
1777  .dir-rtl.jschooser .choosercontainer #chooseform .alloptions {
1778      max-width: 18.3em;
1779  }
1780  /* Settings for option rows and option subtypes */
1781  .choosercontainer #chooseform .moduletypetitle,
1782  .choosercontainer #chooseform .option,
1783  .choosercontainer #chooseform .nonoption {
1784      margin-bottom: 0;
1785      padding: 0 1.6em 0 1.6em;
1786  }
1787  .choosercontainer #chooseform .moduletypetitle {
1788      text-transform: uppercase;
1789      padding-top: 1.2em;
1790      padding-bottom: 0.4em;
1791  }
1792  .choosercontainer #chooseform .option .typename,
1793  .choosercontainer #chooseform .option span.modicon img.icon,
1794  .choosercontainer #chooseform .nonoption .typename,
1795  .choosercontainer #chooseform .nonoption span.modicon img.icon {
1796      padding: 0 0 0 0.5em;
1797  }
1798  .dir-rtl .choosercontainer #chooseform .option .typename,
1799  .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1800  .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1801  .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1802      padding: 0 0.5em 0 0;
1803  }
1804  
1805  .chooserdialogue-course-modchooser .choosercontainer #chooseform .option span.modicon img.icon,
1806  .chooserdialogue-course-modchooser .choosercontainer #chooseform .nonoption span.modicon img.icon {
1807      height: 24px;
1808      width: 24px;
1809  }
1810  .choosercontainer #chooseform .option input[type=radio],
1811  .choosercontainer #chooseform .option span.typename,
1812  .choosercontainer #chooseform .option span.modicon {
1813      vertical-align: middle;
1814  }
1815  .choosercontainer #chooseform .option label {
1816      display: block;
1817      padding: 0.3em 0 0.1em 0;
1818      border-bottom: 1px solid #FFFFFF;
1819  }
1820  .choosercontainer #chooseform .nonoption {
1821      padding-left: 2.7em;
1822      padding-top: 0.3em;
1823      padding-bottom: 0.1em;
1824  }
1825  .dir-rtl .choosercontainer #chooseform .nonoption {
1826      padding-right: 2.7em;
1827      padding-left: 0;
1828  }
1829  .choosercontainer #chooseform .subtype {
1830      margin-bottom: 0;
1831      padding: 0 1.6em 0 3.2em;
1832  }
1833  .dir-rtl .choosercontainer #chooseform .subtype {
1834      padding: 0 3.2em 0 1.6em;
1835  }
1836  .choosercontainer #chooseform .subtype .typename {
1837      margin: 0 0 0 0.2em;
1838  }
1839  .dir-rtl .choosercontainer #chooseform .subtype .typename {
1840      margin: 0 0.2em 0 0;
1841  }
1842  /* The instruction/help area */
1843  .jschooser .choosercontainer #chooseform .instruction,
1844  .jschooser .choosercontainer #chooseform .typesummary {
1845      display: none;
1846      position: absolute;
1847      top: 0;
1848      right: 0;
1849      bottom: 0;
1850      left: 20.3em;
1851      margin: 0;
1852      padding: 1.6em;
1853      background-color: #fff;
1854      overflow-x: hidden;
1855      overflow-y: auto;
1856      line-height: 2em;
1857  }
1858  .dir-rtl.jschooser .choosercontainer #chooseform .instruction,
1859  .dir-rtl.jschooser .choosercontainer #chooseform .typesummary {
1860      left: 0;
1861      right: 18.5em;
1862      border-right: 1px solid grey;
1863  }
1864  /* Selected option settings */
1865  .jschooser .choosercontainer #chooseform .instruction,
1866  .choosercontainer #chooseform .selected .typesummary {
1867      display: block;
1868  }
1869  .choosercontainer #chooseform .selected {
1870      background-color: #fff;
1871      .box-shadow(0px 0 10px 0 #ccc);
1872  }
1873  .section-modchooser-link img.smallicon {
1874      padding: 3px;
1875  }
1876  /* Form element: listing */
1877  .formlistingradio {
1878      padding-bottom: 25px;
1879      padding-right: 10px;
1880  }
1881  .formlistinginputradio {
1882      float: left;
1883  }
1884  .formlistingmain {
1885      min-height: 225px;
1886  }
1887  .formlisting {
1888      position: relative;
1889      margin: 15px 0;
1890      padding: 1px 19px 14px;
1891      background-color: white;
1892      border: 1px solid #DDD;
1893      .border-radius(4px);
1894  }
1895  .formlistingmore {
1896      position: absolute;
1897      cursor: pointer;
1898      bottom: -1px;
1899      right: -1px;
1900      padding: 3px 7px;
1901      font-size: 12px;
1902      font-weight: bold;
1903      background-color: whiteSmoke;
1904      border: 1px solid #ddd;
1905      color: #9DA0A4;
1906      .border-radius(4px 0 4px 0);
1907  }
1908  .formlistingall {
1909      margin: 15px 0;
1910      padding: 0;
1911      .border-radius(4px);
1912  }
1913  .formlistingrow {
1914      cursor: pointer;
1915      border-bottom: 1px solid;
1916      border-color: #E1E1E8;
1917      border-left: 1px solid #E1E1E8;
1918      border-right: 1px solid #E1E1E8;
1919      background-color: #F7F7F9;
1920      .border-radius(0 0 4px 4px);
1921      padding: 6px;
1922      top: 50%;
1923      left: 50%;
1924      min-height: 34px;
1925      float: left;
1926      width: 150px;
1927  }
1928  body.jsenabled .formlistingradio {
1929      display: none;
1930  }
1931  body.jsenabled .formlisting {
1932      display: block;
1933  }
1934  
1935  /* Badges styles */
1936  table.collection {
1937      .table;
1938      .table-bordered;
1939      .table-striped;
1940  }
1941  table.collection .name {
1942      text-align: left;
1943      vertical-align: middle;
1944  }
1945  table.collection .awards {
1946      width: 10%;
1947      text-align: center;
1948      vertical-align: middle;
1949  }
1950  table.collection .criteria {
1951      width: 40%;
1952      text-align: left;
1953      vertical-align: top;
1954  }
1955  table.collection .badgeimage,
1956  table.collection .status {
1957      width: 15%;
1958      text-align: center;
1959      vertical-align: middle;
1960  }
1961  table.collection .description {
1962      width: 25%;
1963      text-align: left;
1964  }
1965  .dir-rtl table.collection {
1966      .name,
1967      .criteria,
1968      .description {
1969          text-align: right;
1970      }
1971  }
1972  table.collection .actions {
1973      width: 11em;
1974      text-align: center;
1975      vertical-align: middle;
1976  }
1977  
1978  a.criteria-action {
1979      padding: 0px 3px;
1980      float: right;
1981  }
1982  div.criteria-description {
1983      padding: 10px 15px;
1984      margin: 5px 0px;
1985      background: none repeat scroll 0 0 #f9f9f9;
1986      border: 1px solid #EEE;
1987  }
1988  ul.badges {
1989      margin: 0;
1990      list-style: none;
1991  }
1992  .badges li {
1993      position: relative;
1994      display: inline-block;
1995      padding-top: 1em;
1996      text-align: center;
1997      vertical-align: top;
1998      width: 150px;
1999  }
2000  .badges li .badge-name {
2001      display: block;
2002      padding: 5px;
2003  }
2004  .badges li > img {
2005      position: absolute;
2006  }
2007  .badges li .badge-image {
2008      width: 100px;
2009      height: 100px;
2010      left: 10px;
2011      top: 0px;
2012      z-index: 1;
2013  }
2014  .badges li .badge-actions {
2015      position: relative;
2016  }
2017  .badges li .expireimage {
2018      width: 100px;
2019      height: 100px;
2020      left: 25px;
2021      top: 0px;
2022      position: absolute;
2023      z-index: 10;
2024      opacity: 0.85;
2025  }
2026  
2027  #badge-image {
2028      background-color: transparent;
2029      padding: 0;
2030      position: relative;
2031      min-width: 100px;
2032      width: 20%;
2033      display: inline-block;
2034      vertical-align: top;
2035      margin-top: 17px;
2036  
2037      .expireimage {
2038          width: 100px;
2039          height: 100px;
2040          left: 0px;
2041          top: 0px;
2042          .opacity(85);
2043          position: absolute;
2044          z-index: 10;
2045      }
2046  
2047      .singlebutton {
2048          padding-top: 5px;
2049  
2050          input {
2051              margin-left: 0px;
2052          }
2053      }
2054  }
2055  .dir-rtl #badge-image {
2056      float: right;
2057  
2058      .expireimage {
2059          left: 41px;
2060      }
2061  }
2062  #badge-details {
2063      display: inline-block;
2064      width: 79%;
2065  }
2066  
2067  #badge-overview dl,
2068  #badge-details dl {
2069      margin: 0;
2070  
2071      dt,
2072      dd {
2073          vertical-align: top;
2074          padding: 3px 0;
2075      }
2076      dt {
2077          clear: both;
2078          display: inline-block;
2079          width: 20%;
2080          min-width: 100px;
2081      }
2082      dd {
2083          display: inline-block;
2084          width: 79%;
2085          margin-left: 1%;
2086      }
2087  }
2088  
2089  .badge-profile {
2090      vertical-align: top;
2091  }
2092  .connected {
2093      color: @successText;
2094  }
2095  .notconnected {
2096      color: @errorText;
2097  }
2098  .connecting {
2099      color: @warningText;
2100  }
2101  #page-badges-award .recipienttable tr td {
2102      vertical-align: top;
2103  }
2104  #page-badges-award .recipienttable tr td.actions .actionbutton {
2105      margin: 0.3em 0;
2106      padding: 0.5em 0;
2107      width: 100%;
2108  }
2109  #page-badges-award .recipienttable tr td.existing,
2110  #page-badges-award .recipienttable tr td.potential {
2111      width: 42%;
2112  }
2113  
2114  #issued-badge-table .activatebadge {
2115      display: inline-block;
2116  }
2117  .statusbox.active {
2118      background-color: @successBackground;
2119  }
2120  .statusbox.inactive {
2121      background-color: @warningBackground;
2122  }
2123  .statusbox {
2124      text-align: center;
2125      margin-bottom: 5px;
2126      padding: 5px;
2127  }
2128  .statusbox .activatebadge {
2129      display: inline-block;
2130  }
2131  .statusbox .activatebadge input[type=submit] {
2132      margin: 3px;
2133  }
2134  .activatebadge {
2135      margin: 0px;
2136      text-align: left;
2137      vertical-align: middle;
2138  }
2139  .dir-rtl .activatebadge {
2140      text-align: right;
2141  }
2142  img#persona_signin {
2143      cursor: pointer;
2144  }
2145  .addcourse {
2146      float: right;
2147  }
2148  .invisiblefieldset {
2149      display: inline;
2150      margin: 0;
2151      padding: 0;
2152      border-width: 0;
2153  }
2154  .breadcrumb-nav {
2155      float: left;
2156      margin-bottom: 10px;
2157  }
2158  .dir-rtl .breadcrumb-nav {
2159      float: right;
2160  }
2161  .breadcrumb-button .singlebutton div {
2162      margin-right: 0;
2163  }
2164  .breadcrumb-nav .breadcrumb {
2165      margin: 0;
2166  }
2167  
2168  /** Header-bar styles **/
2169  .page-context-header {
2170      // We need to be explicit about the height of the header.
2171      @pageHeaderHeight: 140px;
2172  
2173      // Do not remove these rules.
2174      overflow: hidden;
2175  
2176      .page-header-image,
2177      .page-header-headings {
2178          display: block;
2179          position: relative;
2180      }
2181      .page-header-image {
2182          margin-bottom: 1em;
2183      }
2184      .page-header-headings {
2185          margin-top: 30px;
2186          margin-bottom: 10px;
2187  
2188          h1 {
2189              display: block;
2190          }
2191      }
2192  
2193      .page-header-headings,
2194      .header-button-group {
2195          position: relative;
2196          line-height: 24px;
2197          vertical-align: middle;
2198      }
2199  
2200      .header-button-group {
2201          display: block;
2202  
2203          a {
2204              position: relative;
2205  
2206              // Don't touch it unless you know exactly what you are doing.
2207              top: -0.4em;
2208          }
2209      }
2210  }
2211  
2212  .dir-ltr .page-context-header {
2213      .page-header-image {
2214          float: left;
2215          margin-right: 1em;
2216      }
2217  
2218      .header-button-group {
2219          float: left;
2220      }
2221  }
2222  
2223  .dir-rtl .page-context-header {
2224      .page-header-image {
2225          float: right;
2226          margin-left: 1em;
2227      }
2228  
2229      .header-button-group {
2230          float: right;
2231      }
2232  }
2233  
2234  /** Action menu component styles **/
2235  .moodle-actionmenu,
2236  .moodle-actionmenu > ul,
2237  .moodle-actionmenu > ul > li {
2238      display: inline-block;
2239  }
2240  
2241  .moodle-actionmenu ul {
2242      padding: 0;
2243      margin: 0;
2244      list-style-type: none;
2245  }
2246  
2247  .section_action_menu .moodle-actionmenu ul.menubar {
2248      margin: 0;
2249  }
2250  
2251  .section_action_menu .moodle-actionmenu ul.menu {
2252      margin: 0 10px 10px 0;
2253  }
2254  
2255  .moodle-actionmenu .toggle-display,
2256  .moodle-actionmenu .menu-action-text {
2257      display: none; /** Hidden by default, display none so that we don't take up space. **/
2258  }
2259  
2260  .jsenabled {
2261      .moodle-actionmenu[data-enhance] {
2262          display: block;
2263          .menu {
2264              display: none;
2265          }
2266          .toggle-display {
2267              display: inline; /** JS is enabled, we'll be using it so return display to normal **/
2268              .opacity(50);
2269          }
2270          .toggle-display.textmenu {
2271              display: block;
2272              margin-left: 4px;
2273              padding-left: 4px;
2274              padding-right: 4px;
2275  
2276              .iconsmall,
2277              .smallicon {
2278                  margin: 4px 4px 4px 0px;
2279                  padding: 8px 4px 0px 2px;
2280                  vertical-align: text-bottom;
2281              }
2282  
2283              .caret {
2284                  margin-top: 8px;
2285                  margin-left: 2px;
2286                  border-top-color: @navbarLinkColor;
2287                  &:hover,
2288                  &:active {
2289                      border-top-color: @navbarLinkColorActive;
2290                  }
2291              }
2292          }
2293      }
2294      .moodle-actionmenu[data-enhanced] {
2295          .toggle-display {
2296              .opacity(100);
2297          }
2298          .menu-action-text {
2299              display: inline;
2300          }
2301      }
2302  
2303      &.dir-rtl {
2304          .moodle-actionmenu[data-enhance] {
2305              .toggle-display.textmenu {
2306                  margin-left: initial;
2307                  margin-right: 4px;
2308  
2309                  .caret {
2310                      margin-left: initial;
2311                      margin-right: 2px;
2312                  }
2313              }
2314          }
2315      }
2316  }
2317  
2318  .moodle-actionmenu[data-enhanced].show {
2319  
2320      position: relative;
2321  
2322      .menu {
2323  
2324          display: block;
2325          position: absolute;
2326          text-align: left;
2327          background-color: @dropdownBackground;
2328          border: 1px solid @dropdownBorder;
2329          z-index: 1000;
2330          .border-radius(5px);
2331          .box-shadow(5px 5px 20px 0 #666);
2332  
2333          a {
2334              display: block;
2335              color: @dropdownLinkColor;
2336              padding: 2px 1em 2px 28px;
2337              &:hover {
2338                  color: @dropdownLinkColorHover;
2339                  background-color: @dropdownLinkBackgroundHover;
2340              }
2341              &:first-child {
2342                  .border-top-radius(4px);
2343              }
2344              &:last-child {
2345                  .border-bottom-radius(4px);
2346              }
2347          }
2348          a.hidden {
2349              display: none;
2350          }
2351          img {
2352              vertical-align: middle;
2353          }
2354          .iconsmall,
2355          .smallicon {
2356              margin: 4px 4px 4px -24px;
2357              padding: 4px;
2358          }
2359          > li {
2360              display: block;
2361          }
2362  
2363          /** bottom left of button **/
2364          &.align-tl-bl {
2365              top: 100%;
2366              left: 0;
2367              margin-top: 4px;
2368          }
2369          &.align-tr-bl {
2370              top: 100%;
2371              right: 100%;
2372          }
2373          &.align-bl-bl {
2374              bottom: 100%;
2375              left: 0;
2376          }
2377          &.align-br-bl {
2378              bottom: 100%;
2379              right: 100%;
2380          }
2381          /** bottom right of button **/
2382          &.align-tl-br {
2383              top: 100%;
2384              left: 100%;
2385          }
2386          &.align-tr-br {
2387              top: 100%;
2388              right: 0;
2389              margin-top: 4px;
2390          }
2391  
2392          &.align-bl-br {
2393              bottom: 100%;
2394              left: 100%;
2395          }
2396  
2397          &.align-br-br {
2398              bottom: 100%;
2399              right: 0;
2400          }
2401          /** top left of button **/
2402          &.align-tl-tl {
2403              top: 0;
2404              left: 0;
2405          }
2406  
2407          &.align-tr-tl {
2408              top: 0;
2409              right: 100%;
2410              margin-right: 4px;
2411          }
2412  
2413          &.align-bl-tl {
2414              bottom: 100%;
2415              left: 0;
2416              margin-bottom: 4px;
2417          }
2418  
2419          &.align-br-tl {
2420              bottom: 100%;
2421              right: 100%;
2422          }
2423          /** top right of button **/
2424          &.align-tl-tr {
2425              top: 0;
2426              left: 100%;
2427              margin-left: 4px;
2428          }
2429  
2430          &.align-tr-tr {
2431              top: 0;
2432              right: 0;
2433          }
2434  
2435          &.align-bl-tr {
2436              bottom: 100%;
2437              left: 100%;
2438          }
2439  
2440          &.align-br-tr {
2441              bottom: 100%;
2442              right: 0;
2443              margin-bottom: 4px;
2444          }
2445  
2446      }
2447      /** no wrap is set - prevent menu items from wrapping **/
2448      &.nowrap-items .menu > li {
2449          white-space: nowrap;
2450      }
2451  }
2452  
2453  .block .moodle-actionmenu {
2454      text-align: right;
2455  }
2456  
2457  .dir-rtl {
2458      .moodle-actionmenu[data-enhanced].show {
2459          .menu {
2460              text-align: right;
2461              left: 0;
2462              right: auto;
2463              a {
2464                  padding: 2px 28px 2px 1em;
2465              }
2466              .iconsmall,
2467              .smallicon {
2468                  margin-right: -24px;
2469                  margin-left: 4px;
2470              }
2471  
2472              /** bottom left of button **/
2473              &.align-tl-bl {
2474                  left: auto;
2475                  right: 0;
2476              }
2477  
2478              &.align-tr-bl {
2479                  right: auto;
2480                  left: 100%;
2481              }
2482  
2483              &.align-bl-bl {
2484                  left: auto;
2485                  right: 0;
2486              }
2487  
2488              &.align-br-bl {
2489                  right: auto;
2490                  left: 100%;
2491              }
2492              /** bottom right of button **/
2493              &.align-tl-br {
2494                  left: auto;
2495                  right: 100%;
2496              }
2497  
2498              &.align-tr-br {
2499                  right: auto;
2500                  left: 0;
2501              }
2502  
2503              &.align-bl-br {
2504                  left: auto;
2505                  right: 100%;
2506              }
2507  
2508              &.align-br-br {
2509                  right: auto;
2510                  left: 0;
2511              }
2512              /** top left of button **/
2513              &.align-tl-tl {
2514                  left: auto;
2515                  right: 0;
2516              }
2517  
2518              &.align-tr-tl {
2519                  right: auto;
2520                  left: 100%;
2521              }
2522  
2523              &.align-bl-tl {
2524                  left: auto;
2525                  right: 0;
2526              }
2527  
2528              &.align-br-tl {
2529                  right: auto;
2530                  left: 100%;
2531              }
2532              /** top right of button **/
2533              &.align-tl-tr {
2534                  left: auto;
2535                  right: 100%;
2536              }
2537  
2538              &.align-tr-tr {
2539                  right: auto;
2540                  left: 0;
2541              }
2542  
2543              &.align-bl-tr {
2544                  left: auto;
2545                  right: 100%;
2546              }
2547  
2548              &.align-br-tr {
2549                  right: auto;
2550                  left: 0;
2551              }
2552          }
2553      }
2554      .block .moodle-actionmenu {
2555          text-align: right;
2556      }
2557  }
2558  
2559  ul.dragdrop-keyboard-drag li {
2560      list-style-type: none;
2561  }
2562  
2563  .block-control-actions .moodle-core-dragdrop-draghandle img {
2564      width: 12px;
2565      height: 12px;
2566  }
2567  
2568  a.disabled:hover,
2569  a.disabled {
2570      text-decoration: none;
2571      cursor: default;
2572      font-style: italic;
2573      color: #808080;
2574  }
2575  body.lockscroll {
2576      height: 100%;
2577      overflow: hidden;
2578  }
2579  
2580  .dir-rtl {
2581      // Bootstrap sets right margin to 0. Fail.
2582      // They set left margin to 25px so we will copy that.
2583      ul {
2584          margin-left: 0;
2585          margin-right: 25px;
2586      }
2587  }
2588  
2589  .progressbar_container {
2590      max-width: 500px;
2591      margin: 0 auto;
2592  }
2593  
2594  /* IE10 only fix for calendar titling */
2595  .ie10 .yui3-calendar-header-label {
2596      display: inline-block;
2597  }
2598  
2599  dd:before,
2600  dd:after {
2601      display: block;
2602      content: " ";
2603  }
2604  dd:after {
2605      clear: both;
2606  }
2607  
2608  // Active tabs with links should have a different
2609  // cursor to indicate they are clickable.
2610  .nav-tabs > .active > a[href],
2611  .nav-tabs > .active > a[href]:hover,
2612  .nav-tabs > .active > a[href]:focus {
2613      cursor: pointer;
2614  }
2615  
2616  .inplaceeditable {
2617  
2618      &.inplaceeditingon {
2619          position: relative;
2620  
2621          .editinstructions {
2622              margin-top: -30px;
2623              font-weight: normal;
2624              margin-right: 0;
2625              margin-left: 0;
2626              left: 0;
2627              right: auto;
2628              white-space: nowrap;
2629          }
2630  
2631          input {
2632              width: 330px;
2633              height: 16px;
2634              vertical-align: text-bottom;
2635              margin-bottom: 0;
2636          }
2637  
2638          select {
2639              margin-bottom: 0;
2640          }
2641      }
2642  
2643      .quickediticon img {
2644          opacity: 0.2;
2645      }
2646  
2647      .quickeditlink {
2648          color: inherit;
2649          text-decoration: inherit;
2650      }
2651  
2652      &:hover .quickeditlink .quickediticon img,
2653      .quickeditlink:focus .quickediticon img {
2654          opacity: 1;
2655      }
2656  
2657      &.inplaceeditable-toggle .quickediticon {
2658          display: none;
2659      }
2660  }
2661  
2662  .dir-rtl {
2663      .inplaceeditable {
2664          &.inplaceeditingon {
2665              .editinstructions {
2666                  right: 0;
2667                  left: auto;
2668              }
2669          }
2670      }
2671  }
2672  h3.sectionname .inplaceeditable.inplaceeditingon .editinstructions {
2673      margin-top: -20px;
2674  }
2675  
2676  /** Chart output HTML table */
2677  .chart-output-htmltable {
2678      width: 100%;
2679  }
2680  
2681  /** Chart area. */
2682  .chart-area {
2683  
2684      .chart-table-data {
2685          display: none;
2686      }
2687      .chart-table-expand {
2688          text-align: right;
2689      }
2690  
2691      .chart-table {
2692          /** When accessible, we display the table only. */
2693          &.accesshide {
2694              .chart-table-expand {
2695                  display: none;
2696              }
2697              .chart-table-data {
2698                  display: block;
2699              }
2700          }
2701      }
2702  }
2703  .dir-rtl .chart-area .chart-table-expand {
2704      text-align: left;
2705  }