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: var(--color-red-3);
13}
14
15/* select file button */
16
17.qq-upload-button {
18    display: inline-block;
19    text-decoration: none;
20    font-size: 100%;
21    cursor: pointer;
22    margin: 1px 1px 5px;
23    background-color: rgba(34,139,230,.15);
24    border: solid 1px transparent;
25    color: var(--color-blue-3);
26}
27
28.qq-upload-button-focus {
29    outline: none;
30}
31
32.qq-upload-button:hover {
33    background-color: rgba(34,139,230,.2);
34    border: solid 1px transparent;
35}
36
37/* drop area */
38
39.qq-upload-drop-area {
40    position: absolute;
41    top: 0;
42    left: 0;
43    width: 100%;
44    height: 100%;
45    min-height: 70px;
46    z-index: 2;
47    background: var(--color-dark-6);
48    color: @ini_text;
49    text-align: center;
50    border-radius: 0.25rem;
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    color: var(--color-white);
61}
62
63.qq-upload-drop-area-active {
64    background: var(--color-dark-7);
65}
66
67.qq-upload-drop-area-active span {
68    color: var(--color-gray-1);
69}
70
71/* list of files to upload */
72
73div.qq-uploader ul {
74    margin: 0;
75    padding: 0;
76    list-style: none;
77}
78
79.qq-uploader li {
80    margin: 0 0 5px;
81    color: @ini_text;
82}
83
84.qq-uploader li span,
85.qq-uploader li input,
86.qq-uploader li a {
87    margin-right: 5px;
88}
89
90.qq-uploader li input {
91    padding: 0.3125rem 0.5rem;
92}
93
94.qq-uploader li input:focus {
95    outline: none;
96}
97
98.qq-upload-file {
99    display: block;
100    font-weight: bold;
101}
102
103.qq-upload-list li:hover {
104    background-color: @ini_background !important;
105}
106
107.qq-upload-spinner {
108    display: inline-block;
109    background: url("../../images/throbber.gif");
110    width: 15px;
111    height: 15px;
112    vertical-align: text-bottom;
113}
114
115.qq-upload-size,
116.qq-upload-cancel {
117    font-size: 85%;
118}
119
120.qq-upload-size {
121    color: var(--color-dark-1);
122    font-style: italic;
123}
124
125.qq-upload-cancel {
126    text-transform: capitalize;
127    color: var(--color-red-3) !important;
128    font-weight: bold;
129}
130.qq-upload-cancel:hover {
131    text-decoration: none !important;
132    color: var(--color-red-4) !important;
133}
134
135.qq-upload-failed-text {
136    display: none;
137}
138.qq-upload-fail .qq-upload-failed-text {
139    display: inline;
140}
141
142.qq-action-container * {
143    vertical-align: middle;
144}
145.qq-overwrite-check input {
146    margin-left: 10px;
147}
148