Dotclear

source: admin/style/jsUpload/style.css @ 1173:c5f176d0846f

Revision 1173:c5f176d0846f, 3.2 KB checked in by Nicolas <nikrou77@…>, 12 years ago (diff)

[jsUpload] add a margin between list of file and form

RevLine 
[1159]1.enhanced_uploader .button {
[1167]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;
[1172]16     font: 1em "DejaVu Sans","Lucida Grande","Lucida Sans Unicode",Arial,sans-serif;
[1167]17     margin-right: 4px;
18     margin-bottom: .5em;
19     padding: .1em .5em 0 .5em;
20     float: left;
[1145]21}
22
[1159]23.enhanced_uploader .button:hover {
[1167]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 {
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 {
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
[1173]45.enhanced_uploader .fileupload-buttonbar {
46     margin-top: 2em;
47}
48
[1167]49.enhanced_uploader .upload-filecancel {
50     border: none;
51}
52
53.enhanced_uploader .add {
54     margin-right: 4em;
[1144]55}
56
[1163]57.enhanced_uploader .cancel, .enhanced_uploader .clean, .enhanced_uploader .start {
[1167]58     margin-left: .5em;
[1162]59}
60
[1163]61.enhanced_uploader #upfile {
[1167]62     visibility: hidden;
63     width: 0;
64     height: 0;
65     margin: 0;
66     opacity: 0;
67     filter: alpha(opacity=0);
68     cursor: pointer;
[1144]69}
[1145]70
[1166]71.button.clean, .button.cancel, .button.add, .enhanced_uploader .fileupload-buttonbar .button.start {
[1167]72     display: none;
[1145]73}
74
[1164]75.enhanced_uploader .button.add {
[1167]76     display: inline-block;
[1145]77}
78
[1162]79.enhanced_uploader .max-size {
[1167]80     display: block;
[1160]81}
82
[1159]83.enhanced_uploader .one-file {
[1167]84     display: none;
[1159]85}
86
87label span.one-file {
[1167]88     display: inline;
[1159]89}
[1162]90
[1172]91.enhanced_uploader p.clear {
92     margin-top: 3em;
93     margin-bottom: 0;
94}
95
96#add-file-f p.clear {
97     margin-top: 1em;
98     margin-bottom: 0;
99}
100
[1162]101/* files */
102.upload-msg {
[1167]103     font-weight: bold;
[1162]104}
105
106.upload-msg.upload-error {
[1167]107     color: #c00;
[1162]108}
109
110.upload-files {
[1167]111     padding: 0 0.5em;
112     margin: 10px 0;
[1162]113}
114
115.upload-file {
[1167]116     margin: 0 0 8px 0;
117     position: relative;
[1162]118}
119
120.upload-fileinfo {
[1167]121     margin-left: 16px;
[1162]122}
123
124.upload-fileinfo .upload-filecancel {
[1167]125     display: block;
126     margin-top: 3px;
127     width: 20px;
128     height: 20px;
129     background: transparent url("cancel.png") no-repeat left top;
130     text-indent: -1000px;
131     cursor: pointer;
132     float: left;
[1162]133}
134
135.upload-filemsg {
[1167]136     font-weight: bold;
137     color: green;
[1162]138}
139
140.upload-filemsg.upload-error {
[1167]141     color: #c00;
[1162]142}
143
144.upload-progress {
[1167]145     padding: 0 1em;
[1162]146}
147
148.upload-progress div {
[1167]149     width: 0;
150     height: 1em;
151     padding: .2em 0;
152     font-size: 0.8em;
153     font-weight: bold;
154     line-height: 1em;
155     text-align: right;
156     background: green url("loader.png") repeat-x left top;
157     color: white;
158     border-radius: 2px;
[1173]159}
Note: See TracBrowser for help on using the repository browser.

Sites map