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  margin: 1px 1px 5px;
24  font-size: 100%;
25  text-decoration: none;
26  cursor: pointer;
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  z-index: 2;
46  width: 100%;
47  height: 100%;
48  min-height: 70px;
49  color: __text__;
50  text-align: center;
51  background: __background_neu__;
52}
53
54.qq-upload-drop-area span {
55  position: absolute;
56  top: 50%;
57  display: block;
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  padding: 0;
71  margin: 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  width: 15px;
94  height: 15px;
95  vertical-align: text-bottom;
96  background: url("../../images/throbber.gif");
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