Dotclear

source: admin/style/jsUpload/style.css @ 1203:8e32f39ef0ed

Revision 1203:8e32f39ef0ed, 3.4 KB checked in by franck <carnet.franck.paul@…>, 12 years ago (diff)

Some css for disabled upload button

Line 
1.enhanced_uploader .button {
2     display: inline-block;
3     *display: inline;
4
5     border-radius: .2em;
6     background: #2373A8;
7     background: -webkit-gradient(linear, left top, left bottom, from(#2C8FD1), to(#2373A8));
8     background: -moz-linear-gradient(center top , #2C8FD1, #2373A8) repeat scroll 0 0 transparent;
9     outline: none;
10     border: 1px solid #2373A8;
11     text-decoration: none;
12     text-shadow: 0 1px 1px rgba(0,0,0,.3);
13     text-align: center;
14     cursor: pointer;
15     color: #fff;
16     font: 1em "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
17     margin-right: 4px;
18     margin-bottom: .5em;
19     padding: .1em .5em 0 .5em;
20     float: left;
21}
22
23.enhanced_uploader .button:hover {
24     background: #2373A8;
25     background: -webkit-gradient(linear, left top, left bottom, from(#2373A8), to(#2C8FD1));
26     background: -moz-linear-gradient(center top , #2373A8, #2C8FD1) repeat scroll 0 0 transparent;
27     border: 1px solid #2C8FD1;
28}
29
30.enhanced_uploader .add, .enhanced_uploader .clean, .enhanced_uploader .cancel, .enhanced_uploader .disabled {
31     text-shadow: none;
32     color: #000;
33     background: #F5F5F5;
34     background: -moz-linear-gradient(center top , #F5F5F5, #DFDFDF) repeat scroll 0 0 transparent;
35     border: 1px solid #CCCCCC;
36}
37
38.enhanced_uploader .button.add:hover, .enhanced_uploader .button.clean:hover, .enhanced_uploader .button.cancel:hover, .enhanced_uploader .disabled:hover {
39     background: #DFDFDF;
40     background: -webkit-gradient(linear, left top, left bottom, from(#DFDFDF), to(#F5F5F5));
41     background: -moz-linear-gradient(center top , #DFDFDF, #F5F5F5) repeat scroll 0 0 transparent;
42     border: 1px solid #CCCCCC;
43}
44
45.enhanced_uploader .disabled, .enhanced_uploader .disabled:hover {
46     color: #666;
47     background: #dfdfdf;
48}
49
50.enhanced_uploader .fileupload-buttonbar {
51     margin-top: 2em;
52}
53
54.enhanced_uploader .upload-filecancel {
55     border: none;
56}
57
58.enhanced_uploader .add {
59     margin-right: 4em;
60}
61
62.enhanced_uploader .cancel, .enhanced_uploader .clean, .enhanced_uploader .start {
63     margin-left: .5em;
64}
65
66.enhanced_uploader #upfile {
67     visibility: hidden;
68     width: 0;
69     height: 0;
70     margin: 0;
71     opacity: 0;
72     filter: alpha(opacity=0);
73     cursor: pointer;
74}
75
76.button.clean, .button.cancel, .button.add, .enhanced_uploader .fileupload-buttonbar .button.start {
77     display: none;
78}
79
80.enhanced_uploader .button.add {
81     display: inline-block;
82}
83
84.enhanced_uploader .max-size {
85     display: block;
86}
87
88.enhanced_uploader .one-file {
89     display: none;
90}
91
92label span.one-file {
93     display: inline;
94}
95
96.enhanced_uploader p.clear {
97     margin-top: 3em;
98     margin-bottom: 0;
99}
100
101#add-file-f p.clear {
102     margin-top: 1em;
103     margin-bottom: 0;
104}
105
106/* files */
107.upload-msg {
108     font-weight: bold;
109}
110
111.upload-msg.upload-error {
112     color: #c00;
113}
114
115.upload-files {
116     padding: 0 0.5em;
117     margin: 10px 0;
118}
119
120.upload-file {
121     margin: 0 0 8px 0;
122     position: relative;
123}
124
125.upload-fileinfo {
126     margin-left: 16px;
127     margin-bottom: .4em;
128}
129
130.upload-fileinfo .upload-filecancel {
131     display: block;
132     margin-top: 3px;
133     width: 20px;
134     height: 20px;
135     background: transparent url("cancel.png") no-repeat left top;
136     text-indent: -1000px;
137     cursor: pointer;
138     float: left;
139}
140
141.upload-filemsg {
142     font-weight: bold;
143     color: green;
144}
145
146.upload-filemsg.upload-error {
147     color: #c00;
148}
149
150.upload-progress {
151     padding: 0 1em;
152}
153
154.upload-progress div {
155     width: 0;
156     height: 1em;
157     padding: .2em 0;
158     font-size: 0.8em;
159     font-weight: bold;
160     line-height: 1em;
161     text-align: right;
162     background: green url("loader.png") repeat-x left top;
163     color: white;
164     border-radius: 2px;
165}
166
167div.template-upload {
168     clear: both;
169}
Note: See TracBrowser for help on using the repository browser.

Sites map