Merge branch 'MDL-54119-master-with_progress_bar_template' of git://github.com/junpat...
[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     vertical-align: top;
10 }
11 .path-admin-tool-lp .progress {
12     width: 100%;
13     display: inline-block;
14 }
15 .path-admin-tool-lp .progress .bar {
16     min-width: 3em;
17 }
18 .dir-rtl.path-admin-tool-lp .progress .bar {
19     float: right;
20 }
21 .path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"],
22 .path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"],
23 .path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"],
24 .path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
25     border: 1px solid #ccc;
26     box-shadow: inset 0 1px 1px rgba(0,0,0,0.075);
27     transition: border linear .2s,box-shadow linear .2s;
28     border-radius: 4px;
29     padding-left: 20px;
30     padding-right: 20px;
31     margin-left: 10px;
32     margin-right: 10px;
33 }
34 .path-admin-tool-lp [data-region="managecompetencies"] ul,
35 .path-admin-tool-lp [data-region="plans"] ul,
36 .path-admin-tool-lp [data-region="competencylinktree"] ul,
37 .path-admin-tool-lp [data-region="competencymovetree"] ul {
38     cursor: pointer;
39 }
40 .path-admin-tool-lp [data-region="competencylinktree"] ul li>span,
41 .path-admin-tool-lp [data-region="competencymovetree"] ul li>span,
42 .path-admin-tool-lp [data-region="plans"] ul li>span,
43 .path-admin-tool-lp [data-region="managecompetencies"] ul li>span {
44     padding-top: 2px;
45     padding-bottom: 2px;
46     padding-left: 4px;
47     padding-right: 4px;
48     border-radius: 4px;
49 }
50 .path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"]>span,
51 .path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"]>span,
52 .path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"]>span,
53 .path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"]>span {
54     background-color: #dfdfdf;
55 }
56 .path-admin-tool-lp [data-region="competencylinktree"] ul [tabindex="0"]>span,
57 .path-admin-tool-lp [data-region="competencymovetree"] ul [tabindex="0"]>span,
58 .path-admin-tool-lp [data-region="plans"] ul [tabindex="0"]>span,
59 .path-admin-tool-lp [data-region="managecompetencies"] ul [tabindex="0"]>span {
60     border: 2px solid #0070a8;
61 }
62 .path-admin-tool-lp [data-region="filtercompetencies"] input {
63     margin-left: 10px;
64 }
66 .dir-rtl.path-admin-tool-lp [data-region="managecompetencies"] .row-fluid [class*="span"] {
67     float: right;
68 }
70 .path-admin-tool-lp [data-region="link-buttons"],
71 .path-admin-tool-lp [data-region="move-buttons"] {
72     text-align: center;
73 }
75 .path-admin-tool-lp [data-region="competencylinktree"]>ul {
76     overflow-y: auto;
77     height: 400px;
78 }
80 .dir-rtl.path-admin-tool-lp [data-region="filtercompetencies"] input {
81     margin-right: 10px;
82 }
84 .path-admin-tool-lp span.currentdragtarget {
85     border: 1px dashed;
86 }
88 .path-admin-tool-lp .competencyactionsmenu {
89     display: inline-block;
90     vertical-align: text-top;
91 }
93 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-base"] {
94     display: table;
95     width: 100%;
96 }
97 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"],
98 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] {
99     display: table-row;
101 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
102 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label {
103     padding-right: 10px;
105 .dir-rtl.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
106 .dir-rtl.path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label {
107     padding-left: 10px;
108     padding-right: 0;
110 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
111 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
112 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label,
113 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select {
114     display: table-cell;
116 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
117 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select,
118 .path-admin-tool-lp [data-region="competencylinktree"] select {
119     width: 100%;
122 .path-admin-tool-lp .competency-rule-points {
123     margin-top: 10px;
125 .path-admin-tool-lp .competency-rule-points table input {
126     margin-bottom: 0;
128 .path-admin-tool-lp .competency-rule-points tr[data-competency] th {
129     font-weight: normal;
131 .path-admin-tool-lp .competency-rule-points input[type="number"] {
132     width: 50px;
135 .competency-heading {
136     margin-bottom: 15px;
138 .competency-heading h4 {
139     margin: 0;
142 /** Styles required for menubar js */
144 .tool-lp-menu {
145     margin: 0;
148 .tool-lp-menu li {
149     float: left;
150     display: inline;
151     position: relative;
152     list-style-type: none;
153     white-space: nowrap;
156 .tool-lp-sub-menu {
157     position: absolute;
158     list-style: none;
159     margin: 0;
160     top: -10px;
163 .tool-lp-sub-menu li {
164     float: none;
166 .tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
167     display: block;
170 .tool-lp-menu ul[aria-hidden=true] {
171     display: none;
174 .tool-lp-menu .caret {
175     margin: 8px;
178 .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
179     margin-left: -120px;
182 .dir-rtl .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
183     margin-left: 0px;
184     margin-right: -120px;
187 /** This highlighting is copied from bootstrap - but can be overridden by a theme */
188 .tool-lp-menu .tool-lp-sub-menu .menu-focus a {
189     color: #fff ;
190     text-decoration: none;
191     background-color: #00699e;
192     background-image: linear-gradient(to bottom,#0070a8,#005f8f);
193     background-repeat: repeat-x;
196 /** check box and radio button on configure scale dialogue */
197 input[type="radio"].tool_lp_scale_default,
198 input[type="checkbox"].tool_lp_scale_proficient {
199     margin-top: 0px;
202 /** User evidence */
203 .user-evidence-documents {
204     margin: 10px 20px;
205     list-style: none;
207 .user-evidence-competencies,
208 .user-evidence-documents li {
209     margin-bottom: 5px;
210     word-break: break-all;
212 [data-region="user-evidence-list"] .user-evidence-competencies,
213 [data-region="user-evidence-list"] .user-evidence-documents {
214     margin: 0;
215     list-style: none;
218 .user-competency-course-navigation select {
219     display: none;
221 .user-competency-course-navigation {
222     width: 240px;
224 .user-competency-course-navigation span {
225     max-width: 100%;
226     overflow: hidden;
229 /** Competency grader */
230 .competency-grader textarea {
231     width: 100%;
232     max-width: 100%;
233     box-sizing: border-box;
236 /** Broader RTL changes */
237 .dir-rtl.path-admin-tool-lp .pull-left {
238     float: right;
240 .dir-rtl.path-admin-tool-lp .pull-right {
241     float: left;
243 .dir-rtl.path-admin-tool-lp dd {
244     margin-right: 10px;
246 .dir-rtl.path-admin-tool-lp ul.inline {
247     margin-right: 0;