theme/bootstrapbase/less/moodle/core.less

   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,
  13 .empty-region-side-post #block-region-side-post {
  14     display:none;
  15 }
  16
  17 .empty-region-side-post #region-bs-main-and-pre.span9 {
  18     width:100%;
  19 }
  20
  21 .empty-region-side-pre #region-main {
  22     float:none;
  23     width:100%;
  24 }
  25
  26 .empty-region-side-post.used-region-side-pre #region-main.span8 {
  27     /** increase the span size by 1 **/
  28     .fluid-span(9);
  29 }
  30 .empty-region-side-post.used-region-side-pre #block-region-side-pre.span4 {
  31     /** decrease the span size by 1 **/
  32     .fluid-span(3);
  33 }
  34
  35 .empty-region-side-post #region-bs-main-and-post.span9 #region-main.span8 {
  36     /** RTL with no post area. **/
  37     width:100%;
  38 }
  39
  40 /** Page layout CSS ends **/
  41
  42 .dir-ltr,
  43 .mdl-left,
  44 .dir-rtl .mdl-right {
  45     text-align: left;
  46 }
  47 .dir-rtl,
  48 .mdl-right,
  49 .dir-rtl .mdl-left {
  50     text-align: right;
  51 }
  52 #add,
  53 #remove,
  54 .centerpara,
  55 .mdl-align {
  56     text-align: center;
  57 }
  58 a.dimmed,
  59 a.dimmed:link,
  60 a.dimmed:visited,
  61 a.dimmed_text,
  62 a.dimmed_text:link,
  63 a.dimmed_text:visited,
  64 .dimmed_text,
  65 .dimmed_text a,
  66 .dimmed_text a:link,
  67 .dimmed_text a:visited,
  68 .usersuspended,
  69 .usersuspended a,
  70 .usersuspended a:link,
  71 .usersuspended a:visited,
  72 .dimmed_category,
  73 .dimmed_category a {
  74     .muted
  75 }
  76 .activity.label .dimmed_text {
  77     .opacity(50)
  78 }
  79 .unlist,
  80 .unlist li,
  81 .inline-list,
  82 .inline-list li,
  83 .block .list,
  84 .block .list li,
  85 .section li.activity,
  86 .section li.movehere,
  87 .tabtree li {
  88     list-style: none;
  89     margin: 0;
  90     padding: 0;
  91 }
  92 .inline,
  93 .inline-list li {
  94     display: inline;
  95 }
  96 .notifytiny {
  97     font-size: @fontSizeMini;
  98 }
  99 .notifytiny li,
 100 .notifytiny td {
 101     font-size: 100%;
 102 }
 103 .red,
 104 .notifyproblem {
 105     color: @errorText;
 106 }
 107 .green,
 108 .notifysuccess {
 109     color: @successText;
 110 }
 111 .reportlink {
 112     text-align: right;
 113 }
 114 a.autolink.glossary:hover {
 115     cursor: help;
 116 }
 117 /* Block which is hidden if javascript enabled, prevents fickering visible when JS from footer used! */
 118 .collapsibleregioncaption {
 119     white-space: nowrap;
 120 }
 121 .collapsibleregioncaption img {
 122     vertical-align: middle;
 123 }
 124 .jsenabled .hiddenifjs {
 125     display: none;
 126 }
 127 .visibleifjs {
 128     display: none;
 129 }
 130 .jsenabled .visibleifjs {
 131     display: inline;
 132 }
 133 .jsenabled .collapsibleregion {
 134     overflow: hidden;
 135 }
 136 .jsenabled .collapsed .collapsibleregioninner {
 137     visibility: hidden;
 138 }
 139 .collapsible-actions {
 140     display: none;
 141     text-align: right;
 142 }
 143 .dir-rtl .collapsible-actions {
 144     text-align: left;
 145 }
 146 .jsenabled .collapsible-actions {
 147     display: block;
 148 }
 149 .collapsible-actions .collapseexpand {
 150     padding-left: 20px;
 151     background: url([[pix:t/collapsed]]) 2px center no-repeat;
 152 }
 153 .dir-rtl .collapsible-actions .collapseexpand {
 154     padding-right: 20px;
 155     padding-left: 0;
 156     background: url([[pix:t/collapsed_rtl]]) right center no-repeat;
 157 }
 158 .collapsible-actions .collapse-all,
 159 .dir-rtl .collapsible-actions .collapse-all {
 160     background-image: url([[pix:t/expanded]]);
 161 }
 162 .yui-overlay .yui-widget-bd {
 163     background-color: #FFEE69;
 164     border: 1px solid #A6982B;
 165     border-top-color: #D4C237;
 166     color: #000000;
 167     left: 0;
 168     padding: 2px 5px;
 169     position: relative;
 170     top: 0;
 171     z-index: 1;
 172 }
 173 .clearer {
 174     background: transparent;
 175     border-width: 0;
 176     clear: both;
 177     display: block;
 178     height: 1px;
 179     margin: 0;
 180     padding: 0;
 181 }
 182 .bold,
 183 .warning,
 184 .errorbox .title,
 185 .pagingbar .title,
 186 .pagingbar .thispage {
 187     font-weight: bold;
 188 }
 189 img.resize {
 190     height: 1em;
 191     width: 1em;
 192 }
 193 .block img.resize,
 194 .breadcrumb img.resize {
 195     height: 0.9em;
 196     width: 0.8em;
 197 }
 198 /* Icon styles */
 199 img.icon {
 200     height: 16px;
 201     vertical-align: text-bottom;
 202     width: 16px;
 203     padding-right: 6px;
 204 }
 205 .dir-rtl img.icon {
 206     padding-left: 6px;
 207     padding-right: 0;
 208 }
 209 img.iconsmall {
 210     height: 12px;
 211     margin-right: 3px;
 212     vertical-align: middle;
 213     width: 12px;
 214 }
 215 img.iconhelp, .helplink img {
 216     height: 16px;
 217     padding-left: 3px;
 218     vertical-align: text-bottom;
 219     width: 16px;
 220 }
 221 h1 img.iconhelp, h1 img.icon,
 222 h2 img.iconhelp, h2 img.icon,
 223 h3 img.iconhelp, h3 img.icon,
 224 h4 img.iconhelp, h4 img.icon,
 225 h5 img.iconhelp, h5 img.icon,
 226 h6 img.iconhelp, h6 img.icon {
 227   vertical-align: middle;
 228 }
 229 .dir-rtl img.iconhelp, .dir-rtl .helplink img {
 230     padding-right: 3px;
 231     padding-left: 0;
 232 }
 233 img.iconlarge {
 234     height: 24px;
 235     width: 24px;
 236     vertical-align: middle;
 237 }
 238 img.iconsort {
 239     vertical-align: text-bottom;
 240     padding-left: .3em;
 241     margin-bottom: .15em;
 242 }
 243 .dir-rtl img.iconsort {
 244     padding-right: .3em;
 245     padding-left: 0;
 246 }
 247 img.icontoggle {
 248     height: 17px;
 249     vertical-align: middle;
 250     width: 50px;
 251 }
 252 img.iconkbhelp {
 253     height: 17px;
 254     width: 49px;
 255 }
 256 img.icon-pre, .dir-rtl img.icon-post {
 257     padding-right: 3px;
 258     padding-left: 0;
 259 }
 260 img.icon-post, .dir-rtl img.icon-pre {
 261     padding-left: 3px;
 262     padding-right: 0;
 263 }
 264 .boxaligncenter {
 265     margin-left: auto;
 266     margin-right: auto;
 267 }
 268 .boxalignright {
 269     margin-left: auto;
 270     margin-right: 0;
 271 }
 272 .boxalignleft {
 273     margin-left: 0;
 274     margin-right: auto;
 275 }
 276 .boxwidthnarrow {
 277     width: 30%;
 278 }
 279 .boxwidthnormal {
 280     width: 50%;
 281 }
 282 .boxwidthwide {
 283     width: 80%;
 284 }
 285 .headermain {
 286     font-weight: bold;
 287 }
 288 #maincontent {
 289     display: block;
 290     height: 1px;
 291     overflow: hidden;
 292 }
 293 img.uihint {
 294     cursor: help;
 295 }
 296 #addmembersform table {
 297     margin-left: auto;
 298     margin-right: auto;
 299 }
 300 .flexible th {
 301     white-space: nowrap;
 302 }
 303 table.flexible .emptyrow {
 304     display: none;
 305 }
 306 img.emoticon {
 307     vertical-align: middle;
 308     width: 15px;
 309     height: 15px;
 310 }
 311 form.popupform,
 312 form.popupform div {
 313     display: inline;
 314 }
 315 .arrow_button input {
 316     overflow: hidden;
 317 }
 318 .action-icon img.smallicon {
 319     vertical-align: text-bottom;
 320     margin: 0 0.3em;
 321 }
 322
 323 /** The 1-pixel padding is there to avoid phantom scroll bars on OS X (FF, Safari and Chrome)**/
 324 .no-overflow {
 325     overflow: auto;
 326     padding-bottom: 1px;
 327 }
 328 .pagelayout-report .no-overflow {
 329     overflow: visible;
 330 }
 331 .no-overflow > .generaltable {
 332     margin-bottom: 0;
 333 }
 334 // Accessibility features
 335
 336 // Accessibility: text 'seen' by screen readers but not visual users.
 337 .accesshide {
 338     position: absolute;
 339     left: -10000px;
 340     font-weight: normal;
 341     font-size: 1em;
 342 }
 343 .dir-rtl .accesshide {
 344     top: -30000px;
 345     left: auto;
 346 }
 347 span.hide,
 348 div.hide {
 349     display: none;
 350 }
 351 // Accessibility: Skip block link, for keyboard-only users.
 352 a.skip-block,
 353 a.skip {
 354     position: absolute;
 355     top: -1000em;
 356     font-size: 0.85em;
 357     text-decoration: none;
 358 }
 359 a.skip-block:focus,
 360 a.skip-block:active,
 361 a.skip:focus,
 362 a.skip:active {
 363     position: static;
 364     display: block;
 365 }
 366 .skip-block-to {
 367     display: block;
 368     height: 1px;
 369     overflow: hidden;
 370 }
 371 // Blogs
 372 .addbloglink {
 373     text-align: center;
 374 }
 375 .blog_entry .audience {
 376     text-align: right;
 377     padding-right: 4px;
 378 }
 379 .blog_entry .tags {
 380     margin-top: 15px;
 381 }
 382 .blog_entry .tags .action-icon img.smallicon {
 383     height: 16px;
 384     width: 16px;
 385 }
 386 .blog_entry .content {
 387     margin-left: 43px;
 388 }
 389 // Group
 390 #page-group-index #groupeditform {
 391     text-align: center;
 392 }
 393 #doc-contents h1 {
 394     margin: 1em 0 0 0;
 395 }
 396 #doc-contents ul {
 397     margin: 0;
 398     padding: 0;
 399     width: 90%;
 400 }
 401 #doc-contents ul li {
 402     list-style-type: none;
 403 }
 404 .groupmanagementtable td {
 405     vertical-align: top;
 406 }
 407 .groupmanagementtable #existingcell,
 408 .groupmanagementtable #potentialcell {
 409     width: 42%;
 410 }
 411 .groupmanagementtable #buttonscell {
 412     width: 16%;
 413 }
 414 .groupmanagementtable #buttonscell p.arrow_button input {
 415     width: auto;
 416     min-width: 80%;
 417     margin: 0 auto;
 418 }
 419 .groupmanagementtable #removeselect_wrapper,
 420 .groupmanagementtable #addselect_wrapper {
 421     width: 100%;
 422 }
 423 .groupmanagementtable #removeselect_wrapper label,
 424 .groupmanagementtable #addselect_wrapper label {
 425     font-weight: normal;
 426 }
 427 .dir-rtl .groupmanagementtable p {
 428     text-align: right;
 429 }
 430 #group-usersummary {
 431     width: 14em;
 432 }
 433 .groupselector {
 434     margin-top: 3px;
 435     margin-bottom: 3px;
 436 }
 437
 438 // Login
 439 .loginbox {
 440     margin: 15px;
 441     overflow: visible;
 442 }
 443 .loginbox.twocolumns {
 444     margin: 15px;
 445 }
 446 .loginbox h2,
 447 .loginbox .subcontent {
 448     margin: 5px;
 449     padding: 10px;
 450     text-align: center;
 451 }
 452 .loginbox .loginpanel .desc {
 453     margin: 0;
 454     padding: 0;
 455     margin-bottom: 5px;
 456     margin-top:15px;
 457 }
 458 .loginbox .signuppanel .subcontent {
 459     text-align: left;
 460 }
 461 .dir-rtl .loginbox .signuppanel .subcontent {
 462     text-align: right;
 463 }
 464 .loginbox .loginsub {
 465     margin-left: 0;
 466     margin-right: 0;
 467 }
 468 .loginbox .guestsub,
 469 .loginbox .forgotsub,
 470 .loginbox .potentialidps {
 471     margin: 5px 12%;
 472 }
 473 .loginbox .potentialidps .potentialidplist {
 474     margin-left: 40%;
 475 }
 476 .loginbox .potentialidps .potentialidplist div {
 477     text-align: left;
 478 }
 479 .loginbox .loginform {
 480     margin-top: 1em;
 481     text-align: left;
 482 }
 483 .loginbox .loginform .form-label {
 484     float: left;
 485     text-align: right;
 486     width: 44%;
 487     direction: rtl;
 488     white-space: nowrap;
 489 }
 490 .dir-rtl .loginbox .loginform .form-label {
 491     float: left;
 492     text-align: right;
 493     width: 44%;
 494     direction: ltr;
 495     white-space: nowrap;
 496 }
 497 .loginbox .loginform .form-input {
 498     float: right;
 499     width: 55%;
 500 }
 501 .loginbox .loginform .form-input input {
 502     width: 6em;
 503 }
 504 .loginbox .signupform {
 505     margin-top: 1em;
 506     text-align: center;
 507 }
 508 .loginbox.twocolumns .loginpanel,
 509 .loginbox.twocolumns .signuppanel {
 510     width: 48%;
 511     border: 0;
 512     margin: 0;
 513     padding: 0;
 514     .box-sizing(border-box);
 515     display: block;
 516     float: left;
 517     margin-left: 2.76243%;
 518     min-height: 30px;
 519     margin-bottom: -2000px;
 520     padding-bottom: 2000px;
 521 }
 522 .loginbox .potentialidp .smallicon {
 523     vertical-align: text-bottom;
 524     margin: 0 .3em;
 525 }
 526
 527 // Notes
 528 .notepost {
 529     margin-bottom: 1em;
 530 }
 531 .notepost .userpicture {
 532     float: left;
 533     margin-right: 5px;
 534 }
 535 .notepost .content,
 536 .notepost .footer {
 537     clear: both;
 538 }
 539 .notesgroup {
 540     margin-left: 20px;
 541 }
 542
 543 // My Moodle
 544 .path-my .coursebox .overview {
 545     margin: 15px 30px 10px 30px;
 546 }
 547 .path-my .coursebox .info {
 548     float: none;
 549     margin: 0;
 550 }
 551
 552 // Modules
 553 .mod_introbox {
 554     padding: 10px;
 555 }
 556 table.mod_index {
 557     width: 100%;
 558 }
 559
 560 // Comments
 561 .comment-ctrl {
 562     font-size: 12px;
 563     display: none;
 564     margin: 0;
 565     padding: 0;
 566 }
 567 .comment-ctrl h5 {
 568     margin: 0;
 569     padding: 5px;
 570 }
 571 .comment-area {
 572     max-width: 400px;
 573     padding: 5px;
 574 }
 575 .comment-area textarea {
 576     width: 100%;
 577     overflow: auto;
 578 }
 579 .comment-area .fd {
 580     text-align: right;
 581 }
 582 .comment-meta span {
 583     color: gray;
 584 }
 585 .comment-link img {
 586     vertical-align: text-bottom;
 587 }
 588 .comment-list {
 589     font-size: 11px;
 590     overflow: auto;
 591     list-style: none;
 592     padding: 0;
 593     margin: 0;
 594 }
 595 .comment-list li {
 596     margin: 2px;
 597     list-style: none;
 598     margin-bottom: 5px;
 599     clear: both;
 600     padding: .3em;
 601     position: relative;
 602 }
 603 .comment-list li.first {
 604     display: none
 605 }
 606 .comment-paging{
 607     text-align: center;
 608 }
 609 .comment-paging .pageno{
 610     padding: 2px;
 611 }
 612 .comment-paging .curpage{
 613     border: 1px solid #CCC;
 614 }
 615 .comment-message .picture {
 616     width: 20px;
 617     float: left;
 618 }
 619 .dir-rtl .comment-message .picture {
 620     float: right;
 621 }
 622 .comment-message .text {
 623     margin: 0;
 624     padding: 0;
 625 }
 626 .comment-message .text p {
 627     padding: 0;
 628     margin: 0 18px 0 0;
 629 }
 630 .comment-delete {
 631     position: absolute;
 632     top: 0;
 633     right: 0;
 634     margin: .3em;
 635 }
 636 .dir-rtl .comment-delete {
 637     position: absolute;
 638     left: 0;
 639     right: auto;
 640     margin: .3em;
 641 }
 642 .comment-delete-confirm {
 643     background: #eee;
 644     padding: 2px;
 645     width: 5em;
 646     text-align: center;
 647 }
 648 .comment-container {
 649     float: left;
 650     margin: 4px;
 651 }
 652 .comment-report-selectall{
 653     display: none
 654 }
 655 .comment-link {
 656     display: none
 657 }
 658 .jsenabled .comment-link {
 659     display: block
 660 }
 661 .jsenabled .showcommentsnonjs{
 662     display: none
 663 }
 664 .jsenabled .comment-report-selectall{
 665     display: inline
 666 }
 667 /**
 668 * Completion progress report
 669 */
 670 .completion-expired {
 671     background: @errorBackground;
 672 }
 673 .completion-expected {
 674     font-size: @fontSizeMini;
 675 }
 676 .completion-sortchoice,
 677 .completion-identifyfield {
 678     font-size: @fontSizeMini;
 679     vertical-align: bottom;
 680 }
 681 .completion-progresscell {
 682     text-align: right;
 683 }
 684 .completion-expired .completion-expected {
 685     font-weight: bold;
 686 }
 687 /**
 688 * Tags
 689 */
 690 #page-tag-coursetags_edit .coursetag_edit_centered {
 691     position: relative;
 692     width: 600px;
 693     margin: 20px auto;
 694 }
 695 #page-tag-coursetags_edit .coursetag_edit_row {
 696     clear: both;
 697 }
 698 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_left {
 699     float: left;
 700     width: 50%;
 701     text-align: right;
 702 }
 703 #page-tag-coursetags_edit .coursetag_edit_row .coursetag_edit_right {
 704     margin-left: 50%;
 705 }
 706 #page-tag-coursetags_edit .coursetag_edit_input3 {
 707     display: none;
 708 }
 709 #page-tag-coursetags_more .coursetag_more_large {
 710     font-size: 120%;
 711 }
 712 #page-tag-coursetags_more .coursetag_more_small {
 713     font-size: 80%;
 714 }
 715 #page-tag-coursetags_more .coursetag_more_link {
 716     font-size: 80%;
 717 }
 718 #tag-description,
 719 #tag-blogs {
 720     width: 100%;
 721 }
 722 #tag-management-box {
 723     margin-bottom: 10px;
 724     line-height: 20px;
 725 }
 726 #tag-user-table {
 727     padding: 3px;
 728     clear: both;
 729     width: 100%;
 730 }
 731 #tag-user-table {
 732     .clearfix
 733 }
 734 img.user-image {
 735     height: 100px;
 736     width: 100px;
 737 }
 738 #small-tag-cloud-box {
 739     width: 300px;
 740     margin: 0 auto;
 741 }
 742 #big-tag-cloud-box {
 743     width: 600px;
 744     margin: 0 auto;
 745     float: none;
 746 }
 747 ul#tag-cloud-list {
 748     list-style: none;
 749     padding: 5px;
 750     margin: 0;
 751 }
 752 ul#tag-cloud-list li {
 753     margin: 0;
 754     display: inline;
 755     list-style-type: none;
 756 }
 757 #tag-search-box {
 758     text-align: center;
 759     margin: 10px auto;
 760 }
 761 #tag-search-results-container {
 762     padding: 0;
 763     width: 100%;
 764 }
 765 #tag-search-results {
 766     padding: 0;
 767     margin: 15px 20% 0 20%;
 768     float: left;
 769     width: 60%;
 770     display: block;
 771 }
 772 #tag-search-results li {
 773     width: 30%;
 774     float: left;
 775     padding-left: 1%;
 776     text-align: left;
 777     line-height: 20px;
 778     padding-right: 1%;
 779     list-style: none;
 780 }
 781 span.flagged-tag,
 782 span.flagged-tag a {
 783     color: @errorText;
 784 }
 785 table#tag-management-list {
 786     text-align: left;
 787     width: 100%;
 788 }
 789 table#tag-management-list td,
 790 table#tag-management-list th {
 791     vertical-align: middle;
 792     text-align: left;
 793     padding: 4px;
 794 }
 795 .tag-management-form {
 796     text-align: center;
 797 }
 798 #relatedtags-autocomplete-container {
 799     margin-left: auto;
 800     margin-right: auto;
 801     min-height: 4.6em;
 802     width: 100%;
 803 }
 804 #relatedtags-autocomplete {
 805     position: relative;
 806     display: block;
 807     width: 60%;
 808     margin-left: auto;
 809     margin-right: auto;
 810 }
 811 #relatedtags-autocomplete .yui-ac-content {
 812     position: absolute;
 813     width: 420px;
 814     left: 20%;
 815     border: 1px solid #404040;
 816     background: #fff;
 817     overflow: hidden;
 818     z-index: 9050;
 819 }
 820 #relatedtags-autocomplete .ysearchquery {
 821     position: absolute;
 822     right: 10px;
 823     color: #808080;
 824     z-index: 10;
 825 }
 826 #relatedtags-autocomplete .yui-ac-shadow {
 827     position: absolute;
 828     margin: .3em;
 829     width: 100%;
 830     background: #a0a0a0;
 831     z-index: 9049;
 832 }
 833 #relatedtags-autocomplete ul {
 834     padding: 0;
 835     width: 100%;
 836     margin: 0;
 837     list-style-type: none;
 838 }
 839 #relatedtags-autocomplete li {
 840     padding: 0 5px;
 841     cursor: default;
 842     white-space: nowrap;
 843 }
 844 #relatedtags-autocomplete li.yui-ac-highlight{
 845     background: #FFFFCC;
 846 }
 847 h2.tag-heading,
 848 div#tag-description,
 849 div#tag-blogs,
 850 body.tag .managelink {
 851     padding: 5px;
 852 }
 853 .tag_cloud .s20 {
 854     font-size: 1.5em;
 855     font-weight: bold;
 856 }
 857 .tag_cloud .s19 {
 858     font-size: 1.5em;
 859 }
 860 .tag_cloud .s18 {
 861     font-size: 1.4em;
 862     font-weight: bold;
 863 }
 864 .tag_cloud .s17 {
 865     font-size: 1.4em;
 866 }
 867 .tag_cloud .s16 {
 868     font-size: 1.3em;
 869     font-weight: bold;
 870 }
 871 .tag_cloud .s15 {
 872     font-size: 1.3em;
 873 }
 874 .tag_cloud .s14 {
 875     font-size: 1.2em;
 876     font-weight: bold;
 877 }
 878 .tag_cloud .s13 {
 879     font-size: 1.2em;
 880 }
 881 .tag_cloud .s12,
 882 .tag_cloud .s11 {
 883     font-size: 1.1em;
 884     font-weight: bold;
 885 }
 886 .tag_cloud .s10,
 887 .tag_cloud .s9 {
 888     font-size: 1.1em;
 889 }
 890 .tag_cloud .s8,
 891 .tag_cloud .s7 {
 892     font-size: 1em;
 893     font-weight: bold;
 894 }
 895 .tag_cloud .s6,
 896 .tag_cloud .s5 {
 897     font-size: 1em;
 898 }
 899 .tag_cloud .s4,
 900 .tag_cloud .s3 {
 901     font-size: 0.9em;
 902     font-weight: bold;
 903 }
 904 .tag_cloud .s2,
 905 .tag_cloud .s1 {
 906     font-size: 0.9em;
 907 }
 908 .tag_cloud .s0 {
 909     font-size: 0.8em;
 910 }
 911 /**
 912 * Web Service
 913 */
 914 #webservice-doc-generator td {
 915     text-align: left;
 916     border: 0 solid black;
 917 }
 918 /**
 919 * Smart Select Element
 920 */
 921 .smartselect {
 922     position: absolute;
 923 }
 924 .smartselect .smartselect_mask {
 925     background-color: #fff;
 926 }
 927 .smartselect ul  {
 928     padding: 0;
 929     margin: 0;
 930 }
 931 .smartselect ul li {
 932     list-style: none;
 933 }
 934 .smartselect .smartselect_menu {
 935     margin-right: 5px;
 936 }
 937 .safari .smartselect .smartselect_menu {
 938     margin-left: 2px;
 939 }
 940 .smartselect .smartselect_menu,
 941 .smartselect .smartselect_submenu {
 942     border: 1px solid #000;
 943     background-color: #FFF;
 944     display: none;
 945 }
 946 .smartselect .smartselect_menu.visible,
 947 .smartselect .smartselect_submenu.visible {
 948     display: block;
 949 }
 950 .smartselect .smartselect_menu_content ul li {
 951     position: relative;
 952     padding: 2px 5px;
 953 }
 954 .smartselect .smartselect_menu_content ul li a {
 955     color: #333;
 956     text-decoration: none;
 957 }
 958 .smartselect .smartselect_menu_content ul li a.selectable {
 959     color: inherit;
 960 }
 961 .smartselect .smartselect_submenuitem {
 962     background-image: url([[pix:moodle|t/collapsed]]);
 963     background-repeat: no-repeat;
 964     background-position: 100%;
 965 }
 966 /** Spanning mode */
 967 .smartselect.spanningmenu .smartselect_submenu {
 968     position: absolute;
 969     top: -1px;
 970     left: 100%;
 971 }
 972 .smartselect.spanningmenu .smartselect_submenu a {
 973     white-space: nowrap;
 974     padding-right: 16px;
 975 }
 976 .smartselect.spanningmenu .smartselect_menu_content ul li a.selectable:hover {
 977     text-decoration: underline;
 978 }
 979 /** Compact mode */
 980 .smartselect.compactmenu .smartselect_submenu {
 981     position: relative;
 982     margin: 2px -3px;
 983     margin-left: 10px;
 984     display: none;
 985     border-width: 0;
 986     z-index: 1010;
 987 }
 988 .smartselect.compactmenu .smartselect_submenu.visible {
 989     display: block;
 990 }
 991 .smartselect.compactmenu .smartselect_menu {
 992     z-index: 1000;
 993     overflow: hidden;
 994 }
 995 .smartselect.compactmenu .smartselect_submenu .smartselect_submenu {
 996     z-index: 1020;
 997 }
 998 .smartselect.compactmenu .smartselect_submenuitem:hover > .smartselect_menuitem_label {
 999     font-weight: bold;
1000 }
1001 /**
1002 * Registration
1003 */
1004 #page-admin-registration-register .registration_textfield {
1005     width: 300px;
1006 }
1007 /**
1008 * Enrol
1009 */
1010 .userenrolment {
1011     width: 100%;
1012     border-collapse: collapse;
1013 }
1014 .userenrolment td {
1015     padding: 0;
1016     height: 41px;
1017 }
1018 .userenrolment .subfield {
1019     margin-right: 5px;
1020 }
1021 .userenrolment .col_userdetails .subfield_picture {
1022     float: left;
1023 }
1024 .userenrolment .col_lastseen {
1025     width: 150px;
1026 }
1027 .userenrolment .col_role {
1028     width: 262px;
1029 }
1030 .userenrolment .col_role .roles {
1031     margin-right: 30px;
1032 }
1033 .userenrolment .col_role .role {
1034     float: left;
1035     padding: 3px;
1036     margin: 3px;
1037 }
1038 .dir-rtl .userenrolment .col_role .role {
1039     float: right;
1040 }
1041 .userenrolment .col_role .role a {
1042     margin-left: 3px;
1043     cursor: pointer;
1044 }
1045 .userenrolment .col_role .addrole {
1046     float: right;
1047     width: 18px;
1048     height: 18px;
1049     margin: 3px;
1050     text-align: center;
1051     background-color: @successBackground;
1052     border: 1px solid @successBorder;
1053 }
1054 .userenrolment .col_role .addrole img {
1055     vertical-align: baseline;
1056 }
1057 .userenrolment .hasAllRoles .col_role .addrole {
1058     display: none;
1059 }
1060 .userenrolment .col_group .groups {
1061     margin-right: 30px;
1062 }
1063 .userenrolment .col_group .group {
1064     float: left;
1065     padding: 3px;
1066     margin: 3px;
1067     white-space: nowrap;
1068 }
1069 .userenrolment .col_group .group a {
1070     margin-left: 3px;
1071     cursor: pointer;
1072 }
1073 .userenrolment .col_group .addgroup {
1074     float: right;
1075     width: 18px;
1076     margin: 3px;
1077     height: 18px;
1078     text-align: center;
1079 }
1080 .userenrolment .col_group .addgroup a img {
1081     vertical-align: bottom;
1082 }
1083 .userenrolment .col_enrol .enrolment {
1084     float: left;
1085     padding: 3px;
1086     margin: 3px;
1087 }
1088 .userenrolment .col_enrol .enrolment a {
1089     float: right;
1090     margin-left: 3px;
1091 }
1092 #page-enrol-users .enrol_user_buttons {
1093     float: right;
1094 }
1095 #page-enrol-users.dir-rtl .enrol_user_buttons {
1096     float: left;
1097 }
1098 #page-enrol-users .enrol_user_buttons .enrolusersbutton {
1099     margin-left: 1em;
1100     display: inline;
1101 }
1102 #page-enrol-users .enrol_user_buttons .enrolusersbutton div,
1103 #page-enrol-users .enrol_user_buttons .enrolusersbutton form {
1104     display: inline;
1105 }
1106 #page-enrol-users .enrol_user_buttons .enrolusersbutton input {
1107     padding-left: 6px;
1108     padding-right: 6px;
1109 }
1110 #page-enrol-users.dir-rtl .col_userdetails .subfield_picture {
1111     float: right;
1112 }
1113 #page-enrol-users .user-enroller-panel .uep-search-results .user .details {
1114     width: 237px;
1115 }
1116 /**
1117 * Overide for RTL layout
1118 **/
1119 .dir-rtl .headermain {
1120     float: right;
1121 }
1122 .dir-rtl .headermenu {
1123     float: left;
1124 }
1125 .dir-rtl .loginbox .loginform .form-label {
1126     float: right;
1127     text-align: left;
1128 }
1129 .dir-rtl .loginbox .loginform .form-input {
1130     text-align: right;
1131 }
1132 .dir-rtl .yui3-menu-hidden {
1133     left: 0;
1134 }
1135 #page-admin-roles-define.dir-rtl #rolesform .felement {
1136     margin-right: 180px;
1137 }
1138 #page-message-edit.dir-rtl table.generaltable th.c0 {
1139     text-align: right;
1140 }
1141 .corelightbox {
1142     background-color: #CCC;
1143     position: absolute;
1144     top: 0;
1145     left: 0;
1146     width: 100%;
1147     height: 100%;
1148     text-align: center;
1149 }
1150 .corelightbox img {
1151     position: fixed;
1152     top: 50%;
1153     left: 50%;
1154 }
1155 .mod-indent-1 {
1156     margin-left: 30px;
1157 }
1158 .mod-indent-2 {
1159     margin-left: 60px;
1160 }
1161 .mod-indent-3 {
1162     margin-left: 90px;
1163 }
1164 .mod-indent-4 {
1165     margin-left: 120px;
1166 }
1167 .mod-indent-5 {
1168     margin-left: 150px;
1169 }
1170 .mod-indent-6 {
1171     margin-left: 180px;
1172 }
1173 .mod-indent-7 {
1174     margin-left: 210px;
1175 }
1176 .mod-indent-8 {
1177     margin-left: 240px;
1178 }
1179 .mod-indent-9 {
1180     margin-left: 270px;
1181 }
1182 .mod-indent-10 {
1183     margin-left: 300px;
1184 }
1185 .mod-indent-11 {
1186     margin-left: 330px;
1187 }
1188 .mod-indent-12 {
1189     margin-left: 360px;
1190 }
1191 .mod-indent-13 {
1192     margin-left: 390px;
1193 }
1194 .mod-indent-14 {
1195     margin-left: 420px;
1196 }
1197 .mod-indent-15,
1198 .mod-indent-huge {
1199     margin-left: 420px;
1200 }
1201 .dir-rtl .mod-indent-1 {
1202     margin-right: 30px;
1203     margin-left: 0;
1204 }
1205 .dir-rtl .mod-indent-2 {
1206     margin-right: 60px;
1207     margin-left: 0;
1208 }
1209 .dir-rtl .mod-indent-3 {
1210     margin-right: 90px;
1211     margin-left: 0;
1212 }
1213 .dir-rtl .mod-indent-4 {
1214     margin-right: 120px;
1215     margin-left: 0;
1216 }
1217 .dir-rtl .mod-indent-5 {
1218     margin-right: 150px;
1219     margin-left: 0;
1220 }
1221 .dir-rtl .mod-indent-6 {
1222     margin-right: 180px;
1223     margin-left: 0;
1224 }
1225 .dir-rtl .mod-indent-7 {
1226     margin-right: 210px;
1227     margin-left: 0;
1228 }
1229 .dir-rtl .mod-indent-8 {
1230     margin-right: 240px;
1231     margin-left: 0;
1232 }
1233 .dir-rtl .mod-indent-9 {
1234     margin-right: 270px;
1235     margin-left: 0;
1236 }
1237 .dir-rtl .mod-indent-10 {
1238     margin-right: 300px;
1239     margin-left: 0;
1240 }
1241 .dir-rtl .mod-indent-11 {
1242     margin-right: 330px;
1243     margin-left: 0;
1244 }
1245 .dir-rtl .mod-indent-12 {
1246     margin-right: 360px;
1247     margin-left: 0;
1248 }
1249 .dir-rtl .mod-indent-13 {
1250     margin-right: 390px;
1251     margin-left: 0;
1252 }
1253 .dir-rtl .mod-indent-14 {
1254     margin-right: 420px;
1255     margin-left: 0;
1256 }
1257 .dir-rtl .mod-indent-15,
1258 .dir-rtl .mod-indent-huge {
1259     margin-right: 420px;
1260     margin-left: 0;
1261 }
1262 /* Audio player size in 'block' mode (can only change width, height is hardcoded in JS) */
1263 .resourcecontent .mediaplugin_mp3 object {
1264     height: 25px;
1265     width: 600px
1266 }
1267 .resourcecontent audio.mediaplugin_html5audio {
1268     width: 600px
1269 }
1270 /** Large resource images should avoid hidden overflow **/
1271 .resourceimage {
1272     max-width: 100%;
1273 }
1274 /* Audio player size in 'inline' mode (can only change width, as above) */
1275 .mediaplugin_mp3 object {
1276     height: 15px;
1277     width: 300px
1278 }
1279 audio.mediaplugin_html5audio {
1280     width: 300px
1281 }
1282 /* TinyMCE moodle media preview frame should not have padding */
1283 .core_media_preview.pagelayout-embedded #content {
1284     padding: 0;
1285 }
1286 .core_media_preview.pagelayout-embedded #maincontent {
1287     height: 0;
1288 }
1289 body#page-lib-editor-tinymce-plugins-moodlemedia-preview {
1290     padding: 0;
1291     margin: 0;
1292     min-width: 0;
1293     background: none;
1294 }
1295 /** Fix YUI 2 Treeview for Right to left languages **/
1296 .dir-rtl .ygtvtn,
1297 .dir-rtl .ygtvtm,
1298 .dir-rtl .ygtvtmh,
1299 .dir-rtl .ygtvtmhh,
1300 .dir-rtl .ygtvtp,
1301 .dir-rtl .ygtvtph,
1302 .dir-rtl .ygtvtphh,
1303 .dir-rtl .ygtvln,
1304 .dir-rtl .ygtvlm,
1305 .dir-rtl .ygtvlmh,
1306 .dir-rtl .ygtvlmhh,
1307 .dir-rtl .ygtvlp,
1308 .dir-rtl .ygtvlph,
1309 .dir-rtl .ygtvlphh,
1310 .dir-rtl .ygtvdepthcell,
1311 .dir-rtl .ygtvok,
1312 .dir-rtl .ygtvok:hover,
1313 .dir-rtl .ygtvcancel,
1314 .dir-rtl .ygtvcancel:hover {
1315     width: 18px;
1316     height: 22px;
1317     background-image: url([[pix:theme|yui2-treeview-sprite-rtl]]);
1318     background-repeat: no-repeat;
1319     cursor: pointer;
1320 }
1321 .dir-rtl .ygtvtn {
1322     background-position: 0 -5600px;
1323 }
1324 .dir-rtl .ygtvtm {
1325     background-position: 0 -4000px;
1326 }
1327 .dir-rtl .ygtvtmh,
1328 .dir-rtl .ygtvtmhh {
1329     background-position: 0 -4800px;
1330 }
1331 .dir-rtl .ygtvtp {
1332     background-position: 0 -6400px;
1333 }
1334 .dir-rtl .ygtvtph,
1335 .dir-rtl .ygtvtphh {
1336     background-position: 0 -7200px;
1337 }
1338 .dir-rtl .ygtvln {
1339     background-position: 0 -1600px;
1340 }
1341 .dir-rtl .ygtvlm {
1342     background-position: 0 0;
1343 }
1344 .dir-rtl .ygtvlmh,
1345 .dir-rtl .ygtvlmhh {
1346     background-position: 0 -800px;
1347 }
1348 .dir-rtl .ygtvlp {
1349     background-position: 0 -2400px;
1350 }
1351 .dir-rtl .ygtvlph,
1352 .dir-rtl .ygtvlphh {
1353     background-position: 0 -3200px
1354 }
1355 .dir-rtl .ygtvdepthcell {
1356     background-position: 0 -8000px;
1357 }
1358 .dir-rtl .ygtvok {
1359     background-position: 0 -8800px;
1360 }
1361 .dir-rtl .ygtvok:hover {
1362     background-position: 0 -8844px;
1363 }
1364 .dir-rtl .ygtvcancel {
1365     background-position: 0 -8822px;
1366 }
1367 .dir-rtl .ygtvcancel:hover {
1368     background-position: 0 -8866px;
1369 }
1370 .dir-rtl.yui-skin-sam .yui-panel .hd {
1371     text-align: right;
1372 }
1373 .dir-rtl .yui-skin-sam .yui-layout .yui-layout-unit div.yui-layout-bd {
1374     text-align: right;
1375 }
1376 /** Fix TinyMCE editor right to left **/
1377 .dir-rtl .clearlooks2.ie9 .mceAlert .mceMiddle span,.dir-rtl .clearlooks2 .mceConfirm .mceMiddle span {
1378     top: 44px;
1379 }
1380 .dir-rtl .o2k7Skin table,
1381 .dir-rtl .o2k7Skin tbody,
1382 .dir-rtl .o2k7Skin a,
1383 .dir-rtl .o2k7Skin img,
1384 .dir-rtl .o2k7Skin tr,
1385 .dir-rtl .o2k7Skin div,
1386 .dir-rtl .o2k7Skin td,
1387 .dir-rtl .o2k7Skin iframe,
1388 .dir-rtl .o2k7Skin span,
1389 .dir-rtl .o2k7Skin *,
1390 .dir-rtl .o2k7Skin .mceText,
1391 .dir-rtl .o2k7Skin .mceListBox .mceText {
1392     text-align: right;
1393 }
1394 .path-rating .ratingtable {
1395     width: 100%;
1396     margin-bottom: 1em;
1397 }
1398 .path-rating .ratingtable th.rating {
1399     width: 100%;
1400 }
1401 .path-rating .ratingtable td.rating,
1402 .path-rating .ratingtable td.time {
1403     white-space: nowrap;
1404     text-align: center;
1405 }
1406 .initialbar a {
1407     padding-right: 2px;
1408 }
1409 /* Moodle Dialogue Settings (moodle-core-dialogue)  */
1410 .moodle-dialogue-base .moodle-dialogue-lightbox {
1411     background-color: #AAA;
1412 }
1413 .moodle-dialogue-base .hidden,
1414 .moodle-dialogue-base .moodle-dialogue-hidden {
1415     display: none;
1416 }
1417 .no-scrolling {
1418     overflow: hidden;
1419 }
1420 .moodle-dialogue-base .moodle-dialogue-fullscreen {
1421     left: 0px;
1422     top: 0px;
1423     right: 0px;
1424     bottom: -50px;
1425     position: fixed;
1426 }
1427 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1428     overflow: auto;
1429 }
1430 .moodle-dialogue-base .moodle-dialogue-fullscreen .closebutton {
1431     width: 28px;
1432     height: 16px;
1433     background-size: 100%;
1434 }
1435 .moodle-dialogue-base .moodle-dialogue {
1436     padding: 0;
1437     margin: 0;
1438     background: none;
1439     border: none;
1440     z-index: 600;
1441     outline: #000 dotted 0;
1442 }
1443 .moodle-dialogue-base .moodle-dialogue-wrap {
1444     margin-top: -3px;
1445     margin-left: -3px;
1446     background-color: #fff;
1447     border: 1px solid #ccc;
1448     .border-radius(10px);
1449     .box-shadow(5px 5px 20px 0 #666);
1450 }
1451 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd {
1452     margin: 0;
1453     padding: 5px;
1454     font-size: 12px;
1455     font-weight: normal;
1456     letter-spacing: 1px;
1457     color: #333;
1458     text-align: center;
1459     text-shadow: 1px 1px 1px #fff;
1460     .border-radius(10px 10px 0 0);
1461     border-bottom: 1px solid #bbb;
1462     background: #ccc;
1463     #gradient > .vertical(#fff, #ccc);
1464     filter: dropshadow(color=#FFFFFF, offx=1, offy=1);
1465 }
1466 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd h1 {
1467     margin: 0;
1468     padding: 0;
1469     display: inline;
1470     font-size: 100%;
1471     font-weight: bold;
1472 }
1473 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1474     padding: 5px;
1475 }
1476 .moodle-dialogue-base .closebutton {
1477     width: 25px;
1478     height: 15px;
1479     float: right;
1480     vertical-align: middle;
1481     display: inline-block;
1482     cursor: pointer;
1483     padding: 0;
1484     background-image: url([[pix:theme|sprite]]);
1485     background-repeat: no-repeat;
1486     border-style: none;
1487 }
1488 .dir-rtl .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-hd .yui3-widget-buttons {
1489     left: 0;
1490     right: auto;
1491 }
1492 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-bd {
1493     padding: 1em;
1494     line-height: 2em;
1495     color: #555;
1496     font-size: 12px;
1497 }
1498 .moodle-dialogue-base .moodle-dialogue-wrap .moodle-dialogue-content {
1499     padding: 0;
1500     background: #FFF;
1501 }
1502
1503 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd {
1504     padding: 10px;
1505     font-size: 16px;
1506 }
1507
1508 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-content {
1509     overflow: auto;
1510     position: absolute;
1511     top: 0px;
1512     bottom: 50px;
1513     left: 0px;
1514     right: 0px;
1515     margin: 0px;
1516     border: 0px;
1517 }
1518 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-hd,
1519 .moodle-dialogue-base .moodle-dialogue-fullscreen .moodle-dialogue-wrap {
1520     border-radius: 0px;
1521 }
1522 .moodle-dialogue-confirm .confirmation-dialogue {
1523     text-align: center;
1524 }
1525 .moodle-dialogue-confirm .confirmation-dialogue input {
1526     text-align: center;
1527 }
1528 .moodle-dialogue-exception .moodle-exception-message {
1529     text-align: center
1530 }
1531 .moodle-dialogue-exception .moodle-exception-param label {
1532     font-weight: bold;
1533 }
1534 .moodle-dialogue-exception .param-stacktrace label {
1535     background-color: #EEE;
1536     border: 1px solid #ccc;
1537     border-bottom-width: 0;
1538 }
1539 .moodle-dialogue-exception .param-stacktrace pre {
1540     border: 1px solid #ccc;
1541     background-color: #fff;
1542 }
1543 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1544     color: navy;
1545     font-size: @fontSizeSmall;
1546 }
1547 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1548     color: @errorText;
1549     font-size: @fontSizeSmall;
1550 }
1551 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1552     color: #333;
1553     font-size: 90%;
1554     border-bottom: 1px solid #eee;
1555 }
1556 .moodle-dialogue-base .moodle-dialogue .moodle-dialogue-content .moodle-dialogue-ft {
1557     padding: 0;
1558     margin: 0.7em 1em;
1559     text-align: right;
1560     background-color: #FFF;
1561     font-size: 12px;
1562 }
1563 .moodle-dialogue-confirm .confirmation-message {
1564     margin: 0.5em 1em;
1565 }
1566 .moodle-dialogue-confirm .confirmation-dialogue input {
1567     min-width: 80px
1568 }
1569 .moodle-dialogue-exception .moodle-exception-message {
1570     margin: 1em;
1571 }
1572 .moodle-dialogue-exception .moodle-exception-param {
1573     margin-bottom: 0.5em;
1574 }
1575 .moodle-dialogue-exception .moodle-exception-param label {
1576     width: 150px;
1577 }
1578 .moodle-dialogue-exception .param-stacktrace label {
1579     display: block;
1580     margin: 0;
1581     padding: 4px 1em;
1582 }
1583 .moodle-dialogue-exception .param-stacktrace pre {
1584     display: block;
1585     height: 200px;
1586     overflow: auto;
1587 }
1588 .moodle-dialogue-exception .param-stacktrace .stacktrace-file {
1589     display: inline-block;
1590     margin: 4px 0;
1591 }
1592 .moodle-dialogue-exception .param-stacktrace .stacktrace-line {
1593     display: inline-block;
1594     width: 50px;
1595     margin: 4px 1em;
1596 }
1597 .moodle-dialogue-exception .param-stacktrace .stacktrace-call {
1598     padding-left: 25px;
1599     margin-bottom: 4px;
1600     padding-bottom: 4px;
1601 }
1602 .moodle-dialogue .moodle-dialogue-bd .content-lightbox {
1603     .opacity(75);
1604     width: 100%;
1605     height: 100%;
1606     top: 0;
1607     left: 0;
1608     background-color: white;
1609     text-align: center;
1610     padding: 10% 0;
1611 }
1612 /* Apply a default max-height on tooltip text */
1613 .moodle-dialogue .tooltiptext {
1614     max-height: 300px;
1615 }
1616
1617 .moodle-dialogue-base .moodle-dialogue.moodle-dialogue-tooltip {
1618     z-index: 3001;
1619 }
1620
1621 /* Question Bank - Question Chooser "Close" button */
1622 #page-question-edit.dir-rtl a.container-close {
1623     right: auto;
1624     left: 6px;
1625 }
1626 /**
1627 * Chooser Dialogues (moodle-core-chooserdialogue)
1628 *
1629 * This CSS belong to the chooser dialogue which should work both with, and
1630 * without javascript enabled
1631 */
1632 /* Hide the dialog and it's title */
1633 .chooserdialoguebody,
1634 .choosertitle {
1635     display: none;
1636 }
1637 .moodle-dialogue.chooserdialogue .moodle-dialogue-content .moodle-dialogue-ft {
1638     margin: 0;
1639 }
1640 .chooserdialogue .moodle-dialogue-wrap .moodle-dialogue-bd {
1641     padding: 0;
1642     background: #F2F2F2;
1643     .border-bottom-radius(10px);
1644 }
1645 /* Center the submit buttons within the area */
1646 .choosercontainer #chooseform .submitbuttons {
1647     margin: 0.7em 0;
1648     text-align: center;
1649 }
1650 .choosercontainer #chooseform .submitbuttons input {
1651     min-width: 100px;
1652     margin: 0 0.5em;
1653 }
1654 /* Various settings for the options area */
1655 .choosercontainer #chooseform .options {
1656     position: relative;
1657     border-bottom: 1px solid #BBBBBB;
1658 }
1659 /* Only set these options if we're showing the js container */
1660 .jsenabled .choosercontainer #chooseform .alloptions {
1661     overflow-x: hidden;
1662     overflow-y: auto;
1663     max-width: 20.3em;
1664     .box-shadow(inset 0 0 30px 0px #ccc);
1665 }
1666 .dir-rtl.jsenabled .choosercontainer #chooseform .alloptions {
1667     max-width: 18.3em;
1668 }
1669 /* Settings for option rows and option subtypes */
1670 .choosercontainer #chooseform .moduletypetitle,
1671 .choosercontainer #chooseform .option,
1672 .choosercontainer #chooseform .nonoption {
1673     margin-bottom: 0;
1674     padding: 0 1.6em 0 1.6em;
1675 }
1676 .choosercontainer #chooseform .moduletypetitle {
1677     text-transform: uppercase;
1678     padding-top: 1.2em;
1679     padding-bottom: 0.4em;
1680 }
1681 .choosercontainer #chooseform .option .typename,
1682 .choosercontainer #chooseform .option span.modicon img.icon,
1683 .choosercontainer #chooseform .nonoption .typename,
1684 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1685     padding: 0 0 0 0.5em;
1686 }
1687 .dir-rtl .choosercontainer #chooseform .option .typename,
1688 .dir-rtl .choosercontainer #chooseform .option span.modicon img.icon,
1689 .dir-rtl .choosercontainer #chooseform .nonoption .typename,
1690 .dir-rtl .choosercontainer #chooseform .nonoption span.modicon img.icon {
1691     padding: 0 0.5em 0 0;
1692 }
1693 .choosercontainer #chooseform .option span.modicon img.icon,
1694 .choosercontainer #chooseform .nonoption span.modicon img.icon {
1695     height: 24px;
1696     width: 24px;
1697 }
1698 .choosercontainer #chooseform .option input[type=radio],
1699 .choosercontainer #chooseform .option span.typename,
1700 .choosercontainer #chooseform .option span.modicon {
1701     vertical-align: middle;
1702 }
1703 .choosercontainer #chooseform .option label {
1704     display: block;
1705     padding: 0.3em 0 0.1em 0;
1706     border-bottom: 1px solid #FFFFFF;
1707 }
1708 .choosercontainer #chooseform .nonoption {
1709     padding-left: 2.7em;
1710     padding-top: 0.3em;
1711     padding-bottom: 0.1em;
1712 }
1713 .dir-rtl .choosercontainer #chooseform .nonoption {
1714     padding-right: 2.7em;
1715     padding-left: 0;
1716 }
1717 .choosercontainer #chooseform .subtype {
1718     margin-bottom: 0;
1719     padding: 0 1.6em 0 3.2em;
1720 }
1721 .dir-rtl .choosercontainer #chooseform .subtype {
1722     padding: 0 3.2em 0 1.6em;
1723 }
1724 .choosercontainer #chooseform .subtype .typename {
1725     margin: 0 0 0 0.2em;
1726 }
1727 .dir-rtl .choosercontainer #chooseform .subtype .typename {
1728     margin: 0 0.2em 0 0;
1729 }
1730 /* The instruction/help area */
1731 .jsenabled .choosercontainer #chooseform .instruction,
1732 .jsenabled .choosercontainer #chooseform .typesummary {
1733    display: none;
1734     position: absolute;
1735     top: 0;
1736     right: 0;
1737     bottom: 0;
1738     left: 20.3em;
1739     margin: 0;
1740     padding: 1.6em;
1741     background-color: @bodyBackground;
1742     overflow-x: hidden;
1743     overflow-y: auto;
1744     line-height: 2em;
1745 }
1746 .dir-rtl.jsenabled .choosercontainer #chooseform .instruction,
1747 .dir-rtl.jsenabled .choosercontainer #chooseform .typesummary {
1748     left: 0;
1749     right: 18.5em;
1750     border-right: 1px solid grey;
1751 }
1752 /* Selected option settings */
1753 .jsenabled .choosercontainer #chooseform .instruction,
1754 .choosercontainer #chooseform .selected .typesummary {
1755     display: block;
1756 }
1757 .choosercontainer #chooseform .selected {
1758     background-color: @bodyBackground;
1759     .box-shadow(0px 0 10px 0 #ccc);
1760 }
1761 .section-modchooser-link img.smallicon {
1762     padding: 3px;
1763 }
1764 /* Form element: listing */
1765 .formlistingradio {
1766     padding-bottom: 25px;
1767     padding-right: 10px;
1768 }
1769 .formlistinginputradio {
1770     float: left;
1771 }
1772 .formlistingmain {
1773     min-height: 225px;
1774 }
1775 .formlisting {
1776     position: relative;
1777     margin: 15px 0;
1778     padding: 1px 19px 14px;
1779     background-color: white;
1780     border: 1px solid #DDD;
1781     .border-radius(4px);
1782 }
1783 .formlistingmore {
1784     position: absolute;
1785     cursor: pointer;
1786     bottom: -1px;
1787     right: -1px;
1788     padding: 3px 7px;
1789     font-size: 12px;
1790     font-weight: bold;
1791     background-color: whiteSmoke;
1792     border: 1px solid #ddd;
1793     color: #9DA0A4;
1794     .border-radius(4px 0 4px 0);
1795 }
1796 .formlistingall {
1797     margin: 15px 0;
1798     padding: 0;
1799     .border-radius(4px);
1800 }
1801 .formlistingrow {
1802     cursor: pointer;
1803     border-bottom: 1px solid;
1804     border-color: #E1E1E8;
1805     border-left: 1px solid #E1E1E8;
1806     border-right: 1px solid #E1E1E8;
1807     background-color: #F7F7F9;
1808     .border-radius(0 0 4px 4px);
1809     padding: 6px;
1810     top: 50%;
1811     left: 50%;
1812     min-height: 34px;
1813     float: left;
1814     width: 150px;
1815 }
1816 body.jsenabled .formlistingradio {
1817     display: none;
1818 }
1819 body.jsenabled .formlisting {
1820     display: block;
1821 }
1822
1823 /* Badges styles */
1824 table.collection {
1825     .table;
1826     .table-bordered;
1827     .table-striped;
1828 }
1829 table.collection .name {
1830     text-align: left;
1831     vertical-align: middle;
1832 }
1833 table.collection .awards {
1834     width: 10%;
1835     text-align: center;
1836     vertical-align: middle;
1837 }
1838 table.collection .criteria {
1839     width: 40%;
1840     text-align: left;
1841     vertical-align: top;
1842 }
1843 table.collection .badgeimage,
1844 table.collection .status {
1845     width: 15%;
1846     text-align: center;
1847     vertical-align: middle;
1848 }
1849 table.collection .description {
1850     width: 25%;
1851     text-align: left;
1852 }
1853 table.collection .actions {
1854     width: 11em;
1855     text-align: center;
1856     vertical-align: middle;
1857 }
1858
1859 a.criteria-action {
1860     padding: 0px 3px;
1861     float: right;
1862 }
1863 table.issuedbadgebox {
1864     width: 750px;
1865     background-color: #FFFFFF;
1866 }
1867 table.badgeissuedimage {
1868     width: 150px;
1869     text-align: center;
1870 }
1871 table.badgeissuedinfo {
1872     width: 600px;
1873 }
1874 table.badgeissuedinfo .bvalue {
1875     text-align: left;
1876     vertical-align: middle;
1877 }
1878 table.badgeissuedinfo .bfield {
1879     width: 125px;
1880     text-align: left;
1881     font-style: italic;
1882 }
1883 .dir-rtl {
1884     table.badgeissuedinfo .bvalue,
1885     table.badgeissuedinfo .bfield {
1886         text-align: right;
1887     }
1888 }
1889 ul.badges {
1890     margin: 0;
1891     list-style: none;
1892 }
1893 .badges li {
1894     position: relative;
1895     display: inline-block;
1896     padding-bottom: 2em;
1897     text-align: center;
1898     vertical-align: top;
1899     width: 150px;
1900 }
1901 .badges li .badge-name {
1902     display: block;
1903     padding: 5px;
1904 }
1905 .badges li > img {
1906     position: absolute;
1907 }
1908 .badges li .badge-image {
1909     width: 90px;
1910     height: 90px;
1911     left: 10px;
1912     top: 0px;
1913     z-index: 1;
1914 }
1915 .badges li .badge-actions {
1916     position: relative;
1917 }
1918 div.badge {
1919     position: relative;
1920     display: block;
1921 }
1922 div.badge .expireimage {
1923     width: 100px;
1924     height: 100px;
1925     left: 20px;
1926     top: 0px;
1927 }
1928 .expireimage {
1929     .opacity(85);
1930     width: 90px; height: 90px;
1931     left: 30px;
1932     top: 0px;
1933     position: absolute;
1934     z-index:10;
1935 }
1936 .badge-profile {
1937     vertical-align: top;
1938 }
1939 .connected {
1940     color: @successText;
1941 }
1942 .notconnected {
1943     color: @errorText;
1944 }
1945 .connecting {
1946     color: @warningText;
1947 }
1948 #page-badges-award .recipienttable tr td {
1949     vertical-align: top;
1950 }
1951 #page-badges-award .recipienttable tr td.actions .actionbutton {
1952     margin: 0.3em 0;
1953     padding: 0.5em 0;
1954     width: 100%;
1955 }
1956 #page-badges-award .recipienttable tr td.existing,
1957 #page-badges-award .recipienttable tr td.potential {
1958     width: 42%;
1959 }
1960
1961 .statustable {
1962     margin-bottom: 0px;
1963 }
1964 .statusbox.active {
1965     background-color: @successBackground;
1966 }
1967 .statusbox.inactive {
1968     background-color: @warningBackground;
1969 }
1970 .activatebadge {
1971     margin: 0px;
1972     text-align: left;
1973     vertical-align: middle;
1974 }
1975 .dir-rtl .activatebadge {
1976     text-align: right;
1977 }
1978 img#persona_signin {
1979     cursor: pointer;
1980 }
1981 .addcourse {
1982     float: right;
1983 }
1984 .invisiblefieldset {
1985     display: inline;
1986     margin: 0;
1987     padding: 0;
1988     border-width: 0;
1989 }
1990 .breadcrumb-nav {
1991     float: left;
1992     margin-bottom: 10px;
1993 }
1994 .dir-rtl .breadcrumb-nav {
1995     float: right;
1996 }
1997 .breadcrumb-button .singlebutton div {
1998     margin-right: 0;
1999 }
2000 .breadcrumb-nav .breadcrumb {
2001     margin: 0;
2002 }
2003
2004 /** Action menu component styles **/
2005 .moodle-actionmenu,
2006 .moodle-actionmenu > ul,
2007 .moodle-actionmenu > ul > li {
2008     display: inline-block;
2009 }
2010
2011 .moodle-actionmenu ul {
2012     padding: 0;
2013     margin: 0;
2014     list-style-type: none;
2015 }
2016
2017 .moodle-actionmenu .toggle-display,
2018 .moodle-actionmenu .menu-action-text {
2019     display: none; /** Hidden by default, display none so that we don't take up space. **/
2020 }
2021
2022 .jsenabled {
2023     .moodle-actionmenu[data-enhance] {
2024         display: block;
2025         .menu {
2026             display:none;
2027         }
2028         .toggle-display {
2029             display: inline; /** JS is enabled, we'll be using it so return display to normal **/
2030             .opacity(50);
2031         }
2032     }
2033     .moodle-actionmenu[data-enhanced] {
2034         .toggle-display {
2035             .opacity(100);
2036         }
2037         .menu-action-text  {
2038             display:inline;
2039         }
2040     }
2041 }
2042
2043 .moodle-actionmenu[data-enhanced].show  {
2044
2045     position: relative;
2046
2047     .menu {
2048
2049         display:block;
2050         position: absolute;
2051         text-align: left;
2052         background-color: #fff;
2053         border: 1px solid #ccc;
2054         z-index:1000;
2055         .border-radius(5px);
2056         .box-shadow(5px 5px 20px 0 #666);
2057
2058         a {
2059             display: block;
2060             color: @dropdownLinkColor;
2061             padding:2px 1em 2px 24px;
2062             &:hover,
2063             &:focus {
2064                 color: @dropdownLinkColorHover;
2065                 background-color: @dropdownLinkBackgroundHover;
2066             }
2067             &:first-child {
2068                 .border-top-radius(4px);
2069             }
2070             &:last-child {
2071                 .border-bottom-radius(4px);
2072             }
2073         }
2074         a.hidden {
2075             display:none;
2076         }
2077         img {
2078             vertical-align: middle;
2079         }
2080         .iconsmall {
2081             margin-left:-20px;
2082         }
2083         > li {
2084             display:block;
2085         }
2086
2087         /** bottom left of button **/
2088         &.align-tl-bl {top: 100%;left:0;margin-top: 4px;}
2089         &.align-tr-bl {top: 100%;right: 100%;}
2090         &.align-bl-bl {bottom: 100%;left:0;}
2091         &.align-br-bl {bottom: 100%;right: 100%;}
2092         /** bottom right of button **/
2093         &.align-tl-br {top: 100%;left:100%;}
2094         &.align-tr-br {top: 100%;right: 0;margin-top: 4px;}
2095         &.align-bl-br {bottom: 100%;left:100%;}
2096         &.align-br-br {bottom: 100%;right: 0;}
2097         /** top left of button **/
2098         &.align-tl-tl {top: 0;left:0;}
2099         &.align-tr-tl {top: 0;right: 100%;margin-right: 4px;}
2100         &.align-bl-tl {bottom: 100%;left:0;margin-bottom: 4px;}
2101         &.align-br-tl {bottom: 100%;right: 100%;}
2102         /** top right of button **/
2103         &.align-tl-tr {top: 0;left:100%;margin-left: 4px;}
2104         &.align-tr-tr {top: 0;right: 0;}
2105         &.align-bl-tr {bottom: 100%;left:100%;}
2106         &.align-br-tr {bottom: 100%;right: 0;margin-bottom: 4px;}
2107     }
2108 }
2109
2110 .action-menu-shown .moodle-actionmenu[data-enhanced] .toggle-display {
2111     background-color: #FFF;
2112 }
2113
2114 .block .moodle-actionmenu {
2115     text-align: right;
2116 }
2117
2118 .dir-rtl {
2119     .moodle-actionmenu[data-enhanced].show  {
2120         .menu {
2121             text-align: right;
2122             left: 0;
2123             right: auto;
2124             .iconsmall {
2125                 margin-right:0;
2126                 margin-left:8px;
2127             }
2128
2129             /** bottom left of button **/
2130             &.align-tl-bl {left: auto; right: 0;}
2131             &.align-tr-bl {right: auto; left: 100%;}
2132             &.align-bl-bl {left: auto; right: 0;}
2133             &.align-br-bl {right: auto; left: 100%;}
2134             /** bottom right of button **/
2135             &.align-tl-br {left: auto; right: 100%;}
2136             &.align-tr-br {right: auto; left: 0;}
2137             &.align-bl-br {left: auto; right: 100%;}
2138             &.align-br-br {right: auto; left: 0;}
2139             /** top left of button **/
2140             &.align-tl-tl {left: auto; right: 0;}
2141             &.align-tr-tl {right: auto; left: 100%;}
2142             &.align-bl-tl {left: auto; right: 0;}
2143             &.align-br-tl {right: auto; left: 100%;}
2144             /** top right of button **/
2145             &.align-tl-tr {left: auto; right: 100%;}
2146             &.align-tr-tr {right: auto; left: 0;}
2147             &.align-bl-tr {left: auto; right: 100%;}
2148             &.align-br-tr {right: auto; left: 0;}
2149         }
2150     }
2151     .block .moodle-actionmenu {
2152         text-align: right;
2153     }
2154 }
2155
2156 ul.dragdrop-keyboard-drag li {
2157     list-style-type: none;
2158 }
2159
2160 .block-control-actions .moodle-core-dragdrop-draghandle img {
2161     width: 12px;
2162     height: 12px;
2163 }
2164
2165 a.disabled:hover,
2166 a.disabled {
2167     text-decoration: none;
2168     cursor: default;
2169     font-style: italic;
2170     color: #808080;
2171 }