summaryrefslogtreecommitdiff
path: root/public
diff options
context:
space:
mode:
authorpolo <ordipolo@gmx.fr>2022-02-28 02:15:31 +0100
committerpolo <ordipolo@gmx.fr>2022-02-28 02:15:31 +0100
commitabd968a1c573b1862bd0728f0b7b6a88e307900a (patch)
treeef985fe5757b4516c199a06eb37a5e22f7c5b259 /public
parentf19db76cc3b21785619ffd24bfb34692a3aaa66a (diff)
downloadmelaine-abd968a1c573b1862bd0728f0b7b6a88e307900a.zip
sauvegarde zip
Diffstat (limited to 'public')
-rw-r--r--public/css/accueil.css99
-rw-r--r--public/css/menu.css54
-rw-r--r--public/main.js24
3 files changed, 118 insertions, 59 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
diff --git a/public/css/menu.css b/public/css/menu.css
index 0e17e34..4c521c0 100644
--- a/public/css/menu.css
+++ b/public/css/menu.css
@@ -44,7 +44,7 @@
44 { 44 {
45 width: 630px; 45 width: 630px;
46 height: 171px; 46 height: 171px;
47 background-image: url("mouette.png"); 47 background-image: url("../mouette.png");
48 } 48 }
49 49
50 #contenu 50 #contenu
@@ -67,14 +67,14 @@
67 67
68 #pochette 68 #pochette
69 { 69 {
70 background-image: url("menu/pochette.png"); 70 background-image: url("../menu/pochette.png");
71 width: 308px; 71 width: 308px;
72 height: 271px; 72 height: 271px;
73 } 73 }
74 74
75 #fille_qui_tombe 75 #fille_qui_tombe
76 { 76 {
77 background-image: url("menu/fille_qui_tombe.jpg"); 77 background-image: url("../menu/fille_qui_tombe.jpg");
78 width: 208px; 78 width: 208px;
79 height: 163px; 79 height: 163px;
80 margin: 5px 0px; 80 margin: 5px 0px;
@@ -82,14 +82,14 @@
82 82
83 #canoe 83 #canoe
84 { 84 {
85 background-image: url("menu/canoe.png"); 85 background-image: url("../menu/canoe.png");
86 width: 207px; 86 width: 207px;
87 height: 144px; 87 height: 144px;
88 } 88 }
89 89
90 #cavalier 90 #cavalier
91 { 91 {
92 background-image: url("menu/cavalier.jpg"); 92 background-image: url("../menu/cavalier.jpg");
93 width: 159px; 93 width: 159px;
94 height: 312px; 94 height: 312px;
95 position: relative; 95 position: relative;
@@ -98,7 +98,7 @@
98 98
99 #pommes 99 #pommes
100 { 100 {
101 background-image: url("menu/pommes.jpg"); 101 background-image: url("../menu/pommes.jpg");
102 width: 59px; 102 width: 59px;
103 height: 97px; 103 height: 97px;
104 position: relative; 104 position: relative;
@@ -107,14 +107,14 @@
107 107
108 #sirene 108 #sirene
109 { 109 {
110 background-image: url("menu/sirene.jpg"); 110 background-image: url("../menu/sirene.jpg");
111 width: 320px; 111 width: 320px;
112 height: 174px; 112 height: 174px;
113 } 113 }
114 114
115 #mouette_ocean 115 #mouette_ocean
116 { 116 {
117 background-image: url("menu/mouette_ocean.jpg"); 117 background-image: url("../menu/mouette_ocean.jpg");
118 width: 257px; 118 width: 257px;
119 height: 171px; 119 height: 171px;
120 margin: 5px 0px; 120 margin: 5px 0px;
@@ -122,7 +122,7 @@
122 122
123 #blonde 123 #blonde
124 { 124 {
125 background-image: url("menu/blonde.jpg"); 125 background-image: url("../menu/blonde.jpg");
126 width: 257px; 126 width: 257px;
127 height: 233px; 127 height: 233px;
128 } 128 }
@@ -143,7 +143,7 @@
143 { 143 {
144 width: 480px; 144 width: 480px;
145 height: 131px; 145 height: 131px;
146 background-image: url("mouette_petit.png"); 146 background-image: url("../mouette_petit.png");
147 margin: auto; 147 margin: auto;
148 } 148 }
149 149
@@ -167,14 +167,14 @@
167 167
168 #pochette 168 #pochette
169 { 169 {
170 background-image: url("menu/pochette_petit.png"); 170 background-image: url("../menu/pochette_petit.png");
171 width: 234px; 171 width: 234px;
172 height: 206px; 172 height: 206px;
173 } 173 }
174 174
175 #fille_qui_tombe 175 #fille_qui_tombe
176 { 176 {
177 background-image: url("menu/fille_qui_tombe_petit.jpg"); 177 background-image: url("../menu/fille_qui_tombe_petit.jpg");
178 width: 158px; 178 width: 158px;
179 height: 124px; 179 height: 124px;
180 margin: 4px 0px; 180 margin: 4px 0px;
@@ -182,14 +182,14 @@
182 182
183 #canoe 183 #canoe
184 { 184 {
185 background-image: url("menu/canoe_petit.png"); 185 background-image: url("../menu/canoe_petit.png");
186 width: 157px; 186 width: 157px;
187 height: 109px; 187 height: 109px;
188 } 188 }
189 189
190 #cavalier 190 #cavalier
191 { 191 {
192 background-image: url("menu/cavalier_petit.jpg"); 192 background-image: url("../menu/cavalier_petit.jpg");
193 width: 121px; 193 width: 121px;
194 height: 237px; 194 height: 237px;
195 position: relative; 195 position: relative;
@@ -198,7 +198,7 @@
198 198
199 #pommes 199 #pommes
200 { 200 {
201 background-image: url("menu/pommes_petit.jpg"); 201 background-image: url("../menu/pommes_petit.jpg");
202 width: 45px; 202 width: 45px;
203 height: 74px; 203 height: 74px;
204 position: relative; 204 position: relative;
@@ -207,14 +207,14 @@
207 207
208 #sirene 208 #sirene
209 { 209 {
210 background-image: url("menu/sirene_petit.jpg"); 210 background-image: url("../menu/sirene_petit.jpg");
211 width: 243px; 211 width: 243px;
212 height: 132px; 212 height: 132px;
213 } 213 }
214 214
215 #mouette_ocean 215 #mouette_ocean
216 { 216 {
217 background-image: url("menu/mouette_ocean_petit.jpg"); 217 background-image: url("../menu/mouette_ocean_petit.jpg");
218 width: 195px; 218 width: 195px;
219 height: 130px; 219 height: 130px;
220 margin: 4px 0px; 220 margin: 4px 0px;
@@ -222,7 +222,7 @@
222 222
223 #blonde 223 #blonde
224 { 224 {
225 background-image: url("menu/blonde_petit.jpg"); 225 background-image: url("../menu/blonde_petit.jpg");
226 width: 195px; 226 width: 195px;
227 height: 177px; 227 height: 177px;
228 } 228 }
@@ -243,7 +243,7 @@
243 { 243 {
244 width: 320px; 244 width: 320px;
245 height: 88px; 245 height: 88px;
246 background-image: url("mouette_mini.png"); 246 background-image: url("../mouette_mini.png");
247 margin: auto; 247 margin: auto;
248 } 248 }
249 249
@@ -267,14 +267,14 @@
267 267
268 #pochette 268 #pochette
269 { 269 {
270 background-image: url("menu/pochette_mini.png"); 270 background-image: url("../menu/pochette_mini.png");
271 width: 156px; 271 width: 156px;
272 height: 137px; 272 height: 137px;
273 } 273 }
274 274
275 #fille_qui_tombe 275 #fille_qui_tombe
276 { 276 {
277 background-image: url("menu/fille_qui_tombe_mini.jpg"); 277 background-image: url("../menu/fille_qui_tombe_mini.jpg");
278 width: 105px; 278 width: 105px;
279 height: 82px; 279 height: 82px;
280 margin: 3px 0px; 280 margin: 3px 0px;
@@ -282,14 +282,14 @@
282 282
283 #canoe 283 #canoe
284 { 284 {
285 background-image: url("menu/canoe_mini.png"); 285 background-image: url("../menu/canoe_mini.png");
286 width: 105px; 286 width: 105px;
287 height: 73px; 287 height: 73px;
288 } 288 }
289 289
290 #cavalier 290 #cavalier
291 { 291 {
292 background-image: url("menu/cavalier_mini.jpg"); 292 background-image: url("../menu/cavalier_mini.jpg");
293 width: 80px; 293 width: 80px;
294 height: 158px; 294 height: 158px;
295 position: relative; 295 position: relative;
@@ -298,7 +298,7 @@
298 298
299 #pommes 299 #pommes
300 { 300 {
301 background-image: url("menu/pommes_mini.jpg"); 301 background-image: url("../menu/pommes_mini.jpg");
302 width: 30px; 302 width: 30px;
303 height: 49px; 303 height: 49px;
304 position: relative; 304 position: relative;
@@ -308,14 +308,14 @@
308 308
309 #sirene 309 #sirene
310 { 310 {
311 background-image: url("menu/sirene_mini.jpg"); 311 background-image: url("../menu/sirene_mini.jpg");
312 width: 162px; 312 width: 162px;
313 height: 88px; 313 height: 88px;
314 } 314 }
315 315
316 #mouette_ocean 316 #mouette_ocean
317 { 317 {
318 background-image: url("menu/mouette_ocean_mini.jpg"); 318 background-image: url("../menu/mouette_ocean_mini.jpg");
319 width: 130px; 319 width: 130px;
320 height: 86px; 320 height: 86px;
321 margin: 3px 0px; 321 margin: 3px 0px;
@@ -323,7 +323,7 @@
323 323
324 #blonde 324 #blonde
325 { 325 {
326 background-image: url("menu/blonde_mini.jpg"); 326 background-image: url("../menu/blonde_mini.jpg");
327 width: 130px; 327 width: 130px;
328 height: 118px; 328 height: 118px;
329 } 329 }
diff --git a/public/main.js b/public/main.js
index 9764394..f3fe6f0 100644
--- a/public/main.js
+++ b/public/main.js
@@ -4,7 +4,7 @@ function versMenu()
4{ 4{
5 // ergonomique 5 // ergonomique
6 window.setTimeout("location=('index.php?page=menu');", 10000); 6 window.setTimeout("location=('index.php?page=menu');", 10000);
7 window.setTimeout(function(){location.href="index.php?page=menu"}, 3000); 7 //window.setTimeout(function(){location.href="index.php?page=menu"}, 10000);
8} 8}
9 9
10function deconnexionAutomatique() 10function deconnexionAutomatique()
@@ -88,4 +88,24 @@ function nouveauMotdepasse(page)
88{ 88{
89 confirm('Le mot de passe a été modifié.'); 89 confirm('Le mot de passe a été modifié.');
90 window.setTimeout(location=('index.php?page=' + page + '&message=nouveau_mdp'), 0); 90 window.setTimeout(location=('index.php?page=' + page + '&message=nouveau_mdp'), 0);
91} \ No newline at end of file 91}
92
93// envoie gros fichier ZIP
94// si le fichier ne passe pas la limite de l'hébergeur (php.ini)
95// l'ouvrir en javascript chaque envoyer progressivement
96function extraireZIPetEnvoyerUnParUn()
97{
98 // taille du fichier?
99
100 // taille limite autorisée?
101 // obtenue avant avec phpinfo() puis insérée dans le code JS
102
103 // si le fichier est plus gros que la limite:
104 // extraire l'archive
105 // envoyer les fichiers un par un par des requêtes AJAX
106 // le serveur peut aussi limiter le nombre de fichiers
107 // lors d'un envoie multiple
108 // en les envoyant un par un ça devrait être bon
109
110 // sinon ne rien faire et laisser l'envoi normal se faire
111}
generated by cgit v1.2.3 (git 2.25.1) at 2025-08-14 04:13:47 +0000