a72eae61ac493067aa76a8b19be1f3d87ef9675f
[moodle.git] / admin / tool / lp / styles.css
1 .path-admin-tool-lp [data-region="managecompetencies"] ul li,
2 .path-admin-tool-lp [data-region="plans"] ul li,
3 .path-admin-tool-lp [data-region="competencymovetree"] ul li,
4 .path-admin-tool-lp [data-region="competencylinktree"] ul li {
5     list-style-type: none;
6 }
7 .path-admin-tool-lp .progresstext {
8     display: inline-block;
9     height: 40px;
10     vertical-align: top;
11 }
12 .path-admin-tool-lp .progress {
13     width: 100%;
14     display: inline-block;
15     margin-right: 2em;
16 }
17 .dir-rtl.path-admin-tool-lp .progress .bar {
18     float: right;
19 }
20 .path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"],
21 .path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"],
22 .path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"],
23 .path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
24     border: 1px solid #ccc;
25     box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
26     transition: border linear .2s,box-shadow linear .2s;
27     border-radius: 4px;
28     padding-left: 20px;
29     padding-right: 20px;
30     margin-left: 10px;
31     margin-right: 10px;
32 }
33 .path-admin-tool-lp [data-region="managecompetencies"] ul,
34 .path-admin-tool-lp [data-region="plans"] ul,
35 .path-admin-tool-lp [data-region="competencylinktree"] ul,
36 .path-admin-tool-lp [data-region="competencymovetree"] ul {
37     cursor: pointer;
38 }
39 .path-admin-tool-lp [data-region="competencylinktree"] ul li>span,
40 .path-admin-tool-lp [data-region="competencymovetree"] ul li>span,
41 .path-admin-tool-lp [data-region="plans"] ul li>span,
42 .path-admin-tool-lp [data-region="managecompetencies"] ul li>span {
43     padding-top: 2px;
44     padding-bottom: 2px;
45     padding-left: 4px;
46     padding-right: 4px;
47     border-radius: 4px;
48 }
49 .path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"]>span,
50 .path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"]>span,
51 .path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"]>span,
52 .path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"]>span {
53     background-color: #dfdfdf;
54 }
55 .path-admin-tool-lp [data-region="competencylinktree"] ul [tabindex="0"]>span,
56 .path-admin-tool-lp [data-region="competencymovetree"] ul [tabindex="0"]>span,
57 .path-admin-tool-lp [data-region="plans"] ul [tabindex="0"]>span,
58 .path-admin-tool-lp [data-region="managecompetencies"] ul [tabindex="0"]>span {
59     border: 2px solid #0070a8;
60 }
61 .path-admin-tool-lp [data-region="filtercompetencies"] input {
62     margin-left: 10px;
63 }
65 .dir-rtl.path-admin-tool-lp [data-region="managecompetencies"] .row-fluid [class*="span"] {
66     float: right;
67 }
69 .path-admin-tool-lp [data-region="link-buttons"],
70 .path-admin-tool-lp [data-region="move-buttons"] {
71     text-align: center;
72 }
74 .path-admin-tool-lp [data-region="competencylinktree"]>ul {
75     overflow-y: auto;
76     height: 400px;
77 }
79 .dir-rtl.path-admin-tool-lp [data-region="filtercompetencies"] input {
80     margin-right: 10px;
81 }
83 .path-admin-tool-lp span.currentdragtarget {
84     border: 1px dashed;
85 }
87 .path-admin-tool-lp .competencyactionsmenu {
88     display: inline-block;
89     vertical-align: text-top;
90 }
92 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-base"] {
93     display: table;
94     width: 100%;
95 }
96 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"],
97 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] {
98     display: table-row;
99 }
100 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
101 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label {
102     padding-right: 10px;
104 .dir-rtl.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
105 .dir-rtl.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label {
106     padding-left: 10px;
107     padding-right: 0;
109 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
110 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
111 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label,
112 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select {
113     display: table-cell;
115 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
116 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select,
117 .path-admin-tool-lp [data-region="competencylinktree"] select {
118     width: 100%;
120 .path-admin-tool-lp [data-region] .generaltable.fullwidth {
121     clear: both;
124 .path-admin-tool-lp .competency-rule-points {
125     margin-top: 10px;
127 .path-admin-tool-lp .competency-rule-points table input {
128     margin-bottom: 0;
130 .path-admin-tool-lp .competency-rule-points tr[data-competency] th {
131     font-weight: normal;
133 .path-admin-tool-lp .competency-rule-points input[type="number"] {
134     width: 50px;
137 .competency-heading {
138     margin-bottom: 15px;
140 .competency-heading h4 {
141     margin: 0;
144 /** Styles required for menubar js */
146 .tool-lp-menu {
147     margin: 0;
150 .tool-lp-menu li {
151     float: left;
152     display: inline;
153     position: relative;
154     list-style-type: none;
155     white-space: nowrap;
158 .tool-lp-sub-menu {
159     position: absolute;
160     list-style: none;
161     margin: 0;
162     top: -10px;
165 .tool-lp-sub-menu li {
166     float: none;
168 .tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
169     display: block;
172 .tool-lp-menu ul[aria-hidden=true] {
173     display: none;
176 .tool-lp-menu .caret {
177     margin: 8px;
180 .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
181     margin-left: -120px;
184 .dir-rtl .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
185     margin-left: 0px;
186     margin-right: -120px;
189 /** This highlighting is copied from bootstrap - but can be overridden by a theme */
190 .tool-lp-menu .tool-lp-sub-menu .menu-focus a {
191     color: #fff ;
192     text-decoration: none;
193     background-color: #00699e;
194     background-image: linear-gradient(to bottom,#0070a8,#005f8f);
195     background-repeat: repeat-x;
198 /** check box and radio button on configure scale dialogue */
199 input[type="radio"].tool_lp_scale_default,
200 input[type="checkbox"].tool_lp_scale_proficient {
201     margin-top: 0px;
204 /** User evidence */
205 .user-evidence-documents {
206     margin: 10px 20px;
207     list-style: none;
209 .user-evidence-competencies,
210 .user-evidence-documents li {
211     margin-bottom: 5px;
212     word-break: break-all;
214 [data-region="user-evidence-list"] .user-evidence-competencies,
215 [data-region="user-evidence-list"] .user-evidence-documents {
216     margin: 0;
217     list-style: none;
220 .user-competency-course-navigation select {
221     display: none;
223 .user-competency-course-navigation {
224     width: 240px;
226 .user-competency-course-navigation span {
227     max-width: 100%;
228     overflow: hidden;
231 /** Competency grader */
232 .competency-grader textarea {
233     width: 100%;
234     max-width: 100%;
235     box-sizing: border-box;
238 /** Broader RTL changes */
239 .dir-rtl.path-admin-tool-lp .pull-left {
240     float: right;
242 .dir-rtl.path-admin-tool-lp .pull-right {
243     float: left;
245 .dir-rtl.path-admin-tool-lp dd {
246     margin-right: 10px;
248 .dir-rtl.path-admin-tool-lp ul.inline {
249     margin-right: 0;