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