[Summary view] [Print] [Text view]

   1  /*
   2  .gradingform_rubric.editor[.frozen|.editable]
   3    .criteria
   4      .criterion[.first][.last][.odd|.even]
   5          .controls
   6              .moveup
   7                  [input type=submit]
   8              .delete
   9                  [input type=submit]
  10              .movedown
  11                  [input type=submit]
  12          .description
  13          .levels
  14              td.level[.first][.last][.odd|.even]
  15                  div.level-wrapper
  16                      .definition
  17                          [textarea]
  18                      .score
  19                          span
  20                              [input type=text]
  21                      .delete
  22                          [input type=submit]
  23          .addlevel
  24              [input type=submit]
  25          .remark
  26              textarea
  27      .addcriterion
  28          [input type=submit]
  29    .options
  30      .optionsheading
  31      .option.OPTIONNAME
  32  
  33  .gradingform_rubric[.review][.evaluate[.editable|.frozen]]
  34    .criteria
  35      .criterion[.first][.last][.odd|.even]
  36          .description
  37          .levels
  38              td.level[.first][.last][.odd|.even]
  39                  div.level-wrapper
  40                      div.radio
  41                          input
  42                      .definition
  43                      .score
  44                          span
  45  
  46  */
  47  
  48  .gradingform_rubric_editform .status {font-weight:normal;text-transform:uppercase;font-size:60%;padding:0.25em;border:1px solid #EEE;}
  49  .gradingform_rubric_editform .status.ready {background-color:#e7f1c3;border-color:#AAEEAA;}
  50  .gradingform_rubric_editform .status.draft {background-color:#f3f2aa;border-color:#EEEE22;}
  51  
  52  .gradingform_rubric {overflow:auto;padding-bottom:1.5em;max-width:720px;position:relative;}
  53  
  54  .gradingform_rubric.editor .criterion .controls,
  55  .gradingform_rubric .criterion .description,
  56  .gradingform_rubric .criterion .levels,
  57  .gradingform_rubric.editor .criterion .addlevel,
  58  .gradingform_rubric .criterion .remark,
  59  .gradingform_rubric .criterion .levels .level {vertical-align: top;}
  60  
  61  .gradingform_rubric.editor .criterion .controls,
  62  .gradingform_rubric .criterion .description,
  63  .gradingform_rubric.editor .criterion .addlevel,
  64  .gradingform_rubric .criterion .remark,
  65  .gradingform_rubric .criterion .levels .level {padding:3px;}
  66  
  67  .gradingform_rubric .criteria {height:100%;}
  68  .gradingform_rubric .criterion {border:1px solid #DDD;overflow: hidden;}
  69  .gradingform_rubric .criterion.even {background:#F0F0F0;}
  70  
  71  .gradingform_rubric .criterion .description {width:150px;font-weight:bold;}
  72  
  73  .gradingform_rubric .criterion .levels table {width:100%;height:100%;}
  74  .gradingform_rubric .criterion .levels,
  75  .gradingform_rubric .criterion .levels table,
  76  .gradingform_rubric .criterion .levels table tbody {padding:0;margin:0;}
  77  .gradingform_rubric .criterion .levels .level {border-left:1px solid #DDD;max-width:150px;}
  78  .gradingform_rubric .criterion .levels .level .level-wrapper {position:relative;}
  79  .gradingform_rubric .criterion .levels .level.last {border-right:1px solid #DDD;}
  80  
  81  .gradingform_rubric .plainvalue.empty {font-style: italic; color: #AAA;}
  82  
  83  .gradingform_rubric.editor .criterion .levels .level .delete {position:absolute;right:0;}
  84  .gradingform_rubric .criterion .levels .level .score {font-style:italic;color:#575;font-weight: bold;margin-top:5px;white-space:nowrap;}
  85  .gradingform_rubric .criterion .levels .level .score .scorevalue {padding-right:5px;}
  86  
  87  /* Make invisible the buttons 'Move up' for the first criterion and 'Move down' for the last, because those buttons will make no change */
  88  .gradingform_rubric.editor .criterion.first .controls .moveup input,
  89  .gradingform_rubric.editor .criterion.last .controls .movedown input {display:none;}
  90  
  91  /* evaluation */
  92  .gradingform_rubric .criterion .levels .level.currentchecked {background:#fff0f0;}
  93  .gradingform_rubric .criterion .levels .level.checked {background:#d0ffd0;border:1px solid #555;}
  94  .gradingform_rubric.evaluate .criterion .levels .level:hover {background:#30ff30;}
  95  
  96  /* replace buttons with images */
  97  .gradingform_rubric.editor .delete input,
  98  .gradingform_rubric.editor .duplicate input,
  99  .gradingform_rubric.editor .moveup input,
 100  .gradingform_rubric.editor .movedown input{text-indent: -1000em;cursor:pointer;border:none;}
 101  .gradingform_rubric.editor .criterion .controls .delete input {width:12px;height:12px;background: transparent url([[pix:t/delete]]) no-repeat center top; margin: .3em .3em 0 .3em;}
 102  .gradingform_rubric.editor .criterion .controls .duplicate input {width:12px;height:12px;background: transparent url([[pix:t/copy]]) no-repeat center top; margin: .3em .3em 0 .3em;}
 103  .gradingform_rubric.editor .levels .level .delete input {width:12px;height:16px;background: transparent url([[pix:t/delete]]) no-repeat center center; }
 104  .dir-rtl .gradingform_rubric.editor .levels .level .delete input { margin-right: .45em; margin-left: 0; }
 105  .gradingform_rubric.editor .moveup input {width:12px;height:12px;background: transparent url([[pix:t/up]]) no-repeat center top; margin: .3em .3em 0 .3em; }
 106  .gradingform_rubric.editor .movedown input {width:12px;height:12px;background: transparent url([[pix:t/down]]) no-repeat center top; margin: .3em .3em 0 .3em; }
 107  
 108  .gradingform_rubric.editor .addcriterion input,
 109  .gradingform_rubric.editor .addlevel input {background: transparent url([[pix:t/add]]) no-repeat top left ;display:block;color:#555555;font-weight:bold;text-decoration:none;}
 110  .gradingform_rubric.editor .addcriterion input {background-position: 5px 8px;height:30px;line-height:29px;margin-bottom:14px;padding-left:20px;padding-right:10px;}
 111  .gradingform_rubric.editor .addlevel input {background-position: 5px 5px;height:25px;line-height:24px;margin-bottom:45px;padding-left:18px;padding-right:8px;}
 112  
 113  .gradingform_rubric .options .optionsheading {font-weight:bold;font-size:1.1em;padding-bottom:5px;}
 114  .gradingform_rubric .options .option {padding-bottom:2px;}
 115  .gradingform_rubric .options .option label {margin-left: 5px;}
 116  .gradingform_rubric .options .option .value {margin-left: 5px;font-weight:bold;}
 117  
 118  .gradingform_rubric .criterion .levels.error { border:1px solid red;}
 119  .gradingform_rubric .criterion .description.error,
 120  .gradingform_rubric .criterion .levels .level .definition.error,
 121  .gradingform_rubric .criterion .levels .level .score.error {background:#FFDDDD;}
 122  
 123  .gradingform_rubric-regrade {padding:10px;background:#FFDDDD;border:1px solid #F00;margin-bottom:10px;}
 124  .gradingform_rubric-restored {padding:10px;background:#FFFFDD;border:1px solid #FF0;margin-bottom:10px;}
 125  .gradingform_rubric-error {color:red;font-weight:bold;}
 126  
 127  /* special classes for elements created by rubriceditor.js */
 128  .gradingform_rubric.editor .hiddenelement {display:none;}
 129  .gradingform_rubric.editor .pseudotablink {background-color:transparent;border:0 solid;height:1px;width:1px;color:transparent;padding:0;margin:0;position:relative;float:right;}