diff options
Diffstat (limited to 'public/css/accueil.css')
-rw-r--r-- | public/css/accueil.css | 99 |
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 | ||