summaryrefslogtreecommitdiff
path: root/public/css/accueil.css
diff options
context:
space:
mode:
Diffstat (limited to 'public/css/accueil.css')
-rw-r--r--public/css/accueil.css544
1 files changed, 0 insertions, 544 deletions
diff --git a/public/css/accueil.css b/public/css/accueil.css
deleted file mode 100644
index 2a42e29..0000000
--- a/public/css/accueil.css
+++ /dev/null
@@ -1,544 +0,0 @@
1/* public/accueil.css */
2
3/*@font-face
4{
5 font-family: "you_are_loved";
6 src: url('../fonts/you_are_loved.ttf') format('truetype'),
7 url('../fonts/you_are_loved.eot'),
8 url('../fonts/you_are_loved.eot?#iefix') format('embedded-opentype'),
9 url('../fonts/you_are_loved.woff2') format('woff2'),
10 url('../fonts/you_are_loved.woff') format('woff');
11}*/
12
13@font-face /* pour .police_titre */
14{
15 font-family: "IMPACTED";
16 src: url('../fonts/IMPACTED.TTF') format('truetype');
17}
18
19.no_underline
20{
21 text-decoration: none;
22}
23
24body
25{
26 margin: 0px;
27 background-color: #326892;
28}
29
30#bloc_page
31{
32 max-width: 700px;
33 margin: auto;
34 background-color: #FFFFFF;
35 font-family: Sans-serif;
36 font-size: 100%;
37}
38
39nav
40{
41 position: fixed;
42 z-index: 2;
43 background-color: white;
44}
45
46/* agir sur ul et li directement affecte le ckeditor */
47#ul_menu
48{
49 margin: 0px;
50 padding: 5px;
51 display: flex;
52 flex-wrap: wrap;
53 justify-content: center;
54}
55
56#ul_menu li
57{
58 list-style-type: none;
59 white-space: nowrap;
60}
61
62li a
63{
64 text-decoration: none;
65 color: #666;
66}
67
68.police_titre
69{
70 font-family: IMPACTED, Arial, sans;
71 color: #ddc97a;
72}
73
74a:hover:not(.police_titre) /* :not() = sauf */
75{
76 color: #000000;
77}
78
79#actuelle
80{
81 color: #463c3c;
82 font-weight: bold;
83}
84
85img
86{
87 vertical-align: bottom;
88}
89
90.boutonSubmitEditeur
91{
92 margin-top: 5px;
93}
94
95.boutonAnnuler:hover
96{
97 border: none;
98}
99
100h3
101{
102 margin: 5px;
103}
104.conteneur_article
105{
106 margin: 3px;
107}
108
109article
110{
111 font-size: 90%;
112 margin: 5px 0;
113}
114.articleAvecEditeur
115{
116 background-color: #a8b3d9;
117 padding: 2px 0px;
118 margin-bottom: 15px;
119}
120
121form
122{
123 padding-bottom: 14px;
124 /*border-bottom: 1px black solid;*/
125}
126
127#courriel
128{
129 /*padding-top: 30px;*/
130 font-size: 90%;
131}
132
133#courriel *
134{
135 max-width: 220px;
136 color: black;
137 text-decoration: none;
138}
139
140#courriel>button /* bouton pour remonter */
141{
142 float: right;
143}
144
145#courrielJS
146{
147 display: inline;
148 margin: 2px;
149}
150
151.zoneVideAdmin
152{
153 padding-top: 10px;
154}
155
156#modeAdmin
157{
158 background-color: orange;
159 position: fixed;
160 bottom: 0px;
161 width: 700px;
162 z-index: 2;
163 padding-top: 2px;
164 font-size: 90%;
165}
166
167#modeAdmin p
168{
169 text-align: center;
170 margin: 0px;
171 padding: 2px;
172}
173#modeAdmin>p a
174{
175 text-decoration: none;
176 color: initial;
177}
178
179#lienModeAdmin
180{
181 font-size: 90%;
182 margin-top: 10px;
183 margin-right: 30px;
184 text-align: right;
185 /* enlever la bande bleue en dessous du bloc_page */
186 /*margin-bottom: 0;*/
187 padding-bottom: 8px;
188}
189
190#lienModeAdmin a
191{
192 text-decoration: none;
193 color: black;
194}
195
196.connexionTitre
197{
198 margin-top: 0px;
199 text-align: center;
200}
201.connexionP
202{
203 margin: 20px;
204 text-align: center;
205}
206.avertissement
207{
208 color: red;
209 font-size: 90%;
210 text-align: center;
211 padding-bottom: 10px;
212}
213
214.connexionFormulaire
215{
216 margin: 30px;
217}
218
219.connexionFooter
220{
221 text-align: right;
222 padding: 5px;
223}
224
225.connexionFooter a
226{
227 color: #666;
228}
229
230.boutonBackup
231{
232 /*font-size: initial;*/ /* corrigé par normalize.css */
233 margin: 2px;
234}
235.boutonBackup a
236{
237 text-decoration: none;
238 color: initial;
239}
240
241button
242{
243 padding: 1px;
244}
245
246/* options au survol */
247#options
248{
249 /*display: none;*/
250 display: flex;
251}
252
253
254/* PC, y compris vieux écrans 800x600 */
255@media screen and (min-width: 700px)
256{
257 .police_titre
258 {
259 max-width: 550px;
260 font-size: 250%;
261 margin-left: 30px;
262 padding-top: 20px;
263 }
264
265 /* compensation des cibles de liens #
266 superposées au "nav" hors flux */
267 .articleSansEditeur:target
268 {
269 padding-top: 70px;
270 margin-top: -70px;
271 }
272
273 nav
274 {
275 border-bottom: 1px black solid;
276 margin: 0px 35px;
277 max-width: 630px;
278 }
279
280 li
281 {
282 margin: 6px 15px;
283 }
284
285 header
286 {
287 margin: 0px 35px;
288 padding-top: 92px;
289 }
290
291 #bienvenue
292 {
293 background-image: url("../accueil/bienvenue.png");
294 width: 630px;
295 height: 596px;
296 }
297
298 #contenu
299 {
300 width: 630px;
301 margin: auto;
302 padding-bottom: 40px;
303 }
304
305 #courriel
306 {
307 margin: 0px 35px;
308 }
309
310 .zoneVideAdmin, #modeAdmin
311 {
312 /*height: 30px;*/
313 height: 76px;
314 }
315
316 /*#modeAdmin:hover
317 {
318 height: 76px;
319 }*/
320}
321
322/* "tablettes" et vieux écrans 640x480 */
323@media screen and (max-width: 699px)
324{
325 #bloc_page
326 {
327 max-width: 540px;
328 font-size: 90%;
329 }
330
331 .police_titre
332 {
333 font-size: 200%;
334 margin-left: 25px;
335 }
336 .police_titre:not(.police_titre_header)
337 {
338 padding-top: 20px;
339 }
340
341 #bienvenue .police_titre
342 {
343 font-size: 250%;
344 top: 0px;
345 left: 65px;
346 }
347
348 .articleSansEditeur:target
349 {
350 padding-top: 59px;
351 margin-top: -59px;
352 }
353
354 nav
355 {
356 margin: 0px 30px;
357 max-width: 480px;
358 }
359
360 li
361 {
362 margin: 4px 10px;
363 }
364
365 header
366 {
367 margin: 0px 30px;
368 padding-top: 61px;
369 }
370
371 #bienvenue
372 {
373 background-image: url("../accueil/bienvenue_petit.png");
374 width: 480px;
375 height: 463px;
376 margin: auto;
377 }
378
379 #contenu
380 {
381 width: 480px;
382 margin: auto;
383 padding-bottom: 30px;
384 }
385
386 #courriel
387 {
388 margin: 0px 30px;
389 }
390
391 .zoneVideAdmin, #modeAdmin
392 {
393 height: 71px;
394 }
395
396 #modeAdmin
397 {
398 max-width: 540px;
399 }
400}
401
402 /* on grignote les colonnes autour du texte */
403@media screen and (max-width: 539px)
404{
405 #modeAdmin div
406 {
407 max-width: 480px;
408 margin: 0px;
409 border: none;
410 }
411 #modeAdmin
412 {
413 font-size: 90%;
414 }
415 .zoneVideAdmin, #modeAdmin
416 {
417 height: 66px;
418 }
419}
420
421@media screen and (max-width: 479px)
422{
423 #bloc_page
424 {
425 max-width: 380px;
426 font-size: 85%;
427 }
428
429 .police_titre
430 {
431 font-size: 150%;
432 margin-left: 15px;
433 }
434 .police_titre:not(.police_titre_header)
435 {
436 /*padding-top: 10px;*/
437 }
438
439 #bienvenue .police_titre
440 {
441 font-size: 200%;
442 top: 0px;
443 left: 25px;
444 }
445
446 .articleSansEditeur:target
447 {
448 padding-top: 56px;
449 margin-top: -56px;
450 }
451
452 nav
453 {
454 margin: 0px 30px;
455 max-width: 320px;
456 }
457
458 li
459 {
460 margin: 0px 10px;
461 }
462
463 header
464 {
465 padding-top: 60px;
466 }
467
468 #bienvenue
469 {
470 background-image: url("../accueil/bienvenue_mini.png");
471 width: 320px;
472 height: 316px;
473 }
474
475 #contenu
476 {
477 width: 320px;
478 margin: auto;
479 }
480
481 #courriel
482 {
483 margin: 0px 20px;
484 }
485
486 #courriel *
487 {
488 max-width: 180px;
489 }
490
491 #lienModeAdmin
492 {
493 margin-right: 20px;
494 }
495
496 .zoneVideAdmin, #modeAdmin
497 {
498 height: 61px;
499 }
500
501 #modeAdmin
502 {
503 max-width: 380px;
504 }
505}
506
507/* spécialement pour les petits smartphones*/
508@media screen and (max-width: 379px)
509{
510 .zoneVideAdmin, #modeAdmin
511 {
512 height: 76px;
513 }
514
515 #modeAdmin
516 {
517 /*font-size: 95%;*/
518 padding: 0px;
519 }
520 #modeAdmin>p
521 {
522 /*font-size: 90%;*/
523 /*margin: 1px;*/
524 text-align: left;
525 }
526
527 #modeAdmin div
528 {
529 max-width: 320px;
530 }
531 #modeAdmin>div p
532 {
533 /*margin: 0px 5px;*/
534 }
535}
536
537/* spécial */
538@media screen and (max-width: 320px)
539{
540 nav
541 {
542 margin: auto;
543 }
544} \ No newline at end of file