[Summary view] [Print] [Text view]

   1  /* admin.less */
   2  .formtable tbody th {
   3      font-weight: normal;
   4      text-align: right;
   5  }
   6  
   7  .path-admin #assignrole {
   8      width: 60%;
   9      margin-left: auto;
  10      margin-right: auto;
  11  }
  12  
  13  .path-admin .admintable .leftalign {
  14      text-align: left;
  15  }
  16  
  17  .dir-rtl.path-admin .admintable .leftalign {
  18      text-align: right;
  19  }
  20  
  21  .environmenttable {
  22      p.warn {
  23          background-color: @warningBackground;
  24          color: @warningText;
  25      }
  26      .error,
  27      span.warn,
  28      .ok {
  29          .label;
  30      }
  31      .error {
  32          background-color: @errorText;
  33      }
  34      span.warn {
  35          background-color: @orange;
  36      }
  37      .ok {
  38          background-color: @successText;
  39      }
  40  }
  41  
  42  .path-admin .admintable.environmenttable .name,
  43  .path-admin .admintable.environmenttable .info,
  44  .path-admin #assignrole .admintable .role,
  45  .path-admin #assignrole .admintable .userrole,
  46  .path-admin #assignrole .admintable .roleholder {
  47      white-space: nowrap;
  48  }
  49  
  50  .path-admin .incompatibleblockstable td.c0 {
  51      font-weight: bold;
  52  }
  53  
  54  #page-admin-course-category .addcategory {
  55      padding: 10px;
  56  }
  57  
  58  #page-admin-course-index .editcourse {
  59      margin: 20px auto;
  60  }
  61  
  62  #page-admin-course-index .editcourse th,
  63  #page-admin-course-index .editcourse td {
  64      padding-left: 10px;
  65      padding-right: 10px;
  66  }
  67  
  68  .timewarninghidden {
  69      display: none;
  70  }
  71  .statusok,
  72  .statuswarning,
  73  .statusserious,
  74  .statuscritical {
  75      .label;
  76  }
  77  .statusok {
  78      background-color: @successText;
  79  }
  80  .statuswarning {
  81      background-color: @warningText;
  82  }
  83  .statusserious {
  84      background-color: @orange;
  85  }
  86  .statuscritical {
  87      background-color: @errorText;
  88  }
  89  
  90  #page-admin-report-capability-index #capabilitysearch {
  91      width: 30em;
  92  }
  93  
  94  #page-admin-report-backups-index .backup-error,
  95  #page-admin-report-backups-index .backup-unfinished {
  96      color: @errorText;
  97  }
  98  
  99  #page-admin-report-backups-index .backup-skipped,
 100  #page-admin-report-backups-index .backup-ok,
 101  #page-admin-report-backups-index .backup-notyetrun {
 102      color: @successText;
 103  }
 104  
 105  #page-admin-report-backups-index .backup-warning {
 106      color: @warningText;
 107  }
 108  
 109  #page-admin-qtypes .disabled,
 110  #page-admin-qbehaviours .disabled {
 111      .muted;
 112  }
 113  
 114  #page-admin-qtypes #qtypes div,
 115  #page-admin-qtypes #qtypes form,
 116  #page-admin-qbehaviours #qbehaviours div,
 117  #page-admin-qbehaviours #qbehaviours form {
 118      display: inline;
 119  }
 120  
 121  #page-admin-qtypes #qtypes img.spacer,
 122  #page-admin-qbehaviours #qbehaviours img.spacer {
 123      width: 16px;
 124  }
 125  
 126  // Make them more finger friendly.
 127  img.iconsmall {
 128      margin: 0;
 129      padding: 0.3em;
 130  }
 131  
 132  
 133  #page-admin-qbehaviours .cell.c3,
 134  #page-admin-qtypes .cell.c3 {
 135      font-size: @fontSizeMini;
 136  }
 137  
 138  #page-admin-lang .generalbox,
 139  #page-admin-course-index .singlebutton,
 140  #page-admin-course-index .addcategory,
 141  #page-course-index .buttons,
 142  #page-course-index-category .buttons,
 143  #page-admin-course-category .addcategory,
 144  #page-admin-stickyblocks .generalbox,
 145  #page-admin-maintenance .buttons,
 146  #page-admin-course-index .buttons,
 147  #page-admin-course-category .buttons,
 148  #page-admin-index .copyright,
 149  #page-admin-index .copyrightnotice,
 150  #page-admin-index .adminerror .singlebutton,
 151  #page-admin-index .adminwarning .singlebutton,
 152  #page-admin-index #layout-table .singlebutton {
 153      text-align: center;
 154      margin-bottom: 1em;
 155  }
 156  
 157  .path-admin-roles .capabilitysearchui {
 158      text-align: left;
 159      margin-left: auto;
 160      margin-right: auto;
 161  }
 162  
 163  #page-admin-roles-define .topfields {
 164      margin: 1em 0 2em;
 165  }
 166  
 167  #page-admin-roles-define .capdefault {
 168      background-color: @tableBackgroundHover;
 169      border: 1px solid @tableBorder;
 170  }
 171  
 172  #page-filter-manage .backlink,
 173  .path-admin-roles .backlink {
 174      margin-top: 1em;
 175  }
 176  
 177  #page-admin-roles-explain #chooseuser h3,
 178  #page-admin-roles-usersroles .contextname {
 179      margin-top: 0;
 180  }
 181  
 182  #page-admin-roles-explain #chooseusersubmit {
 183      margin-top: 0;
 184      text-align: center;
 185  }
 186  
 187  #page-admin-roles-usersroles p {
 188      margin: 0;
 189  }
 190  
 191  #page-admin-roles-override .cell.c1,
 192  #page-admin-roles-assign .cell.c3,
 193  #page-admin-roles-assign .cell.c1 {
 194      padding-top: 0.75em;
 195  }
 196  
 197  #page-admin-roles-override .overridenotice,
 198  #page-admin-roles-define .definenotice {
 199      margin: 1em 10% 2em 10%;
 200      text-align: left;
 201  }
 202  
 203  #notice {
 204      // Would like the use the alert stuff below for this,
 205      // but the way buttons are used makes it tricky.
 206      width: 60%;
 207      min-width: 220px;
 208      margin: auto;
 209  }
 210  
 211  #page-admin-index .releasenoteslink,
 212  #page-admin-index .adminwarning,
 213  #page-admin-index .adminerror {
 214      margin: auto;
 215      .alert;
 216      width: 60%;
 217      min-width: 220px;
 218  }
 219  #page-admin-index .adminerror {
 220      .alert-error;
 221  }
 222  
 223  #page-admin-index .releasenoteslink {
 224      .alert-info;
 225  }
 226  
 227  #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo span {
 228      display: block;
 229  }
 230  
 231  #page-admin-index .updateplugin div {
 232      margin-bottom: 0.5em;
 233  }
 234  
 235  #page-admin-index .updateplugin .updatepluginconfirmexternal {
 236      padding: 1em;
 237      background-color: @errorBackground;
 238      border: 1px solid @errorBorder;
 239  }
 240  
 241  #page-admin-user-user_bulk #users .fgroup {
 242      white-space: nowrap;
 243  }
 244  
 245  #page-admin-report-stats-index .graph {
 246      text-align: center;
 247      margin-bottom: 1em;
 248  }
 249  
 250  #page-admin-report-courseoverview-index .graph {
 251      text-align: center;
 252      margin-bottom: 1em;
 253  }
 254  
 255  #page-admin-lang .translator {
 256      border-width: 1px;
 257      border-style: solid;
 258  }
 259  
 260  // This is the CSS for the role assignment control.
 261  .path-admin .roleassigntable {
 262      width: 100%;
 263  }
 264  
 265  .path-admin .roleassigntable td {
 266      vertical-align: top;
 267      padding: 0.2em 0.3em;
 268  }
 269  
 270  .path-admin .roleassigntable p {
 271      text-align: left;
 272      margin: 0.2em 0;
 273  }
 274  
 275  .path-admin .roleassigntable #existingcell,
 276  .path-admin .roleassigntable #potentialcell {
 277      width: 42%;
 278  }
 279  
 280  // Targetting the label at the top.
 281  .path-admin .roleassigntable #existingcell p > label:first-child,
 282  .path-admin .roleassigntable #potentialcell p > label:first-child {
 283      font-weight: bold;
 284  }
 285  
 286  .path-admin .roleassigntable #buttonscell {
 287      width: 16%;
 288  }
 289  
 290  .path-admin .roleassigntable #buttonscell #assignoptions {
 291      font-size: @fontSizeMini;
 292  }
 293  
 294  .path-admin .roleassigntable #removeselect_wrapper,
 295  .path-admin .roleassigntable #addselect_wrapper {
 296      width: 100%;
 297  }
 298  
 299  .path-admin table.rolecap tr.rolecap th {
 300      text-align: left;
 301      font-weight: normal;
 302  }
 303  
 304  .path-admin.dir-rtl table.rolecap tr.rolecap th {
 305      text-align: right;
 306  }
 307  
 308  .path-admin .rolecap .hiddenrow {
 309      display: none;
 310  }
 311  
 312  .path-admin #defineroletable {
 313      .rolecap {
 314          .inherit,
 315          .allow,
 316          .prevent,
 317          .prohibit {
 318              text-align: center;
 319              padding: 0;
 320              min-width: 3.5em;
 321          }
 322      }
 323  }
 324  
 325  .path-admin .rolecap .cap-name,
 326  .path-admin .rolecap .note {
 327      display: block;
 328      font-size: @fontSizeMini;
 329      white-space: nowrap;
 330      font-weight: normal;
 331  }
 332  
 333  .path-admin .rolecap label {
 334      display: block;
 335      text-align: center;
 336      padding: 0.5em;
 337      margin: 0;
 338  }
 339  
 340  .plugincheckwrapper {
 341      width: 100%;
 342  }
 343  
 344  .environmentbox {
 345      margin-top: 1em;
 346  }
 347  
 348  #mnetconfig table {
 349      margin-left: auto;
 350      margin-right: auto;
 351  }
 352  
 353  .environmenttable .cell {
 354      padding: .15em .5em;
 355  }
 356  
 357  .environmenttable img.iconhelp {
 358      padding-right: .3em;
 359  }
 360  
 361  .dir-rtl .environmenttable img.iconhelp {
 362      padding-left: .3em;
 363      padding-right: 0;
 364  }
 365  
 366  #trustedhosts .generaltable {
 367      margin-left: auto;
 368      margin-right: auto;
 369      width: 500px;
 370  }
 371  
 372  #trustedhosts .standard {
 373      width: auto;
 374  }
 375  
 376  // This usage of legend is a bit weird,
 377  // seems to be using them as error text
 378  // that's only sometimes visible. Should
 379  // look into sorting it.
 380  #adminsettings legend {
 381      display: none;
 382  }
 383  
 384  #adminsettings fieldset.error {
 385      margin: .2em 0 .5em 0;
 386  }
 387  
 388  #adminsettings fieldset.error legend {
 389      display: block;
 390  }
 391  
 392  .dir-rtl #admin-spelllanguagelist textarea,
 393  #page-admin-setting-editorsettingstinymce.dir-rtl .form-textarea textarea {
 394      text-align: left;
 395      direction: ltr;
 396  }
 397  
 398  /* Styles for flags on admin settings */
 399  .adminsettingsflags {
 400      float: right;
 401  }
 402  
 403  .dir-rtl .adminsettingsflags {
 404      float: left;
 405  }
 406  
 407  .adminsettingsflags label {
 408      margin-right: 7px;
 409  }
 410  
 411  .dir-rtl .adminsettingsflags label {
 412      margin-left: 7px;
 413  }
 414  
 415  .form-description {
 416      clear: right;
 417  }
 418  
 419  .dir-rtl .form-description {
 420      clear: left;
 421  }
 422  
 423  .form-item .form-setting .form-htmlarea {
 424      width: 640px;
 425      display: inline;
 426  }
 427  
 428  .form-item .form-setting .form-htmlarea .htmlarea {
 429      width: 640px;
 430      display: block;
 431  }
 432  
 433  .form-item .form-setting .form-multicheckbox ul {
 434      list-style: none;
 435      padding: 0;
 436      margin: 7px 0 0 0;
 437  }
 438  
 439  .form-item .form-setting .defaultsnext {
 440      margin-right: 0.5em;
 441      display: inline;
 442  }
 443  .dir-rtl .form-item .form-setting .defaultsnext {
 444      margin-left: 0.5em;
 445      margin-right: 0;
 446  }
 447  .form-item .form-setting .locked-checkbox {
 448      margin-right: 0.2em;
 449      margin-left: 0.5em;
 450      display: inline;
 451  }
 452  
 453  .dir-rtl .form-item .form-setting .locked-checkbox {
 454      margin-right: 0.5em;
 455      margin-left: 0.2em;
 456      display: inline;
 457  }
 458  
 459  .form-item .form-setting .form-password .unmask,
 460  .form-item .form-setting .form-defaultinfo {
 461      display: inline-block;
 462  }
 463  
 464  .form-item .pathok,
 465  .form-item .patherror {
 466      margin-left: 0.5em;
 467  }
 468  
 469  #admin-emoticons td input {
 470      width: 8em;
 471  }
 472  
 473  #admin-emoticons td.c0 input {
 474      width: 4em;
 475  }
 476  
 477  #adminthemeselector .selectedtheme td.c0 {
 478      border: 1px solid @black;
 479      border-right-width: 0;
 480  }
 481  
 482  #adminthemeselector .selectedtheme td.c1 {
 483      border: 1px solid @black;
 484      border-left-width: 0;
 485  }
 486  
 487  .admin_colourpicker,
 488  .admin_colourpicker_preview {
 489      display: none;
 490  }
 491  
 492  .jsenabled .admin_colourpicker_preview {
 493      display: inline;
 494  }
 495  
 496  .jsenabled .admin_colourpicker {
 497      display: block;
 498      height: 102px;
 499      width: 410px;
 500      margin-bottom: 10px;
 501  }
 502  
 503  .admin_colourpicker .loadingicon {
 504      vertical-align: middle;
 505      margin-left: auto;
 506  }
 507  
 508  .admin_colourpicker .colourdialogue {
 509      float: left;
 510      border: 1px solid @black;
 511  }
 512  
 513  .admin_colourpicker .previewcolour {
 514      border: 1px solid @black;
 515      margin-left: 301px;
 516  }
 517  
 518  .admin_colourpicker .currentcolour {
 519      border: 1px solid @black;
 520      margin-left: 301px;
 521      border-top-width: 0;
 522  }
 523  
 524  /** Overide for RTL layout **/
 525  .dir-rtl .form-item  .form-setting,
 526  .dir-rtl .form-item  .form-label,
 527  .dir-rtl .form-item .form-description,
 528  .dir-rtl.path-admin .roleassigntable p {
 529      text-align: right;
 530  }
 531  
 532  #page-admin-index #notice .checkforupdates {
 533      text-align: center;
 534  }
 535  
 536  #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity200 .info.release {
 537      background-color: @infoBackground;
 538  }
 539  
 540  #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity100 .info.release,
 541  #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity150 .info.release {
 542      background-color: @warningBackground;
 543  }
 544  
 545  #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo.maturity50 .info.release {
 546      background-color: @errorBackground;
 547  }
 548  
 549  // Plugins overview page at admin/plugins.php
 550  #page-admin-plugins {
 551  
 552      #plugins-overview-panel {
 553          .info {
 554              display: inline-block;
 555              margin-right: 1em;
 556          }
 557      }
 558  
 559      .checkforupdates {
 560          margin: 10px 0;
 561          .singlebutton {
 562              margin: 5px 0;
 563              padding: 0;
 564              div,
 565              input {
 566                  margin: 0 3px 0 0;
 567              }
 568          }
 569      }
 570  
 571      .updateavailableinstallall {
 572          margin: 5px 0;
 573          padding: 0;
 574          div,
 575          input {
 576              margin: 0 3px 5px 0;
 577          }
 578      }
 579  
 580      #plugins-control-panel {
 581          .status-missing td {
 582              background-color: @errorBackground;
 583          }
 584          .pluginname {
 585              .displayname img.icon {
 586                  padding-top: 0;
 587                  padding-bottom: 0;
 588              }
 589              .componentname {
 590                  font-size: @fontSizeSmall;
 591                  .muted;
 592                  margin-left: 22px;
 593              }
 594          }
 595          .version {
 596              .versionnumber {
 597                  font-size: @fontSizeSmall;
 598                  .muted;
 599              }
 600          }
 601  
 602          .uninstall {
 603              a {
 604                  color: @errorText;
 605              }
 606          }
 607          .notes {
 608              .label {
 609                  margin-right: 3px;
 610              }
 611              .requiredby {
 612                  font-size: @fontSizeSmall;
 613                  .muted;
 614              }
 615          }
 616      }
 617  }
 618  
 619  
 620  // Plugins check page displayed during upgrade.
 621  #plugins-check-page {
 622  
 623      .page-description {
 624          .muted;
 625      }
 626  
 627      // Check for updates.
 628      .checkforupdates {
 629          .singlebutton {
 630              margin: 5px 0;
 631              padding: 0;
 632              div,
 633              input {
 634                  margin: 0 3px 0 0;
 635              }
 636          }
 637      }
 638  
 639      // Section before the plugins check table.
 640      #plugins-check-info {
 641          .actions {
 642              > div {
 643                  display: inline-block;
 644                  margin-right: 1em;
 645              }
 646              .singlebutton {
 647                  margin: 5px 0;
 648                  padding: 0;
 649                  div,
 650                  input {
 651                      margin: 0 3px 0 0;
 652                  }
 653              }
 654          }
 655      }
 656  
 657      // Plugins check table.
 658      #plugins-check {
 659          .requires-ok {
 660              .muted;
 661          }
 662  
 663          .status-missing,
 664          .status-downgrade {
 665              td {
 666                  background-color: @errorBackground;
 667              }
 668          }
 669  
 670          .displayname {
 671              .pluginicon {
 672                  margin-right: 5px;
 673                  width: 16px;
 674              }
 675              .plugindir {
 676                  .muted;
 677                  font-size: @fontSizeSmall;
 678              }
 679          }
 680  
 681          .requires ul {
 682              margin-left: 13px; // To undo the default 25px, does not look that great inside a table cell;
 683          }
 684  
 685          .status {
 686              .actionbutton {
 687                  margin: 5px 0px;
 688                  padding: 0;
 689                  input {
 690                      margin: 0;
 691                  }
 692              }
 693          }
 694      }
 695  
 696      .plugins-check-dependencies-actions {
 697          > div {
 698              display: inline-block;
 699              margin-right: 1em;
 700          }
 701          .singlebutton {
 702              margin: 5px 0;
 703              padding: 0;
 704              div,
 705              input {
 706                  margin: 0 3px 0 0;
 707              }
 708          }
 709      }
 710  
 711      // List of available dependencies on the plugins check page.
 712      #plugins-check-available-dependencies {
 713          .displayname .component {
 714              font-size: @fontSizeSmall;
 715              .muted;
 716          }
 717          .info .actions {
 718              > div {
 719                  display: inline-block;
 720                  margin-right: 1em;
 721              }
 722              .dependencyinstall {
 723                  display: block;
 724                  margin: 5px 0;
 725                  padding: 0;
 726                  input {
 727                      margin: 0;
 728                  }
 729              }
 730          }
 731      }
 732  }
 733  
 734  // Available plugin update notification.
 735  
 736  #plugins-check-page,
 737  #plugins-control-panel {
 738      .pluginupdateinfo {
 739          background-color: @infoBackground;
 740          &.maturity50 {
 741              background-color: @errorBackground;
 742          }
 743          &.maturity100,
 744          &.maturity150 {
 745              background-color: @warningBackground;
 746          }
 747          padding: 5px;
 748          margin: 10px 0;
 749          .border-radius(5px);
 750          .info {
 751              display: inline-block;
 752          }
 753          .separator:after {
 754              content: " | ";
 755          }
 756          .singlebutton {
 757              margin: 5px 0;
 758              padding: 0;
 759              div,
 760              input {
 761                  margin: 0 3px 0 0;
 762              }
 763          }
 764      }
 765  }
 766  
 767  .plugins-management-confirm-buttons {
 768      > div {
 769          display: inline-block;
 770          margin: 1em 1em 1em 0;
 771      }
 772      .continue {
 773          padding: 0;
 774          div,
 775          input {
 776              margin: 0;
 777          }
 778      }
 779  }
 780  
 781  .uninstalldeleteconfirmexternal {
 782      background-color: @warningBackground;
 783      padding: 0.5em 1em;
 784      margin: 5px 0 10px 0;
 785  }
 786  
 787  #page-admin-index .upgradepluginsinfo {
 788      text-align: center;
 789  }
 790  
 791  #page-admin-index .adminwarning.availableupdatesinfo .moodleupdateinfo .separator:after {
 792      content: " | ";
 793  }
 794  
 795  .dir-rtl {
 796      #plugins-check .pluginupdateinfo {
 797          text-align: center;
 798          direction: ltr;
 799      }
 800  
 801      #plugins-check .requires-ok {
 802          text-align: left;
 803          direction: ltr;
 804      }
 805  }
 806  
 807  /** MNet networking */
 808  #page-admin-mnet-peers .box.deletedhosts {
 809      margin-bottom: 1em;
 810      font-size: @fontSizeSmall;
 811  }
 812  
 813  #page-admin-mnet-peers .mform .deletedhostinfo {
 814      background-color: @errorBackground;
 815      border: 2px solid @errorBorder;
 816      padding: 4px;
 817      margin-bottom: 5px;
 818  }
 819  
 820  #core-cache-plugin-summaries table,
 821  #core-cache-store-summaries table {
 822      width: 100%;
 823  }
 824  
 825  #core-cache-lock-summary table,
 826  #core-cache-definition-summaries table,
 827  #core-cache-mode-mappings table {
 828      margin: 0 auto;
 829  }
 830  
 831  #core-cache-store-summaries .default-store td {
 832      font-style: italic;
 833  }
 834  
 835  #core-cache-rescan-definitions,
 836  #core-cache-mode-mappings .edit-link,
 837  #core-cache-lock-summary .new-instance {
 838      margin-top: 0.5em;
 839      text-align: center;
 840  }
 841  
 842  .tinymcesubplugins img.icon {
 843      padding-top: 0;
 844      padding-bottom: 0;
 845  }
 846  
 847  .maintenancewarning {
 848      padding: 3px 1em;
 849      text-align: center;
 850      position: fixed;
 851      bottom: 0;
 852      right: 0;
 853      overflow: hidden;
 854      z-index: 1;
 855      &.error {
 856          color: @errorText;
 857          background-color: @errorBackground;
 858          border: 2px solid @errorBorder;
 859          font-weight: bold;
 860      }
 861      &.warning {
 862          color: @warningText;
 863          background-color: @warningBackground;
 864          border: 2px solid @warningBorder;
 865      }
 866  }
 867  
 868  #adminsettings .form-overridden {
 869      color: @infoText;
 870      background-color: @infoBackground;
 871  }