Allow admins to mkdir rmdir
[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 .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         float:left;
258         border-top:0px solid #FFFFFF;
259         border-bottom:0px solid #FFFFFF;
260 }
261
262 /* access tool */
263 .check_all, .check_allow, .check_deny {
264         float:right;
265         height:20px;
266 }
267
268 .sample_all, .sample_allow, .sample_deny {
269         float:left;
270         height:20px;
271 }
272
273 .check_all, .sample_all {
274         background-color:#AAEEAA;
275 }
276
277 .check_allow, .sample_allow {
278         background-color:#EEEEAA;
279 }
280
281 .check_deny, .sample_deny {
282         background-color:#EEAAAA;
283 }
284
285 /* login page */
286
287 .login {
288         width:480px;
289         float:none;
290         display:inline-block;
291         border:1px solid #003300;
292         background-color:#C7F09E;
293         margin:100px;
294         padding:10px;
295         text-align:center;
296 }
297
298 .login input {
299         width:100%;
300         color:#003300;
301         margin: 10px 10px;
302 }
303
304 .login button {
305         border:1px solid #003300;
306         margin: 10px;
307         padding:3px 8px;
308         background:#66CC00;
309 }
310
311 .login button:hover {
312         background-color:#339900;
313         color:#ffffff;
314 }