041edb6c836b0f4462ecf33aaf56bc0d047b8bdd
[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%;
121 .path-admin-tool-lp .competency-rule-points {
122     margin-top: 10px;
124 .path-admin-tool-lp .competency-rule-points table input {
125     margin-bottom: 0;
127 .path-admin-tool-lp .competency-rule-points tr[data-competency] th {
128     font-weight: normal;
130 .path-admin-tool-lp .competency-rule-points input[type="number"] {
131     width: 50px;
134 .competency-heading {
135     margin-bottom: 15px;
137 .competency-heading h4 {
138     margin: 0;
141 /** Styles required for menubar js */
143 .tool-lp-menu {
144     margin: 0;
147 .tool-lp-menu li {
148     float: left;
149     display: inline;
150     position: relative;
151     list-style-type: none;
152     white-space: nowrap;
155 .tool-lp-sub-menu {
156     position: absolute;
157     list-style: none;
158     margin: 0;
159     top: -10px;
162 .tool-lp-sub-menu li {
163     float: none;
165 .tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
166     display: block;
169 .tool-lp-menu ul[aria-hidden=true] {
170     display: none;
173 .tool-lp-menu .caret {
174     margin: 8px;
177 .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
178     margin-left: -120px;
181 .dir-rtl .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
182     margin-left: 0px;
183     margin-right: -120px;
186 /** This highlighting is copied from bootstrap - but can be overridden by a theme */
187 .tool-lp-menu .tool-lp-sub-menu .menu-focus a {
188     color: #fff ;
189     text-decoration: none;
190     background-color: #00699e;
191     background-image: linear-gradient(to bottom,#0070a8,#005f8f);
192     background-repeat: repeat-x;
195 /** check box and radio button on configure scale dialogue */
196 input[type="radio"].tool_lp_scale_default,
197 input[type="checkbox"].tool_lp_scale_proficient {
198     margin-top: 0px;
201 /** User evidence */
202 .user-evidence-documents {
203     margin: 10px 20px;
204     list-style: none;
206 .user-evidence-competencies,
207 .user-evidence-documents li {
208     margin-bottom: 5px;
209     word-break: break-all;
211 [data-region="user-evidence-list"] .user-evidence-competencies,
212 [data-region="user-evidence-list"] .user-evidence-documents {
213     margin: 0;
214     list-style: none;
217 .user-competency-course-navigation select {
218     display: none;
220 .user-competency-course-navigation {
221     width: 240px;
223 .user-competency-course-navigation span {
224     max-width: 100%;
225     overflow: hidden;
228 /** Competency grader */
229 .competency-grader textarea {
230     width: 100%;
231     max-width: 100%;
232     box-sizing: border-box;
235 /** Broader RTL changes */
236 .dir-rtl.path-admin-tool-lp .pull-left {
237     float: right;
239 .dir-rtl.path-admin-tool-lp .pull-right {
240     float: left;
242 .dir-rtl.path-admin-tool-lp dd {
243     margin-right: 10px;
245 .dir-rtl.path-admin-tool-lp ul.inline {
246     margin-right: 0;