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