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

patrick-canterino.de