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     display: inline;
 154     position: relative;
 155     list-style-type: none;
 156     white-space: nowrap;
 157 }
 158
 159 .tool-lp-sub-menu {
 160     position: absolute;
 161     list-style: none;
 162     margin: 0;
 163     top: -10px;
 164 }
 165
 166 .tool-lp-sub-menu li {
 167     float: none;
 168 }
 169 .tool-lp-menu .tool-lp-sub-menu[aria-hidden=false] {
 170     display: block;
 171 }
 172
 173 .tool-lp-menu ul[aria-hidden=true] {
 174     display: none;
 175 }
 176
 177 .tool-lp-menu .caret {
 178     margin: 8px;
 179 }
 180
 181 .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
 182     margin-left: -120px;
 183 }
 184
 185 .dir-rtl .tool-lp-menu.tool-lp-menu-open-left .tool-lp-sub-menu {
 186     margin-left: 0px;
 187     margin-right: -120px;
 188 }
 189
 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;
 197 }
 198
 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;
 203 }
 204
 205 /** User evidence */
 206 .user-evidence-documents {
 207     margin: 10px 20px;
 208     list-style: none;
 209 }
 210 .user-evidence-competencies,
 211 .user-evidence-documents li {
 212     margin-bottom: 5px;
 213     word-break: break-all;
 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 .user-competency-course-navigation {
 225     width: 240px;
 226 }
 227 .user-competency-course-navigation span {
 228     max-width: 100%;
 229     overflow: hidden;
 230 }
 231
 232 /** Competency grader */
 233 .competency-grader textarea {
 234     width: 100%;
 235     max-width: 100%;
 236     box-sizing: border-box;
 237 }
 238
 239 /** Broader RTL changes */
 240 .dir-rtl.path-admin-tool-lp .pull-left {
 241     float: right;
 242 }
 243 .dir-rtl.path-admin-tool-lp .pull-right {
 244     float: left;
 245 }
 246 .dir-rtl.path-admin-tool-lp dd {
 247     margin-right: 10px;
 248 }
 249 .dir-rtl.path-admin-tool-lp ul.inline {
 250     margin-right: 0;
 251 }