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
   8 .path-admin-tool-lp .progresstext {
   9     display: inline-block;
  10     vertical-align: top;
  11 }
  12
  13 .path-admin-tool-lp .progress {
  14     width: 100%;
  15     display: inline-block;
  16 }
  17
  18 .path-admin-tool-lp .progress .bar {
  19     min-width: 3em;
  20 }
  21
  22 .path-admin-tool-lp [data-region="managecompetencies"] ul[data-enhance="tree"],
  23 .path-admin-tool-lp [data-region="plans"] ul[data-enhance="tree"],
  24 .path-admin-tool-lp [data-region="competencylinktree"] ul[data-enhance="linktree"],
  25 .path-admin-tool-lp [data-region="competencymovetree"] ul[data-enhance="movetree"] {
  26     border: 1px solid #ccc;
  27     box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
  28     transition: border linear .2s, box-shadow linear .2s;
  29     border-radius: 4px;
  30     padding-left: 20px;
  31     padding-right: 20px;
  32     margin-left: 10px;
  33     margin-right: 10px;
  34 }
  35
  36 .path-admin-tool-lp [data-region="managecompetencies"] ul,
  37 .path-admin-tool-lp [data-region="plans"] ul,
  38 .path-admin-tool-lp [data-region="competencylinktree"] ul,
  39 .path-admin-tool-lp [data-region="competencymovetree"] ul {
  40     cursor: pointer;
  41 }
  42
  43 .path-admin-tool-lp [data-region="competencylinktree"] ul li > span,
  44 .path-admin-tool-lp [data-region="competencymovetree"] ul li > span,
  45 .path-admin-tool-lp [data-region="plans"] ul li > span,
  46 .path-admin-tool-lp [data-region="managecompetencies"] ul li > span {
  47     padding-top: 2px;
  48     padding-bottom: 2px;
  49     padding-left: 4px;
  50     padding-right: 4px;
  51     border-radius: 4px;
  52 }
  53
  54 .path-admin-tool-lp [data-region="competencylinktree"] ul [aria-selected="true"] > span,
  55 .path-admin-tool-lp [data-region="competencymovetree"] ul [aria-selected="true"] > span,
  56 .path-admin-tool-lp [data-region="plans"] ul [aria-selected="true"] > span,
  57 .path-admin-tool-lp [data-region="managecompetencies"] ul [aria-selected="true"] > span {
  58     background-color: #dfdfdf;
  59 }
  60
  61 .path-admin-tool-lp [data-region="competencylinktree"] ul [tabindex="0"] > span,
  62 .path-admin-tool-lp [data-region="competencymovetree"] ul [tabindex="0"] > span,
  63 .path-admin-tool-lp [data-region="plans"] ul [tabindex="0"] > span,
  64 .path-admin-tool-lp [data-region="managecompetencies"] ul [tabindex="0"] > span {
  65     border: 2px solid #0070a8;
  66 }
  67
  68 .path-admin-tool-lp [data-region="filtercompetencies"] input {
  69     margin-left: 10px;
  70 }
  71
  72 .path-admin-tool-lp [data-region="link-buttons"],
  73 .path-admin-tool-lp [data-region="move-buttons"] {
  74     text-align: center;
  75 }
  76
  77 .path-admin-tool-lp [data-region="competencylinktree"] > ul {
  78     overflow-y: auto;
  79     height: 400px;
  80 }
  81
  82 .path-admin-tool-lp span.currentdragtarget {
  83     border: 1px dashed;
  84 }
  85
  86 .path-admin-tool-lp .competencyactionsmenu {
  87     display: inline-block;
  88     vertical-align: text-top;
  89 }
  90
  91 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-base"] {
  92     display: table;
  93     width: 100%;
  94 }
  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
 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
 106 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] label,
 107 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
 108 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] label,
 109 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select {
 110     display: table-cell;
 111 }
 112
 113 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-outcome"] select,
 114 .path-admin-tool-lp [data-region="competencyruleconfig"] [data-region="rule-type"] select,
 115 .path-admin-tool-lp [data-region="competencylinktree"] select {
 116     width: 100%;
 117 }
 118
 119 .path-admin-tool-lp [data-region] .generaltable.fullwidth {
 120     clear: both;
 121 }
 122
 123 .path-admin-tool-lp .competency-rule-points {
 124     margin-top: 10px;
 125 }
 126
 127 .path-admin-tool-lp .competency-rule-points table input {
 128     margin-bottom: 0;
 129 }
 130
 131 .path-admin-tool-lp .competency-rule-points tr[data-competency] th {
 132     font-weight: normal;
 133 }
 134
 135 .path-admin-tool-lp .competency-rule-points input[type="number"] {
 136     width: 50px;
 137 }
 138
 139 .competency-heading {
 140     margin-bottom: 15px;
 141 }
 142
 143 .competency-heading h4 {
 144     margin: 0;
 145 }
 146
 147 /** Styles required for menubar js */
 148
 149 .tool-lp-menu {
 150     margin: 0;
 151 }
 152
 153 .tool-lp-menu li {
 154     float: left;
 155     position: relative;
 156     list-style-type: none;
 157     white-space: nowrap;
 158 }
 159
 160 .tool-lp-sub-menu {
 161     position: absolute;
 162     list-style: none;
 163     margin: 0;
 164     top: -10px;
 165 }
 166
 167 .tool-lp-sub-menu li {
 168     float: none;
 169 }
 170
 171 .tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
 172     display: block;
 173 }
 174
 175 .tool-lp-menu ul[aria-hidden=true] {
 176     display: none;
 177 }
 178
 179 .tool-lp-menu .caret {
 180     margin: 8px;
 181 }
 182
 183 .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
 184     left: auto;
 185     right: 0;
 186 }
 187
 188 /** This highlighting is copied from bootstrap - but can be overridden by a theme */
 189 .tool-lp-menu .tool-lp-sub-menu .menu-focus a {
 190     color: #fff;
 191     text-decoration: none;
 192     background-color: #00699e;
 193     background-image: linear-gradient(to bottom, #0070a8, #005f8f);
 194     background-repeat: repeat-x;
 195 }
 196
 197 /** check box and radio button on configure scale dialogue */
 198 input[type="radio"].tool_lp_scale_default,
 199 input[type="checkbox"].tool_lp_scale_proficient {
 200     margin-top: 0;
 201 }
 202
 203 /** User evidence */
 204 .user-evidence-documents {
 205     margin: 10px 20px;
 206     list-style: none;
 207 }
 208
 209 .user-evidence-competencies,
 210 .user-evidence-documents li {
 211     margin-bottom: 5px;
 212     word-break: break-all;
 213 }
 214
 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;
 219 }
 220
 221 .user-competency-course-navigation select {
 222     display: none;
 223 }
 224
 225 .user-competency-course-navigation span {
 226     max-width: 100%;
 227     overflow: hidden;
 228 }
 229
 230 /** Competency grader */
 231 .competency-grader textarea {
 232     width: 100%;
 233     max-width: 100%;
 234     box-sizing: border-box;
 235 }