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