Merge branch 'MDL-54642-master' of git://github.com/ryanwyllie/moodle
[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%;
121 .path-admin-tool-lp [data-region] .generaltable.fullwidth {
122     clear: both;
125 .path-admin-tool-lp .competency-rule-points {
126     margin-top: 10px;
128 .path-admin-tool-lp .competency-rule-points table input {
129     margin-bottom: 0;
131 .path-admin-tool-lp .competency-rule-points tr[data-competency] th {
132     font-weight: normal;
134 .path-admin-tool-lp .competency-rule-points input[type="number"] {
135     width: 50px;
138 .competency-heading {
139     margin-bottom: 15px;
141 .competency-heading h4 {
142     margin: 0;
145 /** Styles required for menubar js */
147 .tool-lp-menu {
148     margin: 0;
151 .tool-lp-menu li {
152     float: left;
153     display: inline;
154     position: relative;
155     list-style-type: none;
156     white-space: nowrap;
159 .tool-lp-sub-menu {
160     position: absolute;
161     list-style: none;
162     margin: 0;
163     top: -10px;
166 .tool-lp-sub-menu li {
167     float: none;
169 .tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
170     display: block;
173 .tool-lp-menu ul[aria-hidden=true] {
174     display: none;
177 .tool-lp-menu .caret {
178     margin: 8px;
181 .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
182     margin-left: -120px;
185 .dir-rtl .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
186     margin-left: 0px;
187     margin-right: -120px;
190 /** This highlighting is copied from bootstrap - but can be overridden by a theme */
191 .tool-lp-menu .tool-lp-sub-menu .menu-focus a {
192     color: #fff ;
193     text-decoration: none;
194     background-color: #00699e;
195     background-image: linear-gradient(to bottom,#0070a8,#005f8f);
196     background-repeat: repeat-x;
199 /** check box and radio button on configure scale dialogue */
200 input[type="radio"].tool_lp_scale_default,
201 input[type="checkbox"].tool_lp_scale_proficient {
202     margin-top: 0px;
205 /** User evidence */
206 .user-evidence-documents {
207     margin: 10px 20px;
208     list-style: none;
210 .user-evidence-competencies,
211 .user-evidence-documents li {
212     margin-bottom: 5px;
213     word-break: break-all;
215 [data-region="user-evidence-list"] .user-evidence-competencies,
216 [data-region="user-evidence-list"] .user-evidence-documents {
217     margin: 0;
218     list-style: none;
221 .user-competency-course-navigation select {
222     display: none;
224 .user-competency-course-navigation {
225     width: 240px;
227 .user-competency-course-navigation span {
228     max-width: 100%;
229     overflow: hidden;
232 /** Competency grader */
233 .competency-grader textarea {
234     width: 100%;
235     max-width: 100%;
236     box-sizing: border-box;
239 /** Broader RTL changes */
240 .dir-rtl.path-admin-tool-lp .pull-left {
241     float: right;
243 .dir-rtl.path-admin-tool-lp .pull-right {
244     float: left;
246 .dir-rtl.path-admin-tool-lp dd {
247     margin-right: 10px;
249 .dir-rtl.path-admin-tool-lp ul.inline {
250     margin-right: 0;