Dotclear

source: admin/style/jsUpload/style.css @ 1172:c94e160ed5a2

Revision 1172:c94e160ed5a2, 3.1 KB checked in by franck <carnet.franck.paul@…>, 12 years ago (diff)

Minor adjustments for media uploader

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

Sites map