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 }
  65
  66 .dir-rtl.path-admin-tool-lp [data-region="managecompetencies"] .row-fluid [class*="span"] {
  67     float: right;
  68 }
  69
  70 .path-admin-tool-lp [data-region="link-buttons"],
  71 .path-admin-tool-lp [data-region="move-buttons"] {
  72     text-align: center;
  73 }
  74
  75 .path-admin-tool-lp [data-region="competencylinktree"]>ul {
  76     overflow-y: auto;
  77     height: 400px;
  78 }
  79
  80 .dir-rtl.path-admin-tool-lp [data-region="filtercompetencies"] input {
  81     margin-right: 10px;
  82 }
  83
  84 .path-admin-tool-lp span.currentdragtarget {
  85     border: 1px dashed;
  86 }
  87
  88 .path-admin-tool-lp .competencyactionsmenu {
  89     display: inline-block;
  90     vertical-align: text-top;
  91 }
  92
  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;
 100 }
 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;
 104 }
 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;
 109 }
 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;
 115 }
 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%;
 120 }
 121 .path-admin-tool-lp [data-region] .generaltable.fullwidth {
 122     clear: both;
 123 }
 124
 125 .path-admin-tool-lp .competency-rule-points {
 126     margin-top: 10px;
 127 }
 128 .path-admin-tool-lp .competency-rule-points table input {
 129     margin-bottom: 0;
 130 }
 131 .path-admin-tool-lp .competency-rule-points tr[data-competency] th {
 132     font-weight: normal;
 133 }
 134 .path-admin-tool-lp .competency-rule-points input[type="number"] {
 135     width: 50px;
 136 }
 137
 138 .competency-heading {
 139     margin-bottom: 15px;
 140 }
 141 .competency-heading h4 {
 142     margin: 0;
 143 }
 144
 145 /** Styles required for menubar js */
 146
 147 .tool-lp-menu {
 148     margin: 0;
 149 }
 150
 151 .tool-lp-menu li {
 152     float: left;
 153     position: relative;
 154     list-style-type: none;
 155     white-space: nowrap;
 156 }
 157
 158 .tool-lp-sub-menu {
 159     position: absolute;
 160     list-style: none;
 161     margin: 0;
 162     top: -10px;
 163 }
 164
 165 .tool-lp-sub-menu li {
 166     float: none;
 167 }
 168 .tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
 169     display: block;
 170 }
 171
 172 .tool-lp-menu ul[aria-hidden=true] {
 173     display: none;
 174 }
 175
 176 .tool-lp-menu .caret {
 177     margin: 8px;
 178 }
 179
 180 .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
 181     margin-left: -120px;
 182 }
 183
 184 .dir-rtl .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
 185     margin-left: 0px;
 186     margin-right: -120px;
 187 }
 188
 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;
 196 }
 197
 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;
 202 }
 203
 204 /** User evidence */
 205 .user-evidence-documents {
 206     margin: 10px 20px;
 207     list-style: none;
 208 }
 209 .user-evidence-competencies,
 210 .user-evidence-documents li {
 211     margin-bottom: 5px;
 212     word-break: break-all;
 213 }
 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;
 218 }
 219
 220 .user-competency-course-navigation select {
 221     display: none;
 222 }
 223 .user-competency-course-navigation {
 224     width: 240px;
 225 }
 226 .user-competency-course-navigation span {
 227     max-width: 100%;
 228     overflow: hidden;
 229 }
 230
 231 /** Competency grader */
 232 .competency-grader textarea {
 233     width: 100%;
 234     max-width: 100%;
 235     box-sizing: border-box;
 236 }
 237
 238 /** Broader RTL changes */
 239 .dir-rtl.path-admin-tool-lp .pull-left {
 240     float: right;
 241 }
 242 .dir-rtl.path-admin-tool-lp .pull-right {
 243     float: left;
 244 }
 245 .dir-rtl.path-admin-tool-lp dd {
 246     margin-right: 10px;
 247 }
 248 .dir-rtl.path-admin-tool-lp ul.inline {
 249     margin-right: 0;
 250 }