]> git.p6c8.net - jirafeau_project.git/blob - media/courgette/style.css.php
[DOC] Fix feature list of 3.0.0
[jirafeau_project.git] / media / courgette / style.css.php
1 <?php
2 /*
3 * Jyraphe, your web file repository
4 * Copyright (C) 2013
5 * Jerome Jutteau <j.jutteau@gmail.com>
6 * Jimmy Beauvois <jimmy.beauvois@gmail.com>
7 *
8 * This program is free software: you can redistribute it and/or modify
9 * it under the terms of the GNU Affero General Public License as
10 * published by the Free Software Foundation, either version 3 of the
11 * License, or (at your option) any later version.
12 *
13 * This program is distributed in the hope that it will be useful,
14 * but WITHOUT ANY WARRANTY; without even the implied warranty of
15 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
16 * GNU Affero General Public License for more details.
17 *
18 * You should have received a copy of the GNU Affero General Public License
19 * along with this program. If not, see <https://www.gnu.org/licenses/>.
20 */
21
22 /*
23 * This stylesheet is the default stylesheet for Jyraphe.
24 * The content is dynamically generated for easier handling.
25 */
26
27 $dark = '#8B4513';
28
29 header('Content-type: text/css');
30
31 ?>
32
33 /* ==========================================================================
34 Summary
35
36 1 = Basic Style
37 2 = Copyright
38 3 = Options
39 4 = Upload
40 5 = Terms of service
41 6 = Install
42 7 = Admin
43 8 = Download page
44
45 ========================================================================== */
46
47 /* ==========================================================================
48 1 = Basic Style
49 ========================================================================== */
50
51 body {
52 background: #efebe9;
53 font-family: Arial, sans-serif;
54 margin: 0;
55 line-height: 1.5;
56 }
57
58 #content {
59 padding: 2em;
60 }
61
62 h1 a {
63 display: block;
64 background: url(logo-jirafeau.svg) no-repeat;
65 background-size: 100% 100%;
66 text-indent: -9999px;
67 width: 194px;
68 height: 185px;
69 margin: 1em auto;
70 position: relative;
71 left: 0.4em;
72 }
73
74 h2 {
75 text-align: center;
76 color: #795548;
77 }
78
79 fieldset {
80 border: 0;
81 padding: 1.5em;
82 margin: 0 auto;
83 border-radius: 8px;
84 width: 20em;
85 border: 7px dashed #bcaaa4;
86 min-height: 15em;
87 min-width: 30em;
88 position: relative;
89 }
90
91 legend {
92 padding: 0.5em 1em;
93 background: #efebe9;
94 color: #663D1C;
95 font-size: 1.2em;
96 display: block;
97 min-width: 8em;
98 text-align: center;
99 }
100
101 table a {
102 color: #000;
103 }
104
105 table a:hover,
106 table a:focus {
107 text-decoration: none;
108 }
109
110 input[type="submit"] {
111 background: #0D9CB2;
112 border: 0;
113 padding: 0.4em 2.2em;
114 font-size: 1.1em;
115 color: #FFF;
116 border-bottom: 5px solid #085B69;
117 cursor: pointer;
118 margin: 10px;
119 }
120
121 select,
122 input[type="text"],
123 input[type="password"] {
124 border: 1;
125 padding: 5px 5px;
126 font-size: 1em;
127 }
128
129 select { width: 100%; }
130
131 input[type="submit"]:hover,
132 input[type="submit"]:focus {
133 border: 0;
134 position: relative;
135 top: 5px;
136 margin-bottom: 15px;
137 }
138
139 .inner {
140 margin-top: 3em;
141 }
142
143 #upload fieldset {
144 background: url(upload.svg) no-repeat center;
145 -webkit-transition: all 0.5s ease;
146 -moz-transition: all 0.5s ease;
147 -ms-transition: all 0.5s ease;
148 -o-transition: all 0.5s ease;
149 transition: all 0.5s ease;
150 }
151
152 #upload fieldset:hover {
153 border-color: #663D1C;
154 }
155
156 #upload > form {
157 text-align: center;
158 }
159
160 #upload p {
161 margin: 0;
162 }
163
164 #file_select {
165 position: relative;
166 width: 100%;
167 height: 16em;
168 cursor: pointer;
169 opacity: 0;
170 }
171 #upload.file-selected #file_select {
172 opacity: 1;
173 height: 2em;
174 }
175 #upload.file-selected fieldset {
176 background-image: none;
177 }
178
179
180 /* ==========================================================================
181 2 = Copyright
182 ========================================================================== */
183
184 #copyright {
185 text-align: center;
186 font-size: 0.8em;
187 color: #795548;
188 margin: 3em auto;
189 }
190
191 #copyright a {
192 color: #795548;
193 text-decoration: none;
194 }
195
196 #copyright a:hover,
197 #copyright a:focus {
198 text-decoration: underline;
199 }
200
201 /* ==========================================================================
202 3 = Options
203 ========================================================================== */
204
205 #options {
206 position: relative;
207 z-index: 10;
208 width: 100%;
209 height: 90%;
210 }
211
212 #options tr { height: 2.7em; }
213
214 #option_table tr:first-child {
215 width: 100%;
216 height: 100%;
217 }
218
219 #option_table td:first-child {
220 }
221
222 #options input[type="submit"] {
223 position: relative;
224 margin: 1em auto;
225 }
226
227 /* ==========================================================================
228 4 = Upload
229 ========================================================================== */
230
231 #upload_finished,
232 #uploading,
233 .message,
234 .info,
235 .error {
236 text-align: center;
237 color: #795548;
238 padding-left: 3em;
239 }
240
241 #upload_finished > p:nth-child(1) {
242 color: #0D9CB2;
243 font-weight: bold;
244 }
245
246 #upload_finished div p:nth-child(1) {
247 font-weight: bold;
248 }
249
250 #upload_finished a {
251 text-decoration: none;
252 color: #795548;
253 }
254
255 #uploading a {
256 font-weight: bold;
257 text-decoration: none;
258 color: #795548;
259 }
260
261 #uploaded_percentage {
262 font-size: 2em;
263 font-weight: bold;
264 }
265
266 #upload_finished a:hover,
267 #uploading a:hover,
268 #upload_finished a:focus,
269 #uploading a:focus {
270 text-decoration: underline;
271 }
272
273 .message,
274 .error {
275 color: #d55548;
276 font-style: italic;
277 font-weight: bold;
278 }
279
280 #upload_image_email {
281 padding-left: 20px;
282 margin-left: 10px;
283 background: url(email.png) no-repeat;
284 }
285
286 /* ==========================================================================
287 5 = Terms of service
288 ========================================================================== */
289
290 textarea[readonly="readonly"] {
291 border: 0;
292 color: #795548;
293 font-family: Arial, sans-serif;
294 background: none;
295 margin: auto;
296 display: block;
297 }
298
299 textarea[readonly="readonly"] + p,
300 textarea[readonly="readonly"] + p + p {
301 text-align: center;
302 color: #795548;
303 }
304
305 textarea[readonly="readonly"] + p a,
306 textarea[readonly="readonly"] + p + p a {
307 font-weight: bold;
308 text-decoration: none;
309 color: #795548;
310 }
311
312 textarea[readonly="readonly"] + p a:hover,
313 textarea[readonly="readonly"] + p + p a:hover,
314 textarea[readonly="readonly"] + p a:focus,
315 textarea[readonly="readonly"] + p + p a:focus {
316 text-decoration: underline;
317 }
318
319 /* ==========================================================================
320 6 = Install
321 ========================================================================== */
322
323 #install fieldset,
324 #install + fieldset {
325 width: auto;
326 max-width: 50em;
327 border: 7px dashed #bcaaa4;
328 }
329
330 #install table,
331 #install + fieldset table {
332 width: 100%;
333 border-collapse: collapse;
334 }
335
336 #install td,
337 #install + fieldset td {
338 padding: 0.5em 1em;
339 border-bottom: 0;
340 }
341
342 #install td:empty {
343 width: 13.1em;
344 }
345
346 #install table form:nth-child(odd),
347 #install + fieldset tr:nth-child(odd) {
348 background: #bcaaa4;
349 }
350
351 #install fieldset > form {
352 margin-top: 2em;
353 text-align: center;
354 }
355
356 #install form {
357 display: table;
358 width: 100%;
359 }
360
361 #install td:last-child { text-align: left; }
362
363 #install .info { width: 19em; }
364
365 #install input[type="submit"] {
366 min-width: 10.5em;
367 }
368
369 #install + fieldset table {
370 font-size: 0.9em;
371 }
372
373 #install + fieldset td:first-child input[type="submit"] {
374 background: none;
375 padding: 0;
376 color: #000;
377 font-weight: bold;
378 border-bottom: 0;
379 }
380
381 #install + fieldset td:first-child input[type="submit"]:hover,
382 #install + fieldset td:first-child input[type="submit"]:focus {
383 text-decoration: underline;
384 }
385
386 /* ==========================================================================
387 7 = Admin
388 ========================================================================== */
389
390 #admin fieldset,
391 #admin + fieldset {
392 width: auto;
393 max-width: 60em;
394 border: 7px dashed #bcaaa4;
395 }
396
397 #admin table,
398 #admin + fieldset table {
399 width: 100%;
400 border-collapse: collapse;
401 border-bottom: 2px solid #FFF;
402 }
403
404 #admin td,
405 #admin + fieldset td {
406 padding: 0.5em 1em;
407 border: 2px solid #FFF;
408 border-bottom: 0;
409 }
410
411 #admin td:empty {
412 width: 13.1em;
413 }
414
415 #admin table form:nth-child(odd),
416 #admin + fieldset tr:nth-child(odd) {
417 background: #bcaaa4;
418 }
419
420 #admin fieldset > form {
421 margin-top: 2em;
422 text-align: center;
423 }
424
425 #admin form {
426 display: table;
427 width: 100%;
428 }
429
430 #admin td:last-child { text-align: left; }
431
432 #admin .info { width: 19em; }
433
434 #admin input[type="submit"] {
435 min-width: 10.5em;
436 }
437
438 #admin + fieldset table {
439 font-size: 0.9em;
440 }
441
442 #admin + fieldset td:first-child input[type="submit"] {
443 background: none;
444 padding: 0;
445 color: #000;
446 font-weight: bold;
447 border-bottom: 0;
448 }
449
450 #admin + fieldset td:first-child input[type="submit"]:hover,
451 #admin + fieldset td:first-child input[type="submit"]:focus {
452 text-decoration: underline;
453 }
454
455 /* ==========================================================================
456 8 = Download page
457 ========================================================================== */
458
459 #self_destruct {
460 font-weight: bold;
461 color: red;
462 background-image: url('pixel_bomb.png');
463 background-size: 40px 40px;
464 background-repeat: no-repeat;
465 padding-left: 40px;
466 padding-top: 10px;
467 padding-bottom: 10px;
468 }

patrick-canterino.de