Dotclear

source: admin/style/jsUpload/style.css @ 1209:5d1a3e1e40a4

Revision 1209:5d1a3e1e40a4, 3.5 KB checked in by franck <carnet.franck.paul@…>, 12 years ago (diff)

Minor CSS adjustment, changelog of 2.5.1

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

Sites map