f993ea713058bf4db9fd9199963207245fe86c75
[squasher.git] / webroot / 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 .menu a.tool {
72         background:inherit;
73         border:inherit;
74         text-decoration:underline;
75         color:inherit;
76         margin-left: 40px;
77         font-size: 12px;
78         padding-top: 5px;
79         padding-bottom: 1px;
80 }
81 .menu a.tool:hover {
82         color:#FF6600;
83 }
84
85 /* main content container */
86 .content {
87         clear:left;
88         margin-top:10px;
89         float:left;
90         padding-right:5px;
91         width:600px;
92 }
93
94 /* misc */
95 .bottomimage {
96         background: #FFFFFF url(../img/gp1.gif) no-repeat 95% 95%;
97         clear:both;
98         float:right;
99         width:300px;
100         height:146px;
101 }
102
103 .footer {
104         clear:both;
105         margin-top:10px;
106         background-color:#66CC00;
107         text-align:center;
108         background:#66CC00 url(../img/gplogobottomright.gif) no-repeat 100%;
109 }
110
111 .clear {
112         clear:both;
113 }
114
115 a {
116         color:#003300;
117 }
118
119 a:hover {
120         color:#FF6600;
121 }
122
123 /* These are used by logs : */
124 table.log {
125         border-spacing:0;
126         spacing:0;
127         padding:0;
128         width:1000px;
129         background-color:#C7F09E;
130 }
131
132 tr.logentry_header {
133         background-color:#339900;
134         color:#FFFFFF;
135         border:1px solid;
136         border-color:#C7F09E;
137         text-align:center;
138 }
139
140 tr.logentry_download, tr.logentry_delete, tr.logentry_login, tr.logentry_empty {
141         background-color:#C7F09E;
142         color:#003300;
143         margin:1px;
144         border:1px solid;
145         border-color:#C7F09E;
146 }
147
148 tr.logentry_empty {
149         text-align:center;
150 }
151
152 tr.logentry_download:hover, tr.logentry_delete:hover, tr.logentry_login:hover {
153         background-color:#339900;
154         color:#FFFFFF;
155 }
156
157 /* there are used on index, for each file block : */
158 .item, .status1, .status2, .status3 {
159         position:relative;
160         color:#003300;
161         width:600px;
162         border:2px solid;
163         border-color:#FFFFFF;
164         font-size:12px;
165 }
166
167 .item {
168         background-color:#E2EBD8;
169 }
170 .status1 {
171         background-color:#FFCCCC;
172 }
173 .status2 {
174         background-color:#FFFFCC;
175 }
176 .status3 {
177         background-color:#CCFFCC;
178 }
179
180 /* name of the file: */
181 .name {
182         float:left;
183         left:1px;
184         top:1px;
185         padding-left:1px;
186         z-index:50;
187 }
188
189 /* size of the file */
190 .size {
191         float:right;
192         padding-left:2px;
193         padding-right:3px;
194 }
195
196 /* date the file was added */
197 .added {
198         float:left;
199         padding-left:2px;
200         padding-right:3px;
201 }
202
203 /* date the file was lasy updated */
204 .updated {
205         float:left;
206         padding-left:2px;
207         padding-right:3px;
208 }
209
210 /* file status (Completed, ...) */
211 .status {
212         float:right;
213         top:1px;
214         padding-right:2px;
215         text-align:right;
216         z-index:10;
217 }
218
219 /* download (partial) link */
220 .stream {
221         float:right;
222         padding-left:1px;
223         padding-right:2px;
224 }
225
226 /* download link */
227 .download {
228         float:right;
229         padding-left:1px;
230         padding-right:2px;
231 }
232
233 /* index mass delete */
234 .massdelete {
235         /*position:absolute;*/
236         /*bottom:0;*/
237         float:right;
238         width:300px;
239         /*height:146px;*/
240 }
241
242 .deletebox {
243         /*visibility: hidden;*/
244 }
245
246 /* index mass delete wrapper for right column */
247 .filler {
248         position:relative;
249         float:right;
250         width:300px;
251         #height:500px;
252 }
253
254
255 /* users: user list/form wrapper */
256 .white_border {
257         clear:both;
258         float:left;
259         border-top:0px solid #FFFFFF;
260         border-bottom:0px solid #FFFFFF;
261 }
262
263 /* access tool */
264 .check_all, .check_allow, .check_deny {
265         float:right;
266         height:20px;
267 }
268
269 .sample_all, .sample_allow, .sample_deny {
270         float:left;
271         height:20px;
272 }
273
274 .check_all, .sample_all {
275         background-color:#AAEEAA;
276 }
277
278 .check_allow, .sample_allow {
279         background-color:#EEEEAA;
280 }
281
282 .check_deny, .sample_deny {
283         background-color:#EEAAAA;
284 }
285
286 /* login page */
287
288 .loginwrappercontainer {
289         text-align:center;
290 }
291
292 .login {
293         width:480px;
294         float:none;
295         display:inline-block;
296         border:1px solid #003300;
297         background-color:#C7F09E;
298         margin:100px;
299         padding:10px;
300         text-align:center;
301 }
302
303 .login input {
304         width:100%;
305         color:#003300;
306         margin: 10px 10px;
307 }
308
309 .login button {
310         border:1px solid #003300;
311         margin: 10px;
312         padding:3px 8px;
313         background:#66CC00;
314 }
315
316 .login button:hover {
317         background-color:#339900;
318         color:#ffffff;
319 }