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

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 {
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
45.enhanced_uploader .fileupload-buttonbar {
46     margin-top: 2em;
47}
48
49.enhanced_uploader .upload-filecancel {
50     border: none;
51}
52
53.enhanced_uploader .add {
54     margin-right: 4em;
55}
56
57.enhanced_uploader .cancel, .enhanced_uploader .clean, .enhanced_uploader .start {
58     margin-left: .5em;
59}
60
61.enhanced_uploader #upfile {
62     visibility: hidden;
63     width: 0;
64     height: 0;
65     margin: 0;
66     opacity: 0;
67     filter: alpha(opacity=0);
68     cursor: pointer;
69}
70
71.button.clean, .button.cancel, .button.add, .enhanced_uploader .fileupload-buttonbar .button.start {
72     display: none;
73}
74
75.enhanced_uploader .button.add {
76     display: inline-block;
77}
78
79.enhanced_uploader .max-size {
80     display: block;
81}
82
83.enhanced_uploader .one-file {
84     display: none;
85}
86
87label span.one-file {
88     display: inline;
89}
90
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
101/* files */
102.upload-msg {
103     font-weight: bold;
104}
105
106.upload-msg.upload-error {
107     color: #c00;
108}
109
110.upload-files {
111     padding: 0 0.5em;
112     margin: 10px 0;
113}
114
115.upload-file {
116     margin: 0 0 8px 0;
117     position: relative;
118}
119
120.upload-fileinfo {
121     margin-left: 16px;
122}
123
124.upload-fileinfo .upload-filecancel {
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;
133}
134
135.upload-filemsg {
136     font-weight: bold;
137     color: green;
138}
139
140.upload-filemsg.upload-error {
141     color: #c00;
142}
143
144.upload-progress {
145     padding: 0 1em;
146}
147
148.upload-progress div {
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;
159}
Note: See TracBrowser for help on using the repository browser.

Sites map