4428ac3921e21ccc3d0edae662d577224de1acd9
[moodle.git] / 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
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
46 */
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;}
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;}
61 .gradingform_rubric .criteria {height:100%;}
62 .gradingform_rubric .criterion {border:1px solid #DDD;overflow: hidden;}
63 .gradingform_rubric .criterion.even {background:#F0F0F0;}
65 .gradingform_rubric .criterion .description {width:150px;font-weight:bold;}
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;}
75 .gradingform_rubric .plainvalue.empty {font-style: italic; color: #AAA;}
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;}
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;}
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;}
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;}
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;}
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;}
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;}
113 /**
114  *
115  */
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;}