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.css99
1 files changed, 69 insertions, 30 deletions
diff --git a/public/css/accueil.css b/public/css/accueil.css
index 622ce1f..8f7f8c7 100644
--- a/public/css/accueil.css
+++ b/public/css/accueil.css
@@ -134,7 +134,7 @@ form
134 134
135.zoneVideAdmin 135.zoneVideAdmin
136{ 136{
137 padding-top: 20px; 137 padding-top: 10px;
138} 138}
139 139
140#modeAdmin 140#modeAdmin
@@ -144,8 +144,9 @@ form
144 bottom: 0px; 144 bottom: 0px;
145 width: 700px; 145 width: 700px;
146 z-index: 2; 146 z-index: 2;
147 padding-top: 5px; 147 padding-top: 2px;
148 text-align: center; 148 /*text-align: center;*/
149 /*font-family: Sans-serif;*/
149} 150}
150 151
151#modeAdmin p 152#modeAdmin p
@@ -156,33 +157,26 @@ form
156} 157}
157#modeAdmin>div p 158#modeAdmin>div p
158{ 159{
159 /*border: 1px black solid;*/ 160 /*margin: 5px;*/
160 margin: 5px; 161 /*padding: 0px;*/
161 padding: 0px;
162} 162}
163#modeAdmin>p a 163#modeAdmin>p a
164{ 164{
165 padding: 2px; 165 text-decoration: none;
166} 166 color: initial;
167
168#modeAdmin div
169{
170 display: flex;
171 justify-content: space-around;
172
173 margin: 0px;
174 font-size: 85%;
175} 167}
176 168
177#lienModeAdmin 169#lienModeAdmin
178{ 170{
179 margin: 0px 20px; 171 margin: 0px 20px;
180 padding-bottom: 20px;
181} 172}
182 173
183#lienModeAdmin p 174#lienModeAdmin p
184{ 175{
185 text-align: right; 176 text-align: right;
177 /* enlever la bande bleue en dessous du bloc_page */
178 margin-bottom: 0;
179 padding-bottom: 5px;
186} 180}
187 181
188#lienModeAdmin p a 182#lienModeAdmin p a
@@ -225,6 +219,28 @@ form
225 color: #666; 219 color: #666;
226} 220}
227 221
222.boutonBackup
223{
224 /*font-size: initial;*/ /* corrigé par normalize.css */
225 margin: 2px;
226}
227.boutonBackup a
228{
229 text-decoration: none;
230 color: initial;
231}
232
233/* options au survol */
234#options
235{
236 /*display: none;*/
237 display: flex;
238}
239/*#modeAdmin:hover #options
240{
241 display: flex;
242}*/
243
228 244
229/* PC, y compris vieux écrans 800x600 */ 245/* PC, y compris vieux écrans 800x600 */
230@media screen and (min-width: 700px) 246@media screen and (min-width: 700px)
@@ -267,7 +283,7 @@ form
267 283
268 #bienvenue 284 #bienvenue
269 { 285 {
270 background-image: url("accueil/bienvenue.png"); 286 background-image: url("../accueil/bienvenue.png");
271 width: 630px; 287 width: 630px;
272 height: 596px; 288 height: 596px;
273 } 289 }
@@ -285,8 +301,14 @@ form
285 301
286 .zoneVideAdmin, #modeAdmin 302 .zoneVideAdmin, #modeAdmin
287 { 303 {
288 height: 70px; 304 /*height: 30px;*/
305 height: 76px;
289 } 306 }
307
308 /*#modeAdmin:hover
309 {
310 height: 76px;
311 }*/
290} 312}
291 313
292/* "tablettes" et vieux écrans 640x480 */ 314/* "tablettes" et vieux écrans 640x480 */
@@ -341,7 +363,7 @@ form
341 363
342 #bienvenue 364 #bienvenue
343 { 365 {
344 background-image: url("accueil/bienvenue_petit.png"); 366 background-image: url("../accueil/bienvenue_petit.png");
345 width: 480px; 367 width: 480px;
346 height: 463px; 368 height: 463px;
347 margin: auto; 369 margin: auto;
@@ -360,7 +382,7 @@ form
360 382
361 .zoneVideAdmin, #modeAdmin 383 .zoneVideAdmin, #modeAdmin
362 { 384 {
363 height: 75px; 385 height: 71px;
364 } 386 }
365 387
366 #modeAdmin 388 #modeAdmin
@@ -384,7 +406,7 @@ form
384 } 406 }
385 .zoneVideAdmin, #modeAdmin 407 .zoneVideAdmin, #modeAdmin
386 { 408 {
387 height: 70px; 409 height: 66px;
388 } 410 }
389} 411}
390 412
@@ -439,7 +461,7 @@ form
439 461
440 #bienvenue 462 #bienvenue
441 { 463 {
442 background-image: url("accueil/bienvenue_mini.png"); 464 background-image: url("../accueil/bienvenue_mini.png");
443 width: 320px; 465 width: 320px;
444 height: 316px; 466 height: 316px;
445 } 467 }
@@ -462,7 +484,7 @@ form
462 484
463 .zoneVideAdmin, #modeAdmin 485 .zoneVideAdmin, #modeAdmin
464 { 486 {
465 height: 65px; 487 height: 61px;
466 } 488 }
467 489
468 #modeAdmin 490 #modeAdmin
@@ -470,9 +492,16 @@ form
470 max-width: 380px; 492 max-width: 380px;
471 } 493 }
472 494
473 #modeAdmin div 495 .boutonBackup
474 { 496 {
475 /*margin: 5px;*/ 497 /*margin: 5px;*/
498 /*padding: 1px;*/
499
500 }
501 #modeAdmin button
502 {
503 font-size: 95%;
504 padding: 1px;
476 } 505 }
477} 506}
478 507
@@ -481,18 +510,19 @@ form
481{ 510{
482 .zoneVideAdmin, #modeAdmin 511 .zoneVideAdmin, #modeAdmin
483 { 512 {
484 height: 80px; 513 height: 76px;
485 } 514 }
486 515
487 #modeAdmin 516 #modeAdmin
488 { 517 {
489 font-size: 95%; 518 /*font-size: 95%;*/
490 padding: 0px; 519 padding: 0px;
491 } 520 }
492 #modeAdmin>p 521 #modeAdmin>p
493 { 522 {
494 font-size: 90%; 523 /*font-size: 90%;*/
495 margin: 3px; 524 /*margin: 1px;*/
525 text-align: left;
496 } 526 }
497 527
498 #modeAdmin div 528 #modeAdmin div
@@ -501,6 +531,15 @@ form
501 } 531 }
502 #modeAdmin>div p 532 #modeAdmin>div p
503 { 533 {
504 margin: 0px 5px; 534 /*margin: 0px 5px;*/
505 } 535 }
506} 536}
537
538/* spécial */
539@media screen and (max-width: 320px)
540{
541 nav
542 {
543 margin: auto;
544 }
545} \ No newline at end of file