Merge branch 'MDL-39236-master' of git://github.com/nadavkav/moodle
[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_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;}
52 .gradingform_rubric {overflow:auto;padding-bottom:1.5em;max-width:720px;position:relative;}
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;}
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;}
67 .gradingform_rubric .criteria {height:100%;}
68 .gradingform_rubric .criterion {border:1px solid #DDD;overflow: hidden;}
69 .gradingform_rubric .criterion.even {background:#F0F0F0;}
71 .gradingform_rubric .criterion .description {width:150px;font-weight:bold;}
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;}
81 .gradingform_rubric .plainvalue.empty {font-style: italic; color: #AAA;}
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;}
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;}
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;}
96 /* replace buttons with images */
97 .gradingform_rubric.editor .delete input,
98 .gradingform_rubric.editor .moveup input,
99 .gradingform_rubric.editor .movedown input{text-indent: -1000em;cursor:pointer;border:none;}
100 .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;}
101 .gradingform_rubric.editor .levels .level .delete input {width:12px;height:16px;background: transparent url([[pix:t/delete]]) no-repeat center center; }
102 .dir-rtl .gradingform_rubric.editor .levels .level .delete input { margin-right: .45em; margin-left: 0; }
103 .gradingform_rubric.editor .moveup input {width:12px;height:12px;background: transparent url([[pix:t/up]]) no-repeat center top; margin: .3em .3em 0 .3em; }
104 .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 .gradingform_rubric.editor .addcriterion input,
107 .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;}
108 .gradingform_rubric.editor .addcriterion input {background-position: 5px 8px;height:30px;line-height:29px;margin-bottom:14px;padding-left:20px;padding-right:10px;}
109 .gradingform_rubric.editor .addlevel input {background-position: 5px 5px;height:25px;line-height:24px;margin-bottom:45px;padding-left:18px;padding-right:8px;}
111 .gradingform_rubric .options .optionsheading {font-weight:bold;font-size:1.1em;padding-bottom:5px;}
112 .gradingform_rubric .options .option {padding-bottom:2px;}
113 .gradingform_rubric .options .option label {margin-left: 5px;}
114 .gradingform_rubric .options .option .value {margin-left: 5px;font-weight:bold;}
116 .gradingform_rubric .criterion .levels.error { border:1px solid red;}
117 .gradingform_rubric .criterion .description.error,
118 .gradingform_rubric .criterion .levels .level .definition.error,
119 .gradingform_rubric .criterion .levels .level .score.error {background:#FFDDDD;}
121 .gradingform_rubric-regrade {padding:10px;background:#FFDDDD;border:1px solid #F00;margin-bottom:10px;}
122 .gradingform_rubric-restored {padding:10px;background:#FFFFDD;border:1px solid #FF0;margin-bottom:10px;}
123 .gradingform_rubric-error {color:red;font-weight:bold;}
125 /* special classes for elements created by rubriceditor.js */
126 .gradingform_rubric.editor .hiddenelement {display:none;}
127 .gradingform_rubric.editor .pseudotablink {background-color:transparent;border:0 solid;height:1px;width:1px;color:transparent;padding:0;margin:0;position:relative;float:right;}