1// $Id$ 2 3.adminanchors { 4 font-size: 1.6rem; 5 .navbar-nav { 6 flex-direction: row; 7 } 8 .nav li { 9 display: flex; 10 } 11} 12 13a.admbox, 14a.admbox:visited { 15 display: flex; 16 flex-direction: column; 17 justify-content: center; 18 width: 120px; 19 text-align: center; 20 vertical-align: middle; 21 overflow: hidden; 22 margin: .4em; 23 background-repeat: no-repeat; 24 background-position: center; 25 padding: 15px 6px; 26 text-decoration: none; 27} 28 29a.admbox .icon { 30 font-size: 2rem; 31 margin-bottom: 6px; 32} 33 34a.admbox span.title { 35 display: block; 36 font-size: 1.1rem; 37 text-align: center; 38 margin: .1em; 39 white-space: normal; 40 word-wrap: break-word; 41} 42 43// Make disabled feature icons clickable for navigation to feature activation page. 44a.admbox.btn.btn-primary.disabled.disabled-clickable { 45 pointer-events: inherit; 46 cursor: pointer; 47} 48 49// Font icons are vertically centered ok, but the .pngs were too high. 50.admbox .icon img { 51 margin-top: 18px; 52} 53 54// Metadata dialog box 55.meta-col1 { 56 text-align: right; 57 font-weight: bold; 58 font-size: 14px; 59 width: 225px; 60 margin-right: 5px; 61} 62 63.meta-col2 { 64 font-size: 14px; 65 width: 375px; 66} 67 68// Metadata page tabs 69.meta-tabs-col1 { 70 text-align: right; 71 font-weight: bold; 72 font-size: inherit; 73 width: 225px; 74 margin-right: 5px; 75} 76 77.meta-tabs-col2 { 78 font-size: inherit; 79 width: 375px; 80} 81 82// Wizards 83.margin-left-9em { 84 margin-left: .9em; 85} 86 87.margin-right-18em { 88 margin-right: 1.8em; 89} 90 91// User Wizard 92 93.userWizardIconleft { 94 float: left; 95 margin-right: 10px; 96} 97 98.userWizardIconright { 99 float: right; 100 margin-left: 10px; 101} 102 103.userWizardContent { 104 margin-top: 1em; 105} 106 107.userWizardContent legend { 108 margin-bottom: 1em; 109 font-weight: bold; 110} 111 112.userWizardContent fieldset { 113 margin: 1em 0; 114} 115 116// Conditions and Terms validation 117.age-validation .form-control { 118 width: auto; 119 display: inline; 120 margin: 0 1em; 121} 122 123.adminoptionboxchild { 124 padding-left: 4em; 125 margin-bottom: 2em; 126 legend { 127 margin-bottom: 0; 128 } 129} 130 131.tiki-admin fieldset { 132 width: 100%; 133} 134 135// Admin navbar switch 136 137input[type="checkbox"].preffilter-toggle { 138 position: absolute; 139 margin-left: -9999px; 140 visibility: hidden; 141} 142 143input[type="checkbox"].preffilter-toggle + label { 144 display: block; 145 position: relative; 146 cursor: pointer; 147 outline: none; 148 -webkit-user-select: none; 149 -moz-user-select: none; 150 -ms-user-select: none; 151 user-select: none; 152} 153 154input[type="checkbox"].preffilter-toggle-round + label { 155 width: 100px; 156 height: 30px; 157 background-color: #dddddd; 158 border-radius: 20px; 159 float: left; 160 margin: 7px 0 0 5px; 161} 162 163input[type="checkbox"].preffilter-toggle-round + label:before, 164input[type="checkbox"].preffilter-toggle-round + label:after { 165 display: block; 166 position: absolute; 167 top: 1px; 168 left: 1px; 169 bottom: 1px; 170 content: ""; 171} 172 173input[type="checkbox"].preffilter-toggle-round + label:before { 174 right: 1px; 175 background-color: #f1f1f1; 176 border-radius: 20px; 177 -webkit-transition: background 0.4s; 178 -moz-transition: background 0.4s; 179 -o-transition: background 0.4s; 180 transition: background 0.4s; 181 content: "Basic"; 182 font-size: 0.8rem; 183 font-weight: normal; 184 padding-left: 40px; 185 padding-top: 0.2rem; 186} 187 188input[type="checkbox"].preffilter-toggle-round + label:after { 189 width: 28px; 190 background-color: #fff; 191 border-radius: 100%; 192 -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); 193 box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3); 194 -webkit-transition: margin 0.4s; 195 -moz-transition:margin 0.4s; 196 -o-transition:margin 0.4s; 197 transition: margin 0.4s; 198} 199 200input[type="checkbox"].preffilter-toggle-round:checked + label:before { 201 background-color: #8ce196; 202 content: "Advanced"; 203 font-size: 0.8rem; 204 font-weight: normal; 205 padding-left: 10px; 206 padding-top: 0.2rem; 207} 208 209input[type="checkbox"].preffilter-toggle-round:checked + label:after { 210 margin-left: 70px; 211} 212 213.filter-menu.navbar-nav > li > a { 214 padding-top: 12px; 215 padding-bottom: 12px; 216} 217 218.filter-menu.navbar-nav .dropdown-menu { 219 padding-left: 5px; 220 padding-right: 5px; 221} 222 223table.treetable.objectperms .checkBoxHeader, 224table.objectperms > tbody > tr.subHeader { 225 height: 140px; 226 white-space: nowrap !important; 227} 228 229table.treetable.objectperms .checkBoxHeader { 230 position: relative; 231 vertical-align: bottom; 232 width: 30px; 233} 234 235table.objectperms th:not(.checkBoxHeader), 236table.objectperms .subHeader td:not(.checkBoxHeader) { text-align: center; } 237 238tr.odd.leaf.collapsed > td:last-of-type, 239tr.even.leaf.collapsed > td:last-of-type { text-indent: 15px; } 240 241table.treetable .checkBoxHeader > td, 242.table > tbody > tr.subHeader > td { vertical-align: bottom; } 243 244table.objectperms .checkBoxHeader > div, 245table.objectperms > tbody .checkBoxLabel { 246 -webkit-transform: rotate(305deg); 247 transform: rotate(305deg); 248 width: 140px; 249 display: block; 250 position: absolute; 251 left: -20px; 252 bottom: 40px; 253 overflow: hidden; 254 text-overflow: ellipsis; 255 line-height: 2; 256 text-indent: 1.7em; 257} 258// Added 9/6/2017 to position top labels 259.objectperms .checkBoxHeader > div > label { 260 width: 140px; 261 position: absolute; 262 top: -25px; 263 padding-top: 25px; 264 padding-bottom: 5px; 265} 266 267 268//// Target Firefox to fix checkbox label text not displaying 269//@-moz-document url-prefix() { 270// table.objectperms .checkBoxHeader > div, 271// table.objectperms > tbody .checkBoxLabel { 272// width: auto; 273// } 274//} 275 276//// Target MS Edge to fix checkbox label text not displaying 277//@supports (-ms-ime-align:auto) { 278// table.objectperms .checkBoxHeader > div, 279// table.objectperms > tbody .checkBoxLabel { 280// width: auto; 281// } 282//} 283 284// Target MS IE to fix checkbox label text not displaying 285@media all and (-ms-high-contrast:none) { 286// table.objectperms .checkBoxHeader > div, 287// table.objectperms > tbody .checkBoxLabel { width: auto; } /* IE10 */ 288// *::-ms-backdrop, table.objectperms .checkBoxHeader > div { width: auto; } /* IE11 */ 289 .objectperms .checkBoxHeader > div > label { 290 width: auto; 291 position: absolute; 292 top: -25px; 293 padding-top: 0; 294 padding-bottom: 5px; 295 } 296} 297 298//table.objectperms .checkBoxHeader > div, 299//table.objectperms > tbody .checkBoxLabel { 300//line-height: 2; 301//text-indent: .6em; } 302 303.objectperms .checkBoxHeader > div > label { width: 140px; } 304 305.objectperms .checkBoxHeader > div > input { transform: rotate(-305deg); } 306 307table.treetable.objectperms span.indenter, 308.subHeader .checkBoxHeader .indenter { padding-left: 0 !important; } 309 310table.objectperms > tbody .checkBoxCell { 311// width: 30px !important; Not doing anything 312 padding-left: 10px; 313 padding-right: 5px; 314} 315// Make global permission checkboxes not display 316table.objectperms thead th { display: none; } 317 318.adminanchors { 319 .navbar-nav .nav-link { 320 min-width: 50px; 321 padding-left: 0.5rem; 322 padding-right: 0.5rem; 323 text-align: center; 324 } 325} 326 327@media (max-width: breakpoint-max(sm)) { 328 .admin-navbar { 329 .filter-menu { margin: 0; text-align: center; } 330 .form-inline .form-check { width: auto; } 331 .navbar-nav { padding: 0 15px; } 332 .form-inline { min-width: 100%; } 333 input[type="checkbox"].preffilter-toggle-round + label { margin-left: 10px; } 334 } 335 336 .adminanchors { 337 .navbar-nav { margin: 0; padding: 0; } 338 } 339 340 .meta-tabs-col1 { width: auto; } 341 .meta-tabs-col2 { width: auto; } 342} 343