grade/grading/form/rubric/styles.css

   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.editor .criterion .controls,
  49 .gradingform_rubric .criterion .description,
  50 .gradingform_rubric .criterion .levels,
  51 .gradingform_rubric.editor .criterion .addlevel,
  52 .gradingform_rubric .criterion .remark,
  53 .gradingform_rubric .criterion .levels .level {vertical-align: top;}
  54
  55 .gradingform_rubric.editor .criterion .controls,
  56 .gradingform_rubric .criterion .description,
  57 .gradingform_rubric.editor .criterion .addlevel,
  58 .gradingform_rubric .criterion .remark,
  59 .gradingform_rubric .criterion .levels .level {padding:3px;}
  60
  61 .gradingform_rubric .criteria {height:100%;}
  62 .gradingform_rubric .criterion {border:1px solid #DDD;overflow: hidden;}
  63 .gradingform_rubric .criterion.even {background:#F0F0F0;}
  64
  65 .gradingform_rubric .criterion .description {width:150px;font-weight:bold;}
  66
  67 .gradingform_rubric .criterion .levels table {width:100%;height:100%;}
  68 .gradingform_rubric .criterion .levels,
  69 .gradingform_rubric .criterion .levels table,
  70 .gradingform_rubric .criterion .levels table tbody {padding:0;margin:0;}
  71 .gradingform_rubric .criterion .levels .level {border-left:1px solid #DDD;max-width:150px;}
  72 .gradingform_rubric .criterion .levels .level .level-wrapper {position:relative;}
  73 .gradingform_rubric .criterion .levels .level.last {border-right:1px solid #DDD;}
  74
  75 .gradingform_rubric .plainvalue.empty {font-style: italic; color: #AAA;}
  76
  77 .gradingform_rubric.editor .criterion .levels .level .delete {position:absolute;right:0;bottom:0;}
  78 .gradingform_rubric .criterion .levels .level .score {font-style:italic;color:#575;font-weight: bold;margin-top:5px;}
  79
  80 /* Make invisible the buttons 'Move up' for the first criterion and 'Move down' for the last, because those buttons will make no change */
  81 .gradingform_rubric.editor .criterion.first .controls .moveup input,
  82 .gradingform_rubric.editor .criterion.last .controls .movedown input {display:none;}
  83
  84 /* evaluation */
  85 .gradingform_rubric .criterion .levels .level.currentchecked {background:#fff0f0;}
  86 .gradingform_rubric .criterion .levels .level.checked {background:#d0ffd0;border:1px solid #555;}
  87 .gradingform_rubric.evaluate .criterion .levels .level:hover {background:#30ff30;}
  88
  89 /* replace buttons with images */
  90 .gradingform_rubric.editor .delete input,
  91 .gradingform_rubric.editor .moveup input,
  92 .gradingform_rubric.editor .movedown input{text-indent: -1000em;cursor:pointer;border:none;}
  93 .gradingform_rubric.editor .criterion .controls .delete input {width:20px;height:16px;background: transparent url([[pix:i/cross_red_big]]) no-repeat center top;}
  94 .gradingform_rubric.editor .levels .level .delete input {width:20px;height:16px;background: transparent url([[pix:i/cross_red_small]]) no-repeat center top;}
  95 .gradingform_rubric.editor .moveup input {width:20px;height:15px;background: transparent url([[pix:t/up]]) no-repeat center top;margin-top:4px;}
  96 .gradingform_rubric.editor .movedown input {width:20px;height:15px;background: transparent url([[pix:t/down]]) no-repeat center top;margin-top:4px;}
  97
  98 .gradingform_rubric.editor .addcriterion input,
  99 .gradingform_rubric.editor .addlevel input {background: transparent url([[pix:t/addgreen]]) no-repeat;display:block;color:#555555;font-weight:bold;text-decoration:none;}
 100 .gradingform_rubric.editor .addcriterion input {background-position: 5px 8px;height:30px;line-height:29px;margin-bottom:14px;padding-left:20px;padding-right:10px;}
 101 .gradingform_rubric.editor .addlevel input {background-position: 5px 6px;height:25px;line-height:24px;margin-bottom:10px;padding-left:18px;padding-right:8px;}
 102
 103 .gradingform_rubric .options .optionsheading {font-weight:bold;font-size:1.1em;padding-bottom:5px;}
 104 .gradingform_rubric .options .option {padding-bottom:2px;}
 105 .gradingform_rubric .options .option label {margin-left: 5px;}
 106 .gradingform_rubric .options .option .value {margin-left: 5px;font-weight:bold;}
 107
 108 .gradingform_rubric .criterion .levels.error { border:1px solid red;}
 109 .gradingform_rubric .criterion .description.error,
 110 .gradingform_rubric .criterion .levels .level .definition.error,
 111 .gradingform_rubric .criterion .levels .level .score.error {background:#FFDDDD;}
 112
 113 /**
 114  *
 115  */
 116
 117 .gradingform_rubric-regrade {padding:10px;background:#FFDDDD;border:1px solid #F00;margin-bottom:10px;}
 118 .gradingform_rubric-restored {padding:10px;background:#FFFFDD;border:1px solid #FF0;margin-bottom:10px;}
 119 .gradingform_rubric-error {color:red;font-weight:bold;}