Subversion Repositories SmartDukaan

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
15403 manish.sha 1 
/*
2 
 * Copyright 2013, Widen Enterprises info@fineuploader.com
3 
 *
4 
 * Licensed under GNU GPL v3, see license.txt.
5 
 */
6 
.qq-uploader {
7 
    position: relative;
8 
    width: 100%;
9 
}
10 
.qq-upload-button {
11 
    display: block;
12 
    width: 105px;
13 
    padding: 7px 0;
14 
    text-align: center;
15 
    background: #880000;
16 
    border-bottom: 1px solid #DDD;
17 
    color: #FFF;
18 
}
19 
.qq-upload-button-hover {
20 
    background: #CC0000;
21 
}
22 
.qq-upload-button-focus {
23 
    outline: 1px dotted #000000;
24 
}
25 
.qq-upload-drop-area, .qq-upload-extra-drop-area {
26 
    position: absolute;
27 
    top: 0;
28 
    left: 0;
29 
    width: 100%;
30 
    height: 100%;
31 
    min-height: 30px;
32 
    z-index: 2;
33 
    background: #FF9797;
34 
    text-align: center;
35 
}
36 
.qq-upload-drop-area span {
37 
    display: block;
38 
    position: absolute;
39 
    top: 50%;
40 
    width: 100%;
41 
    margin-top: -8px;
42 
    font-size: 16px;
43 
}
44 
.qq-upload-extra-drop-area {
45 
    position: relative;
46 
    margin-top: 50px;
47 
    font-size: 16px;
48 
    padding-top: 30px;
49 
    height: 20px;
50 
    min-height: 40px;
51 
}
52 
.qq-upload-drop-area-active {
53 
    background: #FF7171;
54 
}
55 
.qq-upload-list {
56 
    margin: 0;
57 
    padding: 0;
58 
    list-style: none;
59 
}
60 
.qq-upload-list li {
61 
    margin: 0;
62 
    padding: 9px;
63 
    line-height: 15px;
64 
    font-size: 16px;
65 
    background-color: #FFF0BD;
66 
}
67 
.qq-upload-file, .qq-upload-spinner, .qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-failed-text, .qq-upload-finished, .qq-upload-delete {
68 
    margin-right: 12px;
69 
}
70 
.qq-upload-file {
71 
}
72 
.qq-upload-spinner {
73 
    display: inline-block;
74 
    background: url("loading.gif");
75 
    width: 15px;
76 
    height: 15px;
77 
    vertical-align: text-bottom;
78 
}
79 
.qq-drop-processing {
80 
    display: none;
81 
}
82 
.qq-drop-processing-spinner {
83 
    display: inline-block;
84 
    background: url("processing.gif");
85 
    width: 24px;
86 
    height: 24px;
87 
    vertical-align: text-bottom;
88 
}
89 
.qq-upload-finished {
90 
    display:none;
91 
    width:15px;
92 
    height:15px;
93 
    vertical-align:text-bottom;
94 
}
95 
.qq-upload-retry, .qq-upload-delete {
96 
    display: none;
97 
    color: #000000;
98 
}
99 
.qq-upload-cancel, .qq-upload-delete {
100 
	color: #000000;
101 
}
102 
.qq-upload-retryable .qq-upload-retry {
103 
    display: inline;
104 
}
105 
.qq-upload-size, .qq-upload-cancel, .qq-upload-retry, .qq-upload-delete {
106 
    font-size: 12px;
107 
    font-weight: normal;
108 
}
109 
.qq-upload-failed-text {
110 
    display: none;
111 
    font-style: italic;
112 
    font-weight: bold;
113 
}
114 
.qq-upload-failed-icon {
115 
    display:none;
116 
    width:15px;
117 
    height:15px;
118 
    vertical-align:text-bottom;
119 
}
120 
.qq-upload-fail .qq-upload-failed-text {
121 
    display: inline;
122 
}
123 
.qq-upload-retrying .qq-upload-failed-text {
124 
    display: inline;
125 
    color: #D60000;
126 
}
127 
.qq-upload-list li.qq-upload-success {
128 
    background-color: #5DA30C;
129 
    color: #FFFFFF;
130 
}
131 
.qq-upload-list li.qq-upload-fail {
132 
    background-color: #D60000;
133 
    color: #FFFFFF;
134 
}
135 
.qq-progress-bar {
136 
    background: -moz-linear-gradient(top,  rgba(30,87,153,1) 0%, rgba(41,137,216,1) 50%, rgba(32,124,202,1) 51%, rgba(125,185,232,1) 100%); /* FF3.6+ */
137 
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(30,87,153,1)), color-stop(50%,rgba(41,137,216,1)), color-stop(51%,rgba(32,124,202,1)), color-stop(100%,rgba(125,185,232,1))); /* Chrome,Safari4+ */
138 
    background: -webkit-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Chrome10+,Safari5.1+ */
139 
    background: -o-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* Opera 11.10+ */
140 
    background: -ms-linear-gradient(top,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* IE10+ */
141 
    background: linear-gradient(to bottom,  rgba(30,87,153,1) 0%,rgba(41,137,216,1) 50%,rgba(32,124,202,1) 51%,rgba(125,185,232,1) 100%); /* W3C */
142 
    width: 0%;
143 
    height: 15px;
144 
    border-radius: 6px;
145 
    margin-bottom: 3px;
146 
    display: none;
147 
}