xref: /template/ad-hominem/css/_fileuploader.css (revision dcc0f219d5246aee0edbf32b613d814e8d7f3420) 
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	background-color: #15395B;
25	padding: 2pt 20pt;
26	color: #FFF;
27	cursor: pointer;
28}
29#mediamanager__upload_button {
30	padding: 3pt 6pt;
31	border: #666 solid 1px;
32}
33
34.qq-upload-button-focus {
35    outline: 1px dotted;
36}
37
38/* drop area */
39
40.qq-upload-drop-area {
41    position: absolute;
42    top: 0;
43    left: 0;
44    width: 100%;
45    height: 100%;
46    min-height: 70px;
47    z-index: 2;
48    background: @ini_background_neu;
49    color: @ini_text;
50    text-align: center;
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}
61
62.qq-upload-drop-area-active {
63    background: @ini_background_alt;
64}
65
66/* list of files to upload */
67
68div.qq-uploader ul {
69    margin: 0;
70    padding: 0;
71    list-style: none;
72}
73
74.qq-uploader li {
75    margin: 0 0 5px;
76    color: @ini_text;
77}
78
79.qq-uploader li span,
80.qq-uploader li input,
81.qq-uploader li a {
82    margin-right: 5px;
83}
84
85.qq-upload-file {
86    display: block;
87    font-weight: bold;
88}
89
90.qq-upload-spinner {
91    display: inline-block;
92    background: url("../../images/throbber.gif");
93    width: 15px;
94    height: 15px;
95    vertical-align: text-bottom;
96}
97
98.qq-upload-size,
99.qq-upload-cancel {
100    font-size: 85%;
101}
102
103.qq-upload-failed-text {
104    display: none;
105}
106.qq-upload-fail .qq-upload-failed-text {
107    display: inline;
108}
109
110.qq-action-container * {
111    vertical-align: middle;
112}
113.qq-overwrite-check input {
114    margin-left: 10px;
115}
116
117/* media tree overrides */
118#media__tree ul li div.li {
119	display:	grid;
120}
121#mediamanager__page .ui-resizable-e {
122	background-color: #EEE;
123}