]> git.p6c8.net - jirafeau.git/blob - media/courgette/style.css.php
4c85c04ad7dffcdacbad5cf2cbc2435caa8ace20
[jirafeau.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 <http://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 Sommaire
35
36 1 = Basic Style
37 2 = Copyright
38 3 = Options
39 4 = Upload
40 5 = Terms of service
41 6 = Admin
42
43 ========================================================================== */
44
45 /* ==========================================================================
46 1 = Basic Style
47 ========================================================================== */
48
49 body {
50 background: #efebe9;
51 font-family: Arial, sans-serif;
52 margin: 0;
53 line-height: 1.5;
54 }
55
56 h1 a {
57 display: block;
58 background: url(logo-jirafeau.svg) no-repeat;
59 background-size: 100% 100%;
60 text-indent: -9999px;
61 width: 194px;
62 height: 185px;
63 margin: 1em auto;
64 position: relative;
65 left: 0.4em;
66 }
67
68 h2 {
69 text-align: center;
70 color: #795548;
71 }
72
73 fieldset {
74 border: 0;
75 padding: 1.5em;
76 margin: 0 auto;
77 border-radius: 8px;
78 width: 20em;
79 border: 7px dashed #bcaaa4;
80 min-height: 15em;
81 min-width: 30em;
82 position: relative;
83 }
84
85 legend {
86 padding: 0.5em 1em;
87 background: #efebe9;
88 color: #663D1C;
89 font-size: 1.2em;
90 display: block;
91 width: 100%;
92 text-align: center;
93 }
94
95 table a { color: #000;}
96
97 table a:hover,
98 table a:focus {
99 text-decoration: none;
100 }
101
102 input[type="submit"] {
103 background: #0D9CB2;
104 border: 0;
105 padding: 0.4em 2.2em;
106 font-size: 1.1em;
107 color: #FFF;
108 border-bottom: 5px solid #085B69;
109 cursor: pointer;
110 margin: 10px;
111 }
112
113 select,
114 input[type="text"],
115 input[type="password"] {
116 border: 1;
117 padding: 0.5em 1em;
118 font-size: 1em;
119 width: 89%;
120 }
121
122 select { width: 127%; }
123
124 input[type="submit"]:hover,
125 input[type="submit"]:focus {
126 border: 0;
127 position: relative;
128 top: 5px;
129 margin-bottom: 5px;
130 }
131
132 .inner {
133 margin-top: 3em;
134 }
135
136 #upload fieldset {
137 background: url(upload.svg) no-repeat center;
138 -webkit-transition: all 0.5s ease;
139 -moz-transition: all 0.5s ease;
140 -ms-transition: all 0.5s ease;
141 -o-transition: all 0.5s ease;
142 transition: all 0.5s ease;
143 }
144
145 #upload fieldset:hover {
146 border-color: #663D1C;
147 }
148
149 #upload > form {
150 text-align: center;
151 margin: 1em 0 0 3em;
152 }
153
154 #file_select {
155 position: absolute;
156 top: 0;
157 left: 0;
158 width: 100%;
159 height: 100%;
160 cursor: pointer;
161 opacity: 0;
162 }
163
164
165
166 /* ==========================================================================
167 2 = Copyright
168 ========================================================================== */
169
170 #copyright {
171 text-align: center;
172 font-size: 0.8em;
173 color: #795548;
174 padding-left: 3em;
175 }
176
177 #copyright a {
178 color: #795548;
179 text-decoration: none;
180 }
181
182 #copyright a:hover,
183 #copyright a:focus {
184 text-decoration: underline;
185 }
186
187 /* ==========================================================================
188 3 = Options
189 ========================================================================== */
190
191 #options {
192 position: relative;
193 z-index: 10;
194 background: #efebe9;
195 }
196
197 #options tr { height: 2.7em; }
198
199 #option_table tr:first-child td:first-child { width: 12em; }
200
201 #option_table tr td:first-child {
202
203 }
204
205 #options input[type="submit"] {
206 position: relative;
207 left: 11.2em;
208 }
209
210 /* ==========================================================================
211 4 = Upload
212 ========================================================================== */
213
214 #upload_finished,
215 #uploading,
216 .message,
217 .error {
218 text-align: center;
219 color: #795548;
220 padding-left: 3em;
221 }
222
223 #upload_finished a,
224 #uploading a {
225 font-weight: bold;
226 text-decoration: none;
227 color: #795548;
228 }
229
230 #uploaded_percentage {
231 font-size: 2em;
232 font-weight: bold;
233 }
234
235 #upload_finished a:hover,
236 #uploading a:hover,
237 #upload_finished a:focus,
238 #uploading a:focus {
239 text-decoration: underline;
240 }
241
242 .message,
243 .error {
244 color: #d55548;
245 font-style: italic;
246 font-weight: bold;
247 }
248
249 /* ==========================================================================
250 5 = Terms of service
251 ========================================================================== */
252
253
254
255 textarea[readonly="readonly"] {
256 border: 0;
257 color: #795548;
258 font-family: Arial, sans-serif;
259 background: none;
260 margin: auto;
261 display: block;
262 }
263
264 textarea[readonly="readonly"] + p,
265 textarea[readonly="readonly"] + p + p {
266 text-align: center;
267 color: #795548;
268 }
269
270 textarea[readonly="readonly"] + p a,
271 textarea[readonly="readonly"] + p + p a {
272 font-weight: bold;
273 text-decoration: none;
274 color: #795548;
275 }
276
277 textarea[readonly="readonly"] + p a:hover,
278 textarea[readonly="readonly"] + p + p a:hover,
279 textarea[readonly="readonly"] + p a:focus,
280 textarea[readonly="readonly"] + p + p a:focus {
281 text-decoration: underline;
282 }
283
284 /* ==========================================================================
285 6 = Admin
286 ========================================================================== */
287
288 #install fieldset,
289 #install + fieldset {
290 width: auto;
291 max-width: 50em;
292 border: 0;
293 }
294
295 #install table,
296 #install + fieldset table {
297 width: 100%;
298 border-collapse: collapse;
299 border-bottom: 2px solid #FFF;
300 }
301
302 #install td,
303 #install + fieldset td {
304 padding: 0.5em 1em;
305 border: 2px solid #FFF;
306 border-bottom: 0;
307 }
308
309 #install td:empty {
310 width: 13.1em;
311 }
312
313 #install table form:nth-child(odd),
314 #install + fieldset tr:nth-child(odd) {
315 background: #bcaaa4;
316 }
317
318 #install fieldset > form {
319 margin-top: 2em;
320 text-align: center;
321 }
322
323 #install form {
324 display: table;
325 width: 100%;
326 }
327
328 #install td:last-child { text-align: right; }
329
330 #install .info { width: 19em; }
331
332 #install input[type="submit"] {
333 min-width: 10.5em;
334 }
335
336 #install + fieldset table {
337 font-size: 0.9em;
338 }
339
340 #install + fieldset td:first-child input[type="submit"] {
341 background: none;
342 padding: 0;
343 color: #000;
344 font-weight: bold;
345 border-bottom: 0;
346 width: 12em;
347 }
348
349 #install + fieldset td:first-child input[type="submit"]:hover,
350 #install + fieldset td:first-child input[type="submit"]:focus {
351 position: static;
352 margin: 0;
353 text-decoration: underline;
354 }

patrick-canterino.de