1/* New adminsidepanel */ 2 3#sidebar { 4 padding-top: 15px; 5 width:100%; 6 7 .tabbutton.btn-primary { 8 outline: none; 9 &:after { 10 position: absolute; 11 left: 43%; 12 bottom: -12px; 13 font: normal normal normal 14px/1 FontAwesome; 14 font-size: 28px; 15 text-rendering: auto; 16 -webkit-font-smoothing: antialiased; 17 content: "\F078"; 18 } 19 } 20 .overflow-auto { 21 overflow-x: hidden; 22 overflow-y: auto; 23 } 24 .resize-handle { 25 position: absolute; 26 right: 14px; 27 top: 0; 28 bottom: 0; 29 height: 100%; 30 width: 4px; 31 cursor: col-resize; 32 button { 33 outline: 0; 34 &:focus, 35 &:active, 36 &:hover { 37 outline: 0 !important; 38 } 39 cursor: col-resize; 40 width:100%; 41 height:100%; 42 text-align: left; 43 border-radius: 0; 44 padding: 0px 7px 0px 4px; 45 i { 46 font-size: 12px; 47 width: 5px; 48 } 49 } 50 } 51 .transition-animate-width { 52 -moz-transition: width 0.5s ease; 53 -webkit-transition: width 0.5s ease; 54 -ms-transition: width 0.5s ease; 55 transition: width 0.5s ease; 56 } 57 div[class^="col-"], 58 div[class*=" col-"] { 59 &.nofloat { 60 float: none; 61 } 62 } 63 .button-sub-bar { 64 min-height: 32px; 65 } 66 &.fill-height, 67 .fill-height { 68 height: 100% 69 } 70 .dragPointer { 71 cursor: move; 72 } 73 .question-question-list { 74 .question-question-list-item { 75 padding: 0; 76 .question-question-list-item-drag { 77 margin: 10px 15px; 78 } 79 &.selected { 80 padding-left: 20px; 81 .question-question-list-item-drag { 82 margin: 10px 10px 10px 5px; 83 } 84 } 85 .question-question-list-item-link { 86 padding: 10px 25px 10px 10px; 87 display: inline-flex; 88 flex-wrap: wrap; 89 } 90 } 91 } 92 .question_text_ellipsize { 93 display: inline-block; 94 text-overflow: ellipsis; 95 white-space: nowrap; 96 overflow: hidden; 97 padding-left: 2px; 98 } 99} 100 101.bigIcons { 102 font-size: 18px; 103 line-height: 21px; 104 height: 24px; 105} 106 107.quickmenuIcon { 108 font-size: "28px"; 109} 110 111.ls-ba { 112 .list-group { 113 padding-right: 0; 114 >.list-group-item { 115 padding-right: 0; 116 .list-group { 117 margin-bottom: 0; 118 .list-group-item { 119 //padding-left:15px; 120 &:last-of-type { 121 margin-bottom: 10px; 122 } 123 } 124 } 125 } 126 } 127 .breadcrumb>li+li:before { 128 padding: 0 5px; 129 content: "\f061"; 130 font: normal normal normal 18px/1 FontAwesome; 131 } 132} 133 134.fade-enter-active { 135 -moz-transition: all 0.8s ease; 136 -webkit-transition: all 0.8s ease; 137 -ms-transition: all 0.8s ease; 138 transition: all 0.8s ease; 139} 140.fade-leave-active { 141 -moz-transition: all 0.1s cubic-bezier(1.0, 0.5, 0.8, 1.0); 142 -webkit-transition: all 0.1s cubic-bezier(1.0, 0.5, 0.8, 1.0); 143 -ms-transition: all 0.1s cubic-bezier(1.0, 0.5, 0.8, 1.0); 144 transition: all 0.1s cubic-bezier(1.0, 0.5, 0.8, 1.0); 145} 146.fade-enter, 147.fade-leave-to { 148 -moz-transform: translateY(10px); 149 -webkit-transform: translateY(10px); 150 -ms-transform: translateY(10px); 151 transform: translateY(10px); 152 opacity: 0; 153} 154.slide-fade-enter-active { 155 -moz-transition: all 0.3s ease; 156 -webkit-transition: all 0.3s ease; 157 -ms-transition: all 0.3s ease; 158 transition: all 0.3s ease; 159} 160.slide-fade-leave-active { 161 -moz-transition: all 0.2s cubic-bezier(1.0, 0.5, 0.8, 1.0); 162 -webkit-transition: all 0.2s cubic-bezier(1.0, 0.5, 0.8, 1.0); 163 -ms-transition: all 0.2s cubic-bezier(1.0, 0.5, 0.8, 1.0); 164 transition: all 0.2s cubic-bezier(1.0, 0.5, 0.8, 1.0); 165} 166.slide-fade-enter, 167.slide-fade-leave-to { 168 -moz-transform: rotateY(90); 169 -webkit-transform: rotateY(90); 170 -ms-transform: rotateY(90); 171 transform: rotateY(90); 172 -moz-transform-origin: left; 173 -webkit-transform-origin: left; 174 -ms-transform-origin: left; 175 transform-origin: left; 176 opacity: 0; 177} 178.slide-fade-down-enter-active { 179 -moz-transition: all 0.3s ease; 180 -webkit-transition: all 0.3s ease; 181 -ms-transition: all 0.3s ease; 182 transition: all 0.3s ease; 183} 184.slide-fade-down-leave-active { 185 -moz-transition: all 0.2s cubic-bezier(0, 1, 0.5, 1.0); 186 -webkit-transition: all 0.2s cubic-bezier(0, 1, 0.5, 1.0); 187 -ms-transition: all 0.2s cubic-bezier(0, 1, 0.5, 1.0); 188 transition: all 0.2s cubic-bezier(0, 1, 0.5, 1.0); 189} 190.slide-fade-down-enter, 191.slide-fade-down-leave-to { 192 -moz-transform: rotateY(45); 193 -webkit-transform: rotateY(45); 194 -ms-transform: rotateY(45); 195 transform: rotateY(45); 196 -moz-transform-origin: left; 197 -webkit-transform-origin: left; 198 -ms-transform-origin: left; 199 transform-origin: left; 200 opacity: 0; 201} 202 203#pjax-content { 204 .side-body { 205 min-height: 0; 206 } 207} 208 209.menubar { 210 position: relative; 211} 212 213.menubar.surveybar { 214 width: 100%; 215 margin: 8px auto; 216 z-index: 100; 217} 218 219#side-menu-container { 220 width: 20%; 221} 222 223.nooverflow { 224 overflow: hidden; 225} 226 227.overflow-enabled { 228 overflow: auto; 229} 230 231.side-body { 232 min-height: 400px; 233} 234 235footer.footer { 236 position: static; 237} 238 239ol.breadcrumb.title-bar-breadcrumb { 240 margin-bottom: 0px; 241 > :first-child { 242 a { 243 &.animate::after { 244 margin-left: 0px; 245 } 246 } 247 } 248 a { 249 text-decoration: none; 250 line-height: 24px; 251 font-size: 18px; 252 &.animate::after { 253 text-align: right; 254 content: ''; 255 display: block; 256 width: 0; 257 height: 2px; 258 } 259 &.animate:hover::after { 260 width: 100%; 261 } 262 &.animate.home-icon:hover::after { 263 margin-left: 0; 264 width: 100% !important; 265 } 266 } 267 li { 268 line-height: 24px; 269 font-size: 18px; 270 &.active { 271 font-style: italic 272 } 273 >div { 274 display: inline-block; 275 } 276 } 277 .menu-label { 278 width: 100%; 279 display: block; 280 font-size: 85%; 281 font-style: normal; 282 } 283} 284 285.breadcrumb-title { 286 line-height: 24px; 287 font-size: 18px; 288 padding: 8px 15px; 289} 290 291#pjax-file-load-container { 292 height: 6px; 293 position: fixed; 294 top: 1px; 295 left: 0; 296 width: 100%; 297 width: 100vw; 298 >div { 299 display: none; 300 height: 8px; 301 border-radius: 1px; 302 } 303} 304 305#pjaxClickInhibitor { 306 position: fixed; 307 left: 0; 308 top: 0; 309 z-index: 9999999; 310 width: 100%; 311 width: 100vw; 312 height: 100%; 313 height: 100vh; 314 background: rgba(250, 250, 250, 0.4); 315 cursor: progress; 316} 317 318.makeDisabledInputsTransparent { 319 input:disabled { 320 color: transparent; 321 } 322} 323 324.btn-group { 325 .btn{ 326 input[type=radio], 327 input[type=checkbox] { 328 outline: none; 329 margin:0; 330 padding: 0; 331 border: 0; 332 &:after{ 333 display:none; 334 } 335 &:before{ 336 display:none; 337 } 338 } 339 } 340} 341 342.blocker-loading { 343 display: block; 344 height: 96%; 345 width: 96%; 346 top:3%; 347 left:3%; 348 box-shadow: 0 0 3% rgba(255,255,255,0.3); 349 background-color: rgba(255,255,255,0.3); 350 z-index: 9997; 351 position: fixed; 352 justify-content: center; 353 align-items: center; 354 355 .blocker-loading-container { 356 display: flex; 357 justify-content: center; 358 align-items: center; 359 height: 100%; 360 width: 100%; 361 362 .loading-icon-fa { 363 display: flex; 364 z-index: 9999; 365 font-size: 13rem; 366 } 367 } 368}