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/* as this is not a real button, but functions as a button, 19 it should be styled the same way as your other buttons, 20 preferably in the same place, so just add '.qq-upload-button' to those styles */ 21.qq-upload-button { 22 display: inline-block; 23 text-decoration: none; 24 font-size: 100%; 25 cursor: pointer; 26 margin: 1px 1px 5px; 27} 28 29 30* html .qq-upload-button, 31*+html .qq-upload-button { 32 display: inline; 33} 34 35.qq-upload-button-focus { 36 outline: 1px dotted; 37} 38 39/* drop area */ 40 41.qq-upload-drop-area { 42 position: absolute; 43 top: 0; 44 left: 0; 45 width: 100%; 46 height: 100%; 47 min-height: 70px; 48 z-index: 2; 49 background: __background_neu__; 50 color: __text__; 51 text-align: center; 52} 53 54.qq-upload-drop-area span { 55 display: block; 56 position: absolute; 57 top: 50%; 58 width: 100%; 59 margin-top: -8px; 60 font-size: 120%; 61} 62 63.qq-upload-drop-area-active { 64 background: __background_alt__; 65} 66 67/* list of files to upload */ 68 69div.qq-uploader ul { 70 margin: 0; 71 padding: 0; 72 list-style: none; 73} 74 75.qq-uploader li { 76 margin: 0 0 5px; 77 color: __text__; 78} 79 80.qq-uploader li span, 81.qq-uploader li input, 82.qq-uploader li a { 83 margin-right: 5px; 84} 85 86.qq-upload-file { 87 display: block; 88 font-weight: bold; 89} 90 91.qq-upload-spinner { 92 display: inline-block; 93 background: url("../../images/throbber.gif"); 94 width: 15px; 95 height: 15px; 96 vertical-align: text-bottom; 97} 98 99.qq-upload-size, 100.qq-upload-cancel { 101 font-size: 85%; 102} 103 104.qq-upload-failed-text { 105 display: none; 106} 107.qq-upload-fail .qq-upload-failed-text { 108 display: inline; 109} 110 111.qq-action-container * { 112 vertical-align: middle; 113} 114.qq-overwrite-check input { 115 margin-left: 10px; 116} 117