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