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