1/* disabled buttons */ 2input.submit:disabled, 3input.submit:disabled:hover, 4button.submit:disabled, 5button.submit:disabled:hover { 6 background: #F6F6F6; 7 cursor: default; 8 color: gray; 9} 10 11.ilFormOption.ilFormOptionHidden { 12 width: 1px; 13 padding: 0; 14} 15.ilFormOption.ilFormOptionHidden > label { 16 display: none; 17} 18 19/* upload panel */ 20#ilFileUploadPanel { 21 overflow: auto; 22 position: fixed; 23 top: 0; 24 bottom: 0; 25 right: 0; 26 width: 500px; 27 height: 100%; 28 -webkit-box-shadow: -2px 0 5px rgba(0, 0, 0, .2); 29 box-shadow: -2px 0 5px rgba(0, 0, 0, .2); 30 z-index: 2000; 31} 32 33div.ilFileUploadHeader { 34 background-color: #F0F0F0; 35 margin-bottom: 5px; 36 padding: 5px 10px; 37} 38h3.ilFileUploadHeader { 39 font-size: 110%; 40 color: #606060; 41 display: inline; 42} 43 44.ilFileUploadToolbar { 45 padding: 5px 10px 0 10px; 46} 47.ilFileUploadStart { 48 padding: 8px 10px; 49 font-size: 90%; 50} 51.ilFileUploadCancel { 52 padding: 8px 10px; 53 font-size: 90%; 54 cursor: pointer; 55} 56.ilFileUploadPanelClose { 57 position: absolute; 58 right: 5px; 59 top: 3px; 60 width: 21px; 61 height: 21px; 62 background: transparent url(images/close_sprite.png) no-repeat 0 0; 63 padding: 0; 64} 65.ilFileUploadPanelClose:hover { 66 background-position: -50px 0; 67} 68 69/* container */ 70.ilFileUploadContainer { 71 padding: 15px; 72 /* reset font back to 100% because ilFormValue is applied twice */ 73 font-size: 1.1111em; 74} 75 76/* file list */ 77.ilFileUploadList { 78 padding: 0 0 10px 0; 79 display: none; 80} 81 82.ilFileUploadListTitle { 83 padding: 3px 0 8px 0; 84 font-size: 90%; 85} 86 87#ilFileUploadLists { 88} 89#ilFileUploadLists .ilFileUploadList { 90 margin-top: 15px; 91 display: block; 92} 93#ilFileUploadLists .ilFileUploadListTitle { 94 color: #606060; 95 background-color: #F0F0F0; 96 padding: 5px 10px; 97 font-weight: normal; 98} 99#ilFileUploadLists .ilFileUploadEntry { 100 border-left: none; 101 border-right: none; 102} 103 104/* drop zone */ 105.ilFileUploadDropArea { 106 text-align: center; 107 padding-bottom: 10px; 108 font-size: 90%; 109} 110.ilFileUploadDropZone { 111 padding: 55px 20px 45px 20px; 112 border: 3px #C0C0C0 dashed; 113 text-align: center; 114 -moz-border-radius: 8px; 115 -webkit-border-radius: 8px; 116 border-radius: 8px; 117 background: #FFFFFF; 118} 119.ilFileUploadFileCount { 120 font-weight: bold; 121 display: none; 122} 123 124.ilFileDropTarget { 125 position: relative; 126} 127 128.ilFileDropTargetOverlay { 129 border: 3px dashed #C0C0C0; 130 -moz-border-radius: 8px; 131 -webkit-border-radius: 8px; 132 border-radius: 8px; 133 position: absolute; 134 left: 2px; 135 top: 2px; 136 right: 2px; 137 bottom: 2px; 138 background-color: #FFFFD6; 139 display: none; 140 opacity: 0.7; 141} 142.ilFileDropTargetOverlayText { 143 color: #606060; 144 font-size: 85%; 145 font-weight: bold; 146 position: absolute; 147 width: 100%; 148 top: 50%; 149 text-align: center; 150 line-height: 24px; 151 height: 24px; 152 margin: 0 auto; 153 margin-top: -12px; 154} 155.ilFileDropTargetOverlayImage { 156 background: transparent url(images/drop_here.png) no-repeat center center; 157 width: 26px; 158 height: 26px; 159 padding-right: 3px; 160 display: inline-block; 161 vertical-align: -8px; 162} 163.ilFileDragOver { 164 border-color: #606060; 165 background-color: #FFF9BC; 166} 167 168/* status styles */ 169.ilFileUploadNewEntry { 170} 171.ilFileUploadSuccess { 172} 173.ilFileUploadError { 174} 175.ilFileUploadNoUpload { 176} 177.ilFileUploadEntryExpanded { 178} 179 180/* file table */ 181.ilFileUploadEntry { 182 position: relative; 183 background: white; 184 table-layout: auto; 185 border: 1px solid #EAEAEA; 186 margin: 5px 0; 187 width: 100%; 188 border-collapse: collapse; 189} 190.ilFileUploadEntry td { 191 vertical-align: top; 192 padding: 4px 8px; 193} 194 195/* file header */ 196.ilFileUploadEntryHeader { 197 font-size: 90%; 198 cursor: pointer; 199} 200.ilFileUploadEntryHeader:hover { 201 background: #FFFFC9; 202} 203.ilFileUploadNewEntry .ilFileUploadEntryHeader { 204 background: #FFFFC9; 205} 206.ilFileUploadError .ilFileUploadEntryHeader { 207 background: #FFEFEF; 208 cursor: default; 209} 210.ilFileUploadError .ilFileUploadEntryHeader:hover { 211 background: #FFEFEF; 212 cursor: default; 213} 214.ilFileUploadEntryHeader td { 215 border-bottom: 1px solid #EAEAEA; 216} 217 218/* file header filename */ 219td.ilFileUploadEntryFileName { 220 text-align: left; 221 background-image: url(../../../../templates/default/images/tree_col.svg); 222 background-position: 3px 5px; 223 background-repeat: no-repeat; 224 background-size: 20px; 225 padding: 7px 8px 6px 24px; 226 line-height: 1.35em; 227} 228.ilFileUploadEntryExpanded td.ilFileUploadEntryFileName { 229 background-image: url(../../../../templates/default/images/tree_exp.svg); 230} 231.ilFileUploadError td.ilFileUploadEntryFileName { 232 background-image: url(../../../../templates/default/images/icon_alert.svg); 233 background-position: 2px 5px; 234 background-size: 20px; 235 font-weight: normal; 236 padding-left: 24px; 237} 238 239/* file header error */ 240.ilFileUploadEntryError { 241 font-size: 90%; 242} 243.ilFileUploadEntryErrorText { 244 font-weight: bold; 245} 246 247/* file header progress */ 248.ilFileUploadEntryProgress { 249 text-align: center; 250 width: 100px; 251 padding-top: 3px; 252} 253.ilFileUploadEntryProgressBack { 254 position: relative; 255 display: block; 256 background: white; 257 width: 100%; 258 border: 1px solid #D6D6D6; 259 overflow: hidden; 260 line-height: 19px; 261} 262.ilFileUploadNoUpload .ilFileUploadEntryProgressBack { 263 background: transparent; 264 border-color: transparent; 265} 266.ilFileUploadEntryProgressBar { 267 position: absolute; 268 top: 0; 269 left: 0; 270 display: block; 271 width: 0; 272 height: 50px; 273 background: #C3E3FF url(images/progressbar.gif) repeat 0 0; 274} 275.ilFileUploadEntryProgressPercent { 276 position: absolute; 277 top: 0; 278 left: 0; 279 display: block; 280 width: 100%; 281 line-height: 19px; 282} 283 284/* file header button */ 285.ilFileUploadEntryCancel { 286 text-align: center; 287 width: 22px; 288 padding: 3px; 289 white-space: nowrap; 290} 291.ilFileUploadEntryCancel input.submit { 292 font-weight: bold; 293 padding: 2px 0; 294 width: 22px; 295 text-align: center; 296 line-height: 15px; 297} 298.ilFileUploadSuccess .ilFileUploadEntryCancel { 299 background: transparent url(../../../../templates/default/images/icon_ok.svg) no-repeat 2px 50%; 300} 301 302/* file options */ 303.ilFileUploadEntryOptions { 304 background: #FCFDFC; 305} 306.ilFileUploadEntryOptionsTable { 307 width: 100%; 308 border-collapse: collapse; 309 background: transparent; 310} 311.ilFileUploadEntryOptions .ilFormOption { 312 -moz-box-sizing: border-box; 313 -webkit-box-sizing: border-box; 314 box-sizing: border-box; 315 min-width: 180px; 316 max-width: 180px; 317 width: 180px; 318} 319.ilFileUploadEntryOptions .ilFormValue input[type=text], 320.ilFileUploadEntryOptions .ilFormValue textarea { 321 -moz-box-sizing: border-box; 322 -webkit-box-sizing: border-box; 323 box-sizing: border-box; 324 min-width: 100%; 325 max-width: 100%; 326 width: 100%; 327} 328.ilFileUploadEntryOptions .form-group { 329 clear: both; 330} 331 332/* toggle options */ 333.ilFileUploadToggleOptions { 334 float: right; 335 text-align: right; 336 font-size: 85%; 337} 338 339/* file select button */ 340.ilFileUploadDropAlternative { 341 padding: 0 0 10px 0; 342 margin-bottom: 10px; 343 text-align: center; 344} 345 346.ilFileUploadDropAlternative a.submit, 347.ilFileUploadDropAlternative a.submit:hover { 348 position: relative; 349 cursor: pointer; 350 overflow: hidden; 351 font-size: 90%; 352 vertical-align: top; 353 display: inline-block; 354 padding: 0 15px; 355 height: 40px; 356 line-height: 40px; 357} 358 359.ilFileUploadDropAlternative a.submit img { 360 vertical-align: -6px; 361} 362 363.ilFileUploadDropAlternative a.submit input { 364 padding: 0; 365 margin: 0; 366 cursor: pointer; 367 position: absolute; 368 top: -10px; 369 right: -10px; 370 border: 0; 371 direction: ltr; 372 z-index: 2; 373 /* line height should match container */ 374 height: 60px; 375 line-height: 60px; 376 /* big font size is needed to make the button big enough */ 377 font-size: 100px !important; 378 /* reset font for IE7 as it does wrong height calculation (IE7) 379 and make the button bigger to match the width of the visible button */ 380 *font-size: 11px !important; 381 *zoom: 5; 382 /* hide the input field, it's still clickable though */ 383 -ms-filter: "alpha(opacity=0)"; 384 filter: alpha(opacity=0); 385 opacity: 0.0; 386} 387 388.ilFileUploadDropAlternative a.disabled, 389.ilFileUploadDropAlternative a.disabled:hover { 390 background: #F6F6F6; 391 cursor: default; 392 color: gray; 393} 394.ilFileUploadDropAlternative a.disabled input { 395 cursor: default; 396} 397