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: @ini_neutrallight; 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 color: @ini_neutraldark; 25 background-color: @ini_neutral4; 26 border: outset @ini_neutral4; 27 padding: 0.1em 0.5em; 28} 29 30.qq-upload-button:hover { 31 border-color: @ini_neutraldark; 32 font-weight: bold; 33} 34.qq-upload-button:active { 35 color: @ini_neutral4; 36 background-color: @ini_neutraldark; 37 font-weight: bold; 38} 39 40.qq-upload-button-focus { 41 outline: 1px dotted; 42} 43 44/* drop area */ 45 46.qq-upload-drop-area { 47 position: absolute; 48 top: 0; 49 left: 0; 50 width: 100%; 51 height: 100%; 52 min-height: 70px; 53 z-index: 2; 54 background: @ini_background_neu; 55 color: @ini_text; 56 text-align: center; 57} 58 59.qq-upload-drop-area span { 60 display: block; 61 position: absolute; 62 top: 50%; 63 width: 100%; 64 margin-top: -8px; 65 font-size: 120%; 66} 67 68.qq-upload-drop-area-active { 69 background: @ini_background_alt; 70} 71 72/* list of files to upload */ 73 74div.qq-uploader ul { 75 margin: 0; 76 padding: 0; 77 list-style: none; 78} 79 80.qq-uploader li { 81 margin: 0 0 5px; 82 color: @ini_text; 83} 84 85.qq-uploader li span, 86.qq-uploader li input, 87.qq-uploader li a { 88 margin-right: 5px; 89} 90 91.qq-upload-file { 92 display: block; 93 font-weight: bold; 94} 95 96.qq-upload-spinner { 97 display: inline-block; 98 background: url("../../images/throbber.gif"); 99 width: 15px; 100 height: 15px; 101 vertical-align: text-bottom; 102} 103 104.qq-upload-size, 105.qq-upload-cancel { 106 font-size: 85%; 107} 108 109.qq-upload-failed-text { 110 display: none; 111} 112.qq-upload-fail .qq-upload-failed-text { 113 display: inline; 114} 115 116.qq-action-container * { 117 vertical-align: middle; 118} 119.qq-overwrite-check input { 120 margin-left: 10px; 121} 122