1/** 2 * This file provides the styles for the file uploader 3 * used in the media manager (both fullscreen and popup). 4 */ 5 6.qq-uploader { 7 position: relative; 8 width: 100%; 9} 10 11.qq-uploader .error { 12 color: #f00; 13 background-color: #fff; 14} 15 16/* select file button */ 17 18.qq-upload-button { 19 display: inline-block; 20 text-decoration: none; 21 font-size: 100%; 22 cursor: pointer; 23 margin: 1px 1px 5px; 24} 25 26* html .qq-upload-button, 27*+html .qq-upload-button { 28 display: inline; 29} 30 31.qq-upload-button-focus { 32 outline: 1px dotted; 33} 34 35/* drop area */ 36 37.qq-upload-drop-area { 38 position: absolute; 39 top: 0; 40 left: 0; 41 width: 100%; 42 height: 100%; 43 min-height: 70px; 44 z-index: 2; 45 background: @ini_background_neu; 46 color: @ini_text; 47 text-align: center; 48} 49 50.qq-upload-drop-area span { 51 display: block; 52 position: absolute; 53 top: 50%; 54 width: 100%; 55 margin-top: -8px; 56 font-size: 120%; 57} 58 59.qq-upload-drop-area-active { 60 background: @ini_background_alt; 61} 62 63/* list of files to upload */ 64 65div.qq-uploader ul { 66 margin: 0; 67 padding: 0; 68 list-style: none; 69} 70 71.qq-uploader li { 72 margin: 0 0 5px; 73 color: @ini_text; 74} 75 76.qq-uploader li span, 77.qq-uploader li input, 78.qq-uploader li a { 79 margin-right: 5px; 80} 81 82.qq-upload-file { 83 display: block; 84 font-weight: bold; 85} 86 87.qq-upload-spinner { 88 display: inline-block; 89 background: url("../../images/throbber.gif"); 90 width: 15px; 91 height: 15px; 92 vertical-align: text-bottom; 93} 94 95.qq-upload-size, 96.qq-upload-cancel { 97 font-size: 85%; 98} 99 100.qq-upload-failed-text { 101 display: none; 102} 103.qq-upload-fail .qq-upload-failed-text { 104 display: inline; 105} 106 107.qq-action-container * { 108 vertical-align: middle; 109} 110.qq-overwrite-check input { 111 margin-left: 10px; 112} 113