Moved style to a css file
[squasher.git] / css / squasher.css
1 body {
2         background-color:#E2EBD8;
3         min-width:1000px;
4         font-family:Arial Narrow;
5         font-size:16px;
6 }
7
8 .wrapper {
9         width: 1000px;
10         margin: 10px auto;
11 }
12
13 .container {
14         border:5px solid;
15         border-color:#FFFFFF;
16         color:#003300;
17         left:50%;
18         background: #FFFFFF;
19 }
20
21 .control {
22         float:right;
23         text-align:right;
24 }
25
26 .menucontainer {
27         background-color:#FFFFFF;
28 }
29
30 .menu {
31         text-align:center;
32 }
33
34 .menuhead {
35         float:left;
36         background-color:#66CC00;
37         color:#003300;
38         margin:1px;
39         border:1px solid;
40         border-color:#66CC00;
41 }
42
43 .menuitem {
44         float:left;
45         background-color:#C7F09E;
46         color:#003300;
47         margin:1px;
48         border:1px solid;
49         border-color:#E2EBD8;
50 }
51
52 .menuitem:hover {
53         background-color:#339900;
54         color:#FFFFFF;
55 }
56
57 .menuitem_selected {
58         float:left;
59         background-color:#339900;
60         color:#FFFFFF;
61         margin:1px;
62         border:1px solid;
63         border-color:#E2EBD8;
64 }
65
66 .content {
67         float:left;
68         padding-right:5px;
69         width:600px;
70 }
71
72 /* These are used by logs : */
73
74 tr.logentry_download {
75         background-color:#C7F09E;
76         color:#003300;
77         margin:1px;
78         border:1px solid;
79         border-color:#C7F09E;
80 }
81
82 tr.logentry_download:hover {
83         background-color:#339900;
84         color:#FFFFFF;
85 }
86
87 tr.logentry_delete {
88         background-color:#C7F09E;
89         color:#003300;
90         margin:1px;
91         border:1px solid;
92         border-color:#C7F09E;
93 }
94
95 tr.logentry_delete:hover {
96         background-color:#339900;
97         color:#FFFFFF;
98 }
99
100 tr.logentry_login {
101         background-color:#C7F09E;
102         color:#003300;
103         margin:1px;
104         border:1px solid;
105         border-color:#C7F09E;
106 }
107
108 tr.logentry_login:hover {
109         background-color:#339900;
110         color:#FFFFFF;
111 }
112
113 tr.logentry_header {
114         background-color:#339900;
115         color:#FFFFFF;
116         border:1px solid;
117         border-color:#C7F09E;
118 }
119
120 /* there are used on index, for each file block : */
121 .item, .status1, .status2, .status3 {
122         position:relative;
123         color:#003300;
124         width:600px;
125         border:2px solid;
126         border-color:#FFFFFF;
127         font-size:12px;
128 }
129
130 .item {
131         background-color:#E2EBD8;
132 }
133 .status1 {
134         background-color:#FFCCCC;
135 }
136 .status2 {
137         background-color:#FFFFCC;
138 }
139 .status3 {
140         background-color:#CCFFCC;
141 }
142
143 /* name of the file: */
144 .name {
145         float:left;
146         left:1px;
147         top:1px;
148         padding-left:1px;
149         z-index:50;
150 }
151
152 /* size of the file */
153 .size {
154         float:right;
155         padding-left:2px;
156         padding-right:3px;
157 }
158
159 /* date the file was added */
160 .added {
161         float:left;
162         padding-left:2px;
163         padding-right:3px;
164 }
165
166 /* date the file was lasy updated */
167 .updated {
168         float:left;
169         padding-left:2px;
170         padding-right:3px;
171 }
172
173 /* file status (Completed, ...) */
174 .status {
175         float:right;
176         top:1px;
177         padding-right:2px;
178         text-align:right;
179         z-index:10;
180 }
181
182 /* download (partial) link */
183 .stream {
184         float:right;
185         padding-left:1px;
186         padding-right:2px;
187 }
188
189 /* download link */
190 .download {
191         float:right;
192         padding-left:1px;
193         padding-right:2px;
194 }
195
196 /* general stuff : */
197 .clear {
198         clear:both;
199         height:1px;
200 }
201
202 .spacer {
203         clear:both;
204         height:10px;
205 }
206
207 .banner {
208         background-color:#66CC00;
209         text-align:center;
210         width:100%;
211         height:45px;
212         background:#66CC00 url(../img/squash.gif) no-repeat 30px 50%;
213 }
214
215 .footer {
216         background-color:#66CC00;
217         text-align:center;
218         background:#66CC00 url(../img/gplogobottomright.gif) no-repeat 100%;
219 }
220
221 .bottomimage {
222         background: #FFFFFF url(../img/gp1.gif) no-repeat 95% 95%;
223         float:right;
224         width:300px;
225         height:146px;
226 }
227
228 /* index mass delete */
229 .massdelete {
230         /*position:absolute;*/
231         /*bottom:0;*/
232         float:right;
233         width:300px;
234         /*height:146px;*/
235 }
236
237 .deletebox {
238         /*visibility: hidden;*/
239 }
240
241 /* index mass delete wrapper for right column */
242 .filler {
243         position:relative;
244         float:right;
245         width:300px;
246         #height:500px;
247 }
248
249
250 /* general stuff : */
251 a {
252         color:#003300;
253 }
254
255 a:hover {
256         color:#FF6600;
257 }
258
259 /* users: user list/form wrapper */
260 .white_border {
261         float:left;
262         border-top:0px solid #FFFFFF;
263         border-bottom:0px solid #FFFFFF;
264 }
265
266 /* access tool */
267 .check_all, .check_allow, .check_deny {
268         float:right;
269         height:20px;
270 }
271
272 .sample_all, .sample_allow, .sample_deny {
273         float:left;
274         height:20px;
275 }
276
277 .check_all, .sample_all {
278         background-color:#AAEEAA;
279 }
280
281 .check_allow, .sample_allow {
282         background-color:#EEEEAA;
283 }
284
285 .check_deny, .sample_deny {
286         background-color:#EEAAAA;
287 }
288
289 /* login page */
290 .loginbody .wrapper {
291         width: 240px;
292         height: 160px;
293         margin: 10% auto;
294 }
295
296 .loginbody .container {
297         position:relative;
298         width: 240px;
299         height: 160px;
300         border:5px solid;
301         border-color:#FFFFFF;
302         color:#FFFFFF;
303         background: #C7F09E;
304         left:auto;
305 }
306
307 .loginbody .login {
308         left:0px;
309         top:20px;
310         width:100%;
311 }
312
313 .loginbody .username {
314         position:absolute;
315         left:0px;
316         top:24px;
317         height:22px;
318         width:100%;
319         text-align:center;
320 }
321
322 .loginbody .password {
323         position:absolute;
324         left:0px;
325         top:64px;
326         height:22px;
327         width:100%;
328         text-align:center;
329 }
330
331 .loginbody .fsubmit {
332         position:absolute;
333         right:25px;
334         bottom:27px;
335         text-align:center;
336 }
337
338 .loginbody .loginheader {
339         position:absolute;
340         top:0px;
341         left:0px;
342         width:100%;
343         background-color:#66CC00;
344         border-bottom:5px solid;
345         border-color:#FFFFFF;
346 }
347
348 .loginbody .loginfooter {
349         position:absolute;
350         bottom:0px;
351         left:0px;
352         width:100%;
353         background-color:#66CC00;
354         border-top:5px solid;
355         border-color:#FFFFFF;
356 }
357
358 .loginbody input {
359         border:1px solid #FFFFFF;
360         width:160px;
361         height:20px;
362         background-color:#FFFFFF;
363         color:#003300;
364         text-align:center;
365 }
366
367 .loginbody input:hover {
368         border:1px solid #003300;
369         color:#003300;
370 }
371
372 .loginbody button {
373         border:1px solid #C7F09E;
374         background:#C7F09E;
375 }
376
377 .loginbody .submit {
378         border:1px solid #C7F09E;
379         background:#C7F09E;
380 }
381
382 .loginbody .submit:hover {
383         border:1px solid #003300;
384 }