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_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 .dir-rtl .gradingform_rubric.editor .criterion .levels .level .delete {position: relative;}
  85 .gradingform_rubric .criterion .levels .level .score {font-style:italic;color:#575;font-weight: bold;margin-top:5px;white-space:nowrap;}
  86 .gradingform_rubric .criterion .levels .level .score .scorevalue {padding-right:5px;}
  87
  88 /* Make invisible the buttons 'Move up' for the first criterion and 'Move down' for the last, because those buttons will make no change */
  89 .gradingform_rubric.editor .criterion.first .controls .moveup input,
  90 .gradingform_rubric.editor .criterion.last .controls .movedown input {display:none;}
  91
  92 /* evaluation */
  93 .gradingform_rubric .criterion .levels .level.currentchecked {background:#fff0f0;}
  94 .gradingform_rubric .criterion .levels .level.checked {background:#d0ffd0;border:1px solid #555;}
  95 .gradingform_rubric.evaluate .criterion .levels .level:hover {background:#30ff30;}
  96
  97 /* replace buttons with images */
  98 .gradingform_rubric.editor .delete 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 .levels .level .delete input {width:12px;height:16px;background: transparent url([[pix:t/delete]]) no-repeat center center; }
 103 .dir-rtl .gradingform_rubric.editor .levels .level .delete input { margin-right: .45em; margin-left: 0; }
 104 .gradingform_rubric.editor .moveup input {width:12px;height:12px;background: transparent url([[pix:t/up]]) no-repeat center top; margin: .3em .3em 0 .3em; }
 105 .gradingform_rubric.editor .movedown input {width:12px;height:12px;background: transparent url([[pix:t/down]]) no-repeat center top; margin: .3em .3em 0 .3em; }
 106
 107 .gradingform_rubric.editor .addcriterion input,
 108 .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;}
 109 .gradingform_rubric.editor .addcriterion input {background-position: 5px 8px;height:30px;line-height:29px;margin-bottom:14px;padding-left:20px;padding-right:10px;}
 110 .gradingform_rubric.editor .addlevel input {background-position: 5px 5px;height:25px;line-height:24px;margin-bottom:45px;padding-left:18px;padding-right:8px;}
 111
 112 .gradingform_rubric .options .optionsheading {font-weight:bold;font-size:1.1em;padding-bottom:5px;}
 113 .gradingform_rubric .options .option {padding-bottom:2px;}
 114 .gradingform_rubric .options .option label {margin-left: 5px;}
 115 .gradingform_rubric .options .option .value {margin-left: 5px;font-weight:bold;}
 116
 117 .gradingform_rubric .criterion .levels.error { border:1px solid red;}
 118 .gradingform_rubric .criterion .description.error,
 119 .gradingform_rubric .criterion .levels .level .definition.error,
 120 .gradingform_rubric .criterion .levels .level .score.error {background:#FFDDDD;}
 121
 122 .gradingform_rubric-regrade {padding:10px;background:#FFDDDD;border:1px solid #F00;margin-bottom:10px;}
 123 .gradingform_rubric-restored {padding:10px;background:#FFFFDD;border:1px solid #FF0;margin-bottom:10px;}
 124 .gradingform_rubric-error {color:red;font-weight:bold;}
 125
 126 /* special classes for elements created by rubriceditor.js */
 127 .gradingform_rubric.editor .hiddenelement {display:none;}
 128 .gradingform_rubric.editor .pseudotablink {background-color:transparent;border:0 solid;height:1px;width:1px;color:transparent;padding:0;margin:0;position:relative;float:right;}