[Summary view] [Print] [Text view]

   1  // The class gradetreebox matches the pages displaying the gradebook
   2  // "Gradebook setup" > "Simple view" and "Full view".
   3  .gradetreebox {
   4      h4 {
   5          // Force back the base font-size to minimise width.
   6          font-size: @baseFontSize;
   7      }
   8      th.cell,
   9      input[type=text] {
  10          // Fallback on the minimum width.
  11          width: auto;
  12      }
  13      input[type=text],
  14      select {
  15          // Remove the bottom margin to gain height.
  16          margin-bottom: 0;
  17      }
  18  }
  19  
  20  // Grade upgrade notice.
  21  .core_grades_notices {
  22      .singlebutton {
  23          display: inline-block;
  24      }
  25  }
  26  
  27  // Rubrics
  28  #page-grade-grading-manage {
  29      #activemethodselector {
  30          label {
  31              display: inline-block;
  32          }
  33          .helptooltip {
  34              margin-right: 0.5em;
  35          }
  36      }
  37      .actions {
  38          display: block;
  39          text-align: center;
  40          margin-bottom: 1em;
  41          .action {
  42              .btn();
  43              .btn-large();
  44              display: inline-block;
  45              position: relative;
  46              vertical-align: top;
  47              width: 150px;
  48              text-align: center;
  49              overflow: hidden;
  50              margin: 0.5em;
  51              padding: 1em;
  52              border: 1px solid #aaa;
  53              .action-icon {
  54                  display: inline-block;
  55                  position: relative;
  56                  height: 64px;
  57                  width: 64px;
  58              }
  59              .action-text {
  60                  position: relative;
  61                  top: 0.4em;
  62                  font-size: 14px;
  63              }
  64          }
  65      }
  66  }
  67  
  68  #page-grade-grading-form-rubric-edit {
  69      .gradingform_rubric_editform .status {
  70          font-size: 70%;
  71      }
  72  }
  73  
  74  .gradingform_rubric.editor {
  75      .addlevel,
  76      .addcriterion {
  77          input {
  78              // Fallback for IE8: we use Bootstrap 2's button styles normally, but
  79              // IE8 ignores background-image: linear-gradient rules.
  80              background: #fff none no-repeat top left;
  81          }
  82      }
  83  }
  84  
  85  .dir-rtl {
  86      #rubric-rubric.gradingform_rubric {
  87          #rubric-criteria .criterion {
  88              .level {
  89                  .score {
  90                      text-align: right;
  91                      float: right;
  92                      margin-left: 28px;
  93                      margin-right: 0px;
  94                  }
  95                  .delete {
  96                      float: left;
  97                      input {
  98                          left: 0;
  99                          right: auto;
 100                      }
 101                  }
 102              }
 103          }
 104          .addcriterion {
 105              margin-right: 5px;
 106              margin-left: 0px;
 107  
 108              input {
 109                  padding-right: 26px;
 110                  padding-left: 10px;
 111                  background-position: right 8px top 8px;
 112              }
 113          }
 114          .options {
 115              .option {
 116                  .value {
 117                      margin-left: 0px;
 118                      margin-right: 5px;
 119                  }
 120                  input {
 121                      // margins flipped for RTL.
 122                      margin-left: 12px;
 123                      margin-right: 5px;
 124                  }
 125              }
 126          }
 127      }
 128  }
 129  
 130  #rubric-rubric {
 131      &.gradingform_rubric {
 132          #rubric-criteria {
 133              margin-bottom: 1em;
 134              @rubricPadding: 6px;
 135              .criterion {
 136                  .description {
 137                      vertical-align: top;
 138                      padding: @rubricPadding;
 139                      textarea {
 140                          margin-bottom: 0px;
 141                          height: 115px;
 142                      }
 143                  }
 144                  .definition {
 145                      textarea {
 146                          width: 80%;
 147                          margin-bottom: 0px;
 148                      }
 149                  }
 150                  .score {
 151                      position: relative;
 152                      float: left;
 153                      margin-right: 28px;
 154                      input {
 155                          margin-bottom: 0px;
 156                      }
 157                  }
 158                  .level {
 159                      vertical-align: top;
 160                      padding: @rubricPadding;
 161                      .delete {
 162                          position: relative;
 163                          width: 32px;
 164                          height: 32px;
 165                          margin-top: -32px;
 166                          clear: both;
 167                          float: right;
 168                          input {
 169                              display: block;
 170                              position: absolute;
 171                              right: 0;
 172                              bottom: 0;
 173                              height: 24px;
 174                              width: 24px;
 175                              margin: 0px;
 176                              &:hover {
 177                                  background-color: #ddd;
 178                              }
 179                          }
 180                      }
 181                  }
 182                  .scorevalue {
 183                      input {
 184                          // Should handle at least three chars with room to spare.
 185                          float: none;
 186                          width: 2em;
 187                          &.hiddenelement,
 188                          &.pseudotablink {
 189                              // Zero out the width if it's still in the block flow for some reason
 190                              // when hidden
 191                              width: 0;
 192                          }
 193                      }
 194                  }
 195                  .addlevel {
 196                      vertical-align: middle;
 197                      input {
 198                          .btn();
 199                          background-position: 0px 0px;
 200                          height: 30px;
 201                          margin-right: 5px;
 202                      }
 203                  }
 204              }
 205          }
 206          .addcriterion {
 207              margin-left: 5px;
 208              .btn();
 209              padding: 0;
 210              input {
 211                  margin: 0;
 212                  color: inherit;
 213                  text-shadow: inherit;
 214                  border: 0px none;
 215                  line-height: inherit;
 216                  background: transparent url([[pix:t/add]]) no-repeat 7px 8px;
 217                  padding-left: 26px;
 218              }
 219              margin-bottom: 1em;
 220          }
 221          .options {
 222              clear: both;
 223              .option {
 224                  label {
 225                      margin: 0;
 226                      padding: 0;
 227                      font-size: inherit;
 228                      font-weight: normal;
 229                      line-height: 2em;
 230                      color: inherit;
 231                      text-shadow: none;
 232                      background-color: transparent;
 233                  }
 234                  input {
 235                      margin-left: 5px;
 236                      margin-right: 12px;
 237                  }
 238              }
 239          }
 240      }
 241  }
 242  
 243  // Set up grades layout.
 244  .path-grade-edit-tree .setup-grades {
 245      h4 {
 246          margin: 0;
 247      }
 248      .column-rowspan {
 249          padding: 0;
 250          width: 24px;
 251          min-width: 24px;
 252          max-width: 24px;
 253      }
 254      .category td.column-name {
 255          padding-left: 0;
 256      }
 257      td.column-name {
 258          padding-left: 24px;
 259      }
 260      .column-name h4 img.icon {
 261          padding-left: 0;
 262      }
 263      .category input[type="text"],
 264      .category .column-range,
 265      .categoryitem,
 266      .courseitem {
 267          font-weight: bold;
 268      }
 269      .emptyrow {
 270          display: none;
 271      }
 272      .gradeitemdescription {
 273          font-weight: normal;
 274          padding-left: 24px;
 275      }
 276      .column-weight {
 277          white-space: nowrap;
 278          &.level3 {
 279              padding-left: 37px;
 280          }
 281          &.level4 {
 282              padding-left: 66px;
 283          }
 284          &.level5 {
 285              padding-left: 95px;
 286          }
 287          &.level6 {
 288              padding-left: 124px;
 289          }
 290          &.level7 {
 291              padding-left: 153px;
 292          }
 293          &.level8 {
 294              padding-left: 182px;
 295          }
 296          &.level9 {
 297              padding-left: 211px;
 298          }
 299          &.level10 {
 300              padding-left: 240px;
 301          }
 302      }
 303      .column-range {
 304          &.level2 {
 305              padding-left: 37px;
 306          }
 307          &.level3 {
 308              padding-left: 66px;
 309          }
 310          &.level4 {
 311              padding-left: 95px;
 312          }
 313          &.level5 {
 314              padding-left: 124px;
 315          }
 316          &.level6 {
 317              padding-left: 153px;
 318          }
 319          &.level7 {
 320              padding-left: 182px;
 321          }
 322          &.level8 {
 323              padding-left: 211px;
 324          }
 325          &.level9 {
 326              padding-left: 240px;
 327          }
 328          &.level10 {
 329              padding-left: 269px;
 330          }
 331      }
 332      &.generaltable {
 333          .levelodd {
 334              background-color: @tableBackgroundAccent;
 335          }
 336          .leveleven {
 337              background-color: @tableBackground;
 338          }
 339      }
 340  }
 341  
 342  .dir-rtl {
 343      &.path-grade-edit-tree .setup-grades {
 344          .category td.column-name {
 345              padding-right: 0;
 346          }
 347          td.column-name {
 348              padding-right: 24px;
 349          }
 350          .column-name h4 img.icon {
 351              padding-left: 4px;
 352          }
 353          .gradeitemdescription {
 354              padding-left: 0;
 355              padding-right: 24px;
 356          }
 357          .column-weight {
 358              &.level3 {
 359                  padding-left: 0;
 360                  padding-right: 37px;
 361              }
 362              &.level4 {
 363                  padding-left: 0;
 364                  padding-right: 66px;
 365              }
 366              &.level5 {
 367                  padding-left: 0;
 368                  padding-right: 95px;
 369              }
 370              &.level6 {
 371                  padding-left: 0;
 372                  padding-right: 124px;
 373              }
 374              &.level7 {
 375                  padding-left: 0;
 376                  padding-right: 153px;
 377              }
 378              &.level8 {
 379                  padding-left: 0;
 380                  padding-right: 182px;
 381              }
 382              &.level9 {
 383                  padding-left: 0;
 384                  padding-right: 211px;
 385              }
 386              &.level10 {
 387                  padding-left: 0;
 388                  padding-right: 240px;
 389              }
 390          }
 391          .column-range {
 392              &.level2 {
 393                  padding-left: 0;
 394                  padding-right: 37px;
 395              }
 396              &.level3 {
 397                  padding-left: 0;
 398                  padding-right: 66px;
 399              }
 400              &.level4 {
 401                  padding-left: 0;
 402                  padding-right: 95px;
 403              }
 404              &.level5 {
 405                  padding-left: 0;
 406                  padding-right: 124px;
 407              }
 408              &.level6 {
 409                  padding-left: 0;
 410                  padding-right: 153px;
 411              }
 412              &.level7 {
 413                  padding-left: 0;
 414                  padding-right: 182px;
 415              }
 416              &.level8 {
 417                  padding-left: 0;
 418                  padding-right: 211px;
 419              }
 420              &.level9 {
 421                  padding-left: 0;
 422                  padding-right: 240px;
 423              }
 424              &.level10 {
 425                  padding-left: 0;
 426                  padding-right: 269px;
 427              }
 428          }
 429      }
 430  }
 431  
 432  /**
 433   * Grader report.
 434   */
 435  .path-grade-report {
 436      .gradeparent {
 437          table {
 438              .border-radius(@baseBorderRadius);
 439          }
 440          tr .cell {
 441              background-color: @paginationBackground;
 442          }
 443          table,
 444          .cell {
 445              border-color: @tableBorder;
 446          }
 447          tr:nth-of-type(even) .cell,
 448          .floater .cell,
 449          .avg {
 450              background-color: @tableBackgroundAccent;
 451          }
 452          table .clickable {
 453              cursor: pointer;
 454          }
 455      }
 456  }
 457  
 458  /**
 459   * User report.
 460   */
 461  .path-grade-report-user .user-grade {
 462      border: none;
 463      &.generaltable {
 464          .levelodd {
 465              background-color: @tableBackgroundAccent;
 466          }
 467          .leveleven {
 468              background-color: @tableBackground;
 469          }
 470      }
 471  }
 472  
 473  .has_dock.path-grade-report-grader {
 474      .gradeparent .sideonly.floating > .cell,
 475      .gradeparent .sideonly.floating > .cell,
 476      .gradeparent .sideonly.floating > .cell {
 477          padding-left: 5 + (@dockWidth + (@dockTitleMargin * 2));
 478      }
 479  
 480      &.dir-rtl {
 481          .gradeparent .sideonly.floating > .cell,
 482          .gradeparent .sideonly.floating > .cell,
 483          .gradeparent .sideonly.floating > .cell {
 484              padding-left: 5px;
 485              padding-right: 5 + (@dockWidth + (@dockTitleMargin * 2));
 486          }
 487      }
 488  }
 489  
 490  .content-only.path-grade-report-grader {
 491      .gradeparent table {
 492          margin-left: (@dockWidth + (@dockTitleMargin * 2));
 493      }
 494  
 495      &.dir-rtl {
 496          .gradeparent table {
 497              margin-left: 0;
 498              margin-right: (@dockWidth + (@dockTitleMargin * 2));
 499          }
 500      }
 501  }