« MediaWiki:Common.css » : différence entre les versions
Ajout des styles de la carte cliquable des quartiers (Portail:Quartiers de Colombes) |
Correction de la syntaxe clip-path: polygon() attend des virgules entre les sommets |
||
| Ligne 42 : | Ligne 42 : | ||
.qmap{position:relative;width:100%;max-width:820px;margin:0 auto;} | .qmap{position:relative;width:100%;max-width:820px;margin:0 auto;} | ||
.qmap::before{content:"";display:block;padding-bottom:90.86%;} | .qmap::before{content:"";display:block;padding-bottom:90.86%;} | ||
.qmap-base{position:absolute;top:0;right:0;bottom:0;left:0;background:#dfe6ec;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));clip-path:polygon(0.00% 53.84% 4.85% 48.70% 6.92% 46.49% 7.95% 45.37% 12.00% 40.79% 14.07% 38.37% 18.65% 33.20% 20.30% 31.30% 21.45% 30.20% 23.83% 28.01% 27.47% 24.84% 29.65% 22.87% 31.12% 21.84% 32.65% 20.69% 34.92% 19.20% 40.38% 15.10% 42.03% 13.31% 43.65% 11.31% 44.97% 9.59% 45.69% 8.78% 48.13% 5.66% 50.77% 3.25% 51.33% 2.79% 51.86% 5.55% 52.38% 8.87% 52.83% 11.51% 52.91% 11.89% 54.07% 9.94% 54.94% 8.60% 55.90% 7.49% 57.49% 5.93% 57.86% 5.61% 58.37% 5.56% 60.30% 5.14% 61.96% 4.67% 62.48% 4.61% 63.23% 4.15% 64.15% 3.15% 65.99% 2.29% 68.91% 0.40% 70.90% 0.15% 71.22% 0.00% 71.87% 0.97% 73.25% 2.68% 74.48% 4.03% 79.08% 8.70% 79.53% 6.85% 83.51% 8.35% 85.79% 8.89% 88.42% 9.44% 92.59% 10.64% 96.11% 11.86% 96.56% 11.68% 97.41% 11.09% 98.25% 11.21% 99.47% 11.98% 99.39% 12.83% 98.91% 16.95% 99.05% 16.99% 98.70% 21.67% 98.43% 25.67% 98.25% 28.78% 97.15% 31.19% 98.78% 32.13% 99.26% 32.61% 100.00% 34.10% 98.86% 34.76% 95.11% 36.82% 94.69% 37.07% 90.24% 39.53% 89.48% 39.84% 90.00% 39.96% 93.32% 41.02% 91.16% 46.37% 91.50% 46.52% 89.85% 51.41% 90.54% 51.71% 88.36% 57.35% 84.68% 54.62% 83.55% 58.39% 80.85% 55.12% 80.27% 57.50% 79.57% 59.11% 79.35% 59.53% 79.66% 60.34% 79.25% 62.57% 78.52% 64.99% 78.27% 66.26% 78.21% 66.81% 78.14% 68.49% 77.97% 73.59% 77.76% 75.16% 76.10% 75.05% 73.49% 74.99% 72.44% 74.99% 70.06% 75.13% 69.94% 76.16% 68.27% 76.01% 67.53% 75.98% 66.26% 76.03% 61.82% 76.88% 60.31% 77.30% 58.55% 77.86% 55.83% 78.92% 51.02% 81.24% 49.89% 81.81% 47.48% 83.12% 45.12% 84.59% 45.07% 84.47% 40.64% 86.90% 40.56% 87.09% 37.40% 88.59% 36.02% 89.31% 32.15% 91.55% 31.66% 91.95% 27.36% 95.01% 22.75% 97.29% 16.44% 100.00% 14.27% 94.01% 16.53% 92.70% 11.79% 80.87% 11.28% 81.09% 9.89% 77.86% 10.15% 77.66% 6.50% 71.20% 6.74% 70.97% 5.23% 69.08% 3.24% 66.89% 4.37% 65.28% 5.24% 64.16% 5.98% 63.29% 7.08% 62.15% 3.30% 57.76% 0.00% 53.84%);} | .qmap-base{position:absolute;top:0;right:0;bottom:0;left:0;background:#dfe6ec;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));clip-path:polygon(0.00% 53.84%,4.85% 48.70%,6.92% 46.49%,7.95% 45.37%,12.00% 40.79%,14.07% 38.37%,18.65% 33.20%,20.30% 31.30%,21.45% 30.20%,23.83% 28.01%,27.47% 24.84%,29.65% 22.87%,31.12% 21.84%,32.65% 20.69%,34.92% 19.20%,40.38% 15.10%,42.03% 13.31%,43.65% 11.31%,44.97% 9.59%,45.69% 8.78%,48.13% 5.66%,50.77% 3.25%,51.33% 2.79%,51.86% 5.55%,52.38% 8.87%,52.83% 11.51%,52.91% 11.89%,54.07% 9.94%,54.94% 8.60%,55.90% 7.49%,57.49% 5.93%,57.86% 5.61%,58.37% 5.56%,60.30% 5.14%,61.96% 4.67%,62.48% 4.61%,63.23% 4.15%,64.15% 3.15%,65.99% 2.29%,68.91% 0.40%,70.90% 0.15%,71.22% 0.00%,71.87% 0.97%,73.25% 2.68%,74.48% 4.03%,79.08% 8.70%,79.53% 6.85%,83.51% 8.35%,85.79% 8.89%,88.42% 9.44%,92.59% 10.64%,96.11% 11.86%,96.56% 11.68%,97.41% 11.09%,98.25% 11.21%,99.47% 11.98%,99.39% 12.83%,98.91% 16.95%,99.05% 16.99%,98.70% 21.67%,98.43% 25.67%,98.25% 28.78%,97.15% 31.19%,98.78% 32.13%,99.26% 32.61%,100.00% 34.10%,98.86% 34.76%,95.11% 36.82%,94.69% 37.07%,90.24% 39.53%,89.48% 39.84%,90.00% 39.96%,93.32% 41.02%,91.16% 46.37%,91.50% 46.52%,89.85% 51.41%,90.54% 51.71%,88.36% 57.35%,84.68% 54.62%,83.55% 58.39%,80.85% 55.12%,80.27% 57.50%,79.57% 59.11%,79.35% 59.53%,79.66% 60.34%,79.25% 62.57%,78.52% 64.99%,78.27% 66.26%,78.21% 66.81%,78.14% 68.49%,77.97% 73.59%,77.76% 75.16%,76.10% 75.05%,73.49% 74.99%,72.44% 74.99%,70.06% 75.13%,69.94% 76.16%,68.27% 76.01%,67.53% 75.98%,66.26% 76.03%,61.82% 76.88%,60.31% 77.30%,58.55% 77.86%,55.83% 78.92%,51.02% 81.24%,49.89% 81.81%,47.48% 83.12%,45.12% 84.59%,45.07% 84.47%,40.64% 86.90%,40.56% 87.09%,37.40% 88.59%,36.02% 89.31%,32.15% 91.55%,31.66% 91.95%,27.36% 95.01%,22.75% 97.29%,16.44% 100.00%,14.27% 94.01%,16.53% 92.70%,11.79% 80.87%,11.28% 81.09%,9.89% 77.86%,10.15% 77.66%,6.50% 71.20%,6.74% 70.97%,5.23% 69.08%,3.24% 66.89%,4.37% 65.28%,5.24% 64.16%,5.98% 63.29%,7.08% 62.15%,3.30% 57.76%,0.00% 53.84%);} | ||
.qz{position:absolute;top:0;right:0;bottom:0;left:0;transition:filter .15s ease;} | .qz{position:absolute;top:0;right:0;bottom:0;left:0;transition:filter .15s ease;} | ||
.qz a{display:block;width:100%;height:100%;text-indent:-9999px;overflow:hidden;white-space:nowrap;} | .qz a{display:block;width:100%;height:100%;text-indent:-9999px;overflow:hidden;white-space:nowrap;} | ||
| Ligne 49 : | Ligne 49 : | ||
.qlab{position:absolute;transform:translate(-50%,-50%);font-family:sans-serif;font-size:13px;font-weight:700;color:#16212c;text-align:center;line-height:1.15;text-shadow:0 1px 0 rgba(255,255,255,.95),0 0 5px rgba(255,255,255,.8);} | .qlab{position:absolute;transform:translate(-50%,-50%);font-family:sans-serif;font-size:13px;font-weight:700;color:#16212c;text-align:center;line-height:1.15;text-shadow:0 1px 0 rgba(255,255,255,.95),0 0 5px rgba(255,255,255,.8);} | ||
@media(max-width:600px){.qlab{font-size:10px;}} | @media(max-width:600px){.qlab{font-size:10px;}} | ||
.qz-stade{background:#8fb3d1;clip-path:polygon(37.75% 17.13% 40.59% 15.02% 48.33% 5.77% 51.46% 2.99% 53.07% 11.72% 55.07% 8.80% 57.73% 5.81% 62.29% 4.74% 63.96% 3.28% 68.72% 0.52% 69.56% 0.42% 68.59% 22.67% 43.65% 22.66%);} | .qz-stade{background:#8fb3d1;clip-path:polygon(37.75% 17.13%,40.59% 15.02%,48.33% 5.77%,51.46% 2.99%,53.07% 11.72%,55.07% 8.80%,57.73% 5.81%,62.29% 4.74%,63.96% 3.28%,68.72% 0.52%,69.56% 0.42%,68.59% 22.67%,43.65% 22.66%);} | ||
.qz-fosses{background:#e0824a;clip-path:polygon(69.94% 0.43% 71.40% 0.14% 73.43% 2.82% 79.29% 8.77% 79.70% 7.00% 83.48% 8.59% 95.89% 11.83% 97.19% 11.06% 99.25% 11.95% 98.34% 24.36% 69.05% 22.51%);} | .qz-fosses{background:#e0824a;clip-path:polygon(69.94% 0.43%,71.40% 0.14%,73.43% 2.82%,79.29% 8.77%,79.70% 7.00%,83.48% 8.59%,95.89% 11.83%,97.19% 11.06%,99.25% 11.95%,98.34% 24.36%,69.05% 22.51%);} | ||
.qz-agent{background:#b4c48f;clip-path:polygon(90.27% 52.15% 68.97% 37.13% 69.06% 22.80% 98.39% 24.73% 98.10% 28.96% 96.99% 31.36% 98.61% 32.27% 99.80% 34.20% 89.62% 39.66% 93.15% 40.87% 91.14% 46.13% 91.47% 46.28% 89.86% 51.17% 90.54% 51.46%);} | .qz-agent{background:#b4c48f;clip-path:polygon(90.27% 52.15%,68.97% 37.13%,69.06% 22.80%,98.39% 24.73%,98.10% 28.96%,96.99% 31.36%,98.61% 32.27%,99.80% 34.20%,89.62% 39.66%,93.15% 40.87%,91.14% 46.13%,91.47% 46.28%,89.86% 51.17%,90.54% 51.46%);} | ||
.qz-centre{background:#ccd357;clip-path:polygon(68.60% 23.01% 68.53% 37.09% 55.65% 48.53% 50.10% 47.59% 43.67% 22.99%);} | .qz-centre{background:#ccd357;clip-path:polygon(68.60% 23.01%,68.53% 37.09%,55.65% 48.53%,50.10% 47.59%,43.67% 22.99%);} | ||
.qz-europe{background:#f2b559;clip-path:polygon(14.75% 37.78% 20.52% 31.33% 24.02% 28.13% 29.71% 23.10% 37.47% 17.45% 43.33% 22.99% 49.80% 47.64% 38.86% 56.47%);} | .qz-europe{background:#f2b559;clip-path:polygon(14.75% 37.78%,20.52% 31.33%,24.02% 28.13%,29.71% 23.10%,37.47% 17.45%,43.33% 22.99%,49.80% 47.64%,38.86% 56.47%);} | ||
.qz-vallees{background:#a897c9;clip-path:polygon(77.77% 74.92% 73.91% 74.77% 55.83% 48.85% 68.85% 37.33% 90.07% 52.49% 88.14% 57.36% 84.49% 54.74% 83.33% 58.39% 80.71% 55.30% 79.21% 59.35% 79.54% 60.15% 78.27% 66.01%);} | .qz-vallees{background:#a897c9;clip-path:polygon(77.77% 74.92%,73.91% 74.77%,55.83% 48.85%,68.85% 37.33%,90.07% 52.49%,88.14% 57.36%,84.49% 54.74%,83.33% 58.39%,80.71% 55.30%,79.21% 59.35%,79.54% 60.15%,78.27% 66.01%);} | ||
.qz-greves{background:#ecb1bf;clip-path:polygon(0.19% 53.96% 14.53% 38.08% 38.71% 56.75% 37.87% 63.44% 9.87% 76.83% 6.65% 71.02% 6.89% 70.79% 3.44% 66.80% 7.30% 62.15%);} | .qz-greves{background:#ecb1bf;clip-path:polygon(0.19% 53.96%,14.53% 38.08%,38.71% 56.75%,37.87% 63.44%,9.87% 76.83%,6.65% 71.02%,6.89% 70.79%,3.44% 66.80%,7.30% 62.15%);} | ||
.qz-garenne{background:#f0a188;clip-path:polygon(73.64% 74.93% 69.86% 75.03% 69.74% 76.05% 66.08% 75.89% 60.22% 77.07% 55.86% 78.67% 47.73% 82.86% 38.30% 63.51% 39.12% 56.83% 50.06% 48.02% 55.64% 49.01%);} | .qz-garenne{background:#f0a188;clip-path:polygon(73.64% 74.93%,69.86% 75.03%,69.74% 76.05%,66.08% 75.89%,60.22% 77.07%,55.86% 78.67%,47.73% 82.86%,38.30% 63.51%,39.12% 56.83%,50.06% 48.02%,55.64% 49.01%);} | ||
.qz-basch{background:#bdd8a2;clip-path:polygon(16.53% 99.78% 14.43% 93.84% 16.68% 92.53% 12.00% 80.97% 11.49% 81.18% 10.00% 77.19% 37.96% 63.64% 47.38% 83.08% 31.95% 91.43% 27.25% 94.81%);} | .qz-basch{background:#bdd8a2;clip-path:polygon(16.53% 99.78%,14.43% 93.84%,16.68% 92.53%,12.00% 80.97%,11.49% 81.18%,10.00% 77.19%,37.96% 63.64%,47.38% 83.08%,31.95% 91.43%,27.25% 94.81%);} | ||
.ql-stade{left:57.50%;top:12.66%;} | .ql-stade{left:57.50%;top:12.66%;} | ||
.ql-fosses{left:81.00%;top:13.76%;} | .ql-fosses{left:81.00%;top:13.76%;} | ||
Version du 12 septembre 2026 à 21:07
/* Le CSS placé ici sera appliqué à tous les habillages. */
/* Masquer Politique de confidentialité (FR et EN) */
#footer-places-privacy,
#footer-places-confidentialite {
display: none !important;
}
/* Masquer Avertissements (FR et EN) */
#footer-places-disclaimer,
#footer-places-disclaimers,
#footer-places-avertissements {
display: none !important;
}
/* Redimensionnement forcé du logo dans la barre latérale */
.mw-wiki-logo {
background-size: contain; /* L'image s'adapte au cadre */
width: 200px;
height: 200px;
}
/* Pour le nouveau skin Vector 2022 */
.mw-logo-icon {
width: 200px !important;
height: auto !important;
}
/* Boîte à outils allégée : ne garder que Téléverser, Pages spéciales, Version imprimable, Informations sur la page */
#t-whatlinkshere,
#t-recentchangeslinked,
#t-permalink {
display: none !important;
}
/* Masquer le nom du site en texte (wordmark) à côté du logo dans l'en-tête Vector 2022 : redondant et mal intégré visuellement */
.mw-logo-wordmark {
display: none !important;
}
/* ==== Carte cliquable des quartiers - Portail:Quartiers de Colombes ==== */
/* Geometrie generee a partir du contour officiel de la commune (geo.api.gouv.fr). */
.qmap{position:relative;width:100%;max-width:820px;margin:0 auto;}
.qmap::before{content:"";display:block;padding-bottom:90.86%;}
.qmap-base{position:absolute;top:0;right:0;bottom:0;left:0;background:#dfe6ec;filter:drop-shadow(0 2px 4px rgba(0,0,0,.18));clip-path:polygon(0.00% 53.84%,4.85% 48.70%,6.92% 46.49%,7.95% 45.37%,12.00% 40.79%,14.07% 38.37%,18.65% 33.20%,20.30% 31.30%,21.45% 30.20%,23.83% 28.01%,27.47% 24.84%,29.65% 22.87%,31.12% 21.84%,32.65% 20.69%,34.92% 19.20%,40.38% 15.10%,42.03% 13.31%,43.65% 11.31%,44.97% 9.59%,45.69% 8.78%,48.13% 5.66%,50.77% 3.25%,51.33% 2.79%,51.86% 5.55%,52.38% 8.87%,52.83% 11.51%,52.91% 11.89%,54.07% 9.94%,54.94% 8.60%,55.90% 7.49%,57.49% 5.93%,57.86% 5.61%,58.37% 5.56%,60.30% 5.14%,61.96% 4.67%,62.48% 4.61%,63.23% 4.15%,64.15% 3.15%,65.99% 2.29%,68.91% 0.40%,70.90% 0.15%,71.22% 0.00%,71.87% 0.97%,73.25% 2.68%,74.48% 4.03%,79.08% 8.70%,79.53% 6.85%,83.51% 8.35%,85.79% 8.89%,88.42% 9.44%,92.59% 10.64%,96.11% 11.86%,96.56% 11.68%,97.41% 11.09%,98.25% 11.21%,99.47% 11.98%,99.39% 12.83%,98.91% 16.95%,99.05% 16.99%,98.70% 21.67%,98.43% 25.67%,98.25% 28.78%,97.15% 31.19%,98.78% 32.13%,99.26% 32.61%,100.00% 34.10%,98.86% 34.76%,95.11% 36.82%,94.69% 37.07%,90.24% 39.53%,89.48% 39.84%,90.00% 39.96%,93.32% 41.02%,91.16% 46.37%,91.50% 46.52%,89.85% 51.41%,90.54% 51.71%,88.36% 57.35%,84.68% 54.62%,83.55% 58.39%,80.85% 55.12%,80.27% 57.50%,79.57% 59.11%,79.35% 59.53%,79.66% 60.34%,79.25% 62.57%,78.52% 64.99%,78.27% 66.26%,78.21% 66.81%,78.14% 68.49%,77.97% 73.59%,77.76% 75.16%,76.10% 75.05%,73.49% 74.99%,72.44% 74.99%,70.06% 75.13%,69.94% 76.16%,68.27% 76.01%,67.53% 75.98%,66.26% 76.03%,61.82% 76.88%,60.31% 77.30%,58.55% 77.86%,55.83% 78.92%,51.02% 81.24%,49.89% 81.81%,47.48% 83.12%,45.12% 84.59%,45.07% 84.47%,40.64% 86.90%,40.56% 87.09%,37.40% 88.59%,36.02% 89.31%,32.15% 91.55%,31.66% 91.95%,27.36% 95.01%,22.75% 97.29%,16.44% 100.00%,14.27% 94.01%,16.53% 92.70%,11.79% 80.87%,11.28% 81.09%,9.89% 77.86%,10.15% 77.66%,6.50% 71.20%,6.74% 70.97%,5.23% 69.08%,3.24% 66.89%,4.37% 65.28%,5.24% 64.16%,5.98% 63.29%,7.08% 62.15%,3.30% 57.76%,0.00% 53.84%);}
.qz{position:absolute;top:0;right:0;bottom:0;left:0;transition:filter .15s ease;}
.qz a{display:block;width:100%;height:100%;text-indent:-9999px;overflow:hidden;white-space:nowrap;}
.qz:hover{filter:brightness(1.08) saturate(1.25);}
.qlabels{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;}
.qlab{position:absolute;transform:translate(-50%,-50%);font-family:sans-serif;font-size:13px;font-weight:700;color:#16212c;text-align:center;line-height:1.15;text-shadow:0 1px 0 rgba(255,255,255,.95),0 0 5px rgba(255,255,255,.8);}
@media(max-width:600px){.qlab{font-size:10px;}}
.qz-stade{background:#8fb3d1;clip-path:polygon(37.75% 17.13%,40.59% 15.02%,48.33% 5.77%,51.46% 2.99%,53.07% 11.72%,55.07% 8.80%,57.73% 5.81%,62.29% 4.74%,63.96% 3.28%,68.72% 0.52%,69.56% 0.42%,68.59% 22.67%,43.65% 22.66%);}
.qz-fosses{background:#e0824a;clip-path:polygon(69.94% 0.43%,71.40% 0.14%,73.43% 2.82%,79.29% 8.77%,79.70% 7.00%,83.48% 8.59%,95.89% 11.83%,97.19% 11.06%,99.25% 11.95%,98.34% 24.36%,69.05% 22.51%);}
.qz-agent{background:#b4c48f;clip-path:polygon(90.27% 52.15%,68.97% 37.13%,69.06% 22.80%,98.39% 24.73%,98.10% 28.96%,96.99% 31.36%,98.61% 32.27%,99.80% 34.20%,89.62% 39.66%,93.15% 40.87%,91.14% 46.13%,91.47% 46.28%,89.86% 51.17%,90.54% 51.46%);}
.qz-centre{background:#ccd357;clip-path:polygon(68.60% 23.01%,68.53% 37.09%,55.65% 48.53%,50.10% 47.59%,43.67% 22.99%);}
.qz-europe{background:#f2b559;clip-path:polygon(14.75% 37.78%,20.52% 31.33%,24.02% 28.13%,29.71% 23.10%,37.47% 17.45%,43.33% 22.99%,49.80% 47.64%,38.86% 56.47%);}
.qz-vallees{background:#a897c9;clip-path:polygon(77.77% 74.92%,73.91% 74.77%,55.83% 48.85%,68.85% 37.33%,90.07% 52.49%,88.14% 57.36%,84.49% 54.74%,83.33% 58.39%,80.71% 55.30%,79.21% 59.35%,79.54% 60.15%,78.27% 66.01%);}
.qz-greves{background:#ecb1bf;clip-path:polygon(0.19% 53.96%,14.53% 38.08%,38.71% 56.75%,37.87% 63.44%,9.87% 76.83%,6.65% 71.02%,6.89% 70.79%,3.44% 66.80%,7.30% 62.15%);}
.qz-garenne{background:#f0a188;clip-path:polygon(73.64% 74.93%,69.86% 75.03%,69.74% 76.05%,66.08% 75.89%,60.22% 77.07%,55.86% 78.67%,47.73% 82.86%,38.30% 63.51%,39.12% 56.83%,50.06% 48.02%,55.64% 49.01%);}
.qz-basch{background:#bdd8a2;clip-path:polygon(16.53% 99.78%,14.43% 93.84%,16.68% 92.53%,12.00% 80.97%,11.49% 81.18%,10.00% 77.19%,37.96% 63.64%,47.38% 83.08%,31.95% 91.43%,27.25% 94.81%);}
.ql-stade{left:57.50%;top:12.66%;}
.ql-fosses{left:81.00%;top:13.76%;}
.ql-agent{left:80.00%;top:33.02%;}
.ql-centre{left:57.50%;top:33.02%;}
.ql-europe{left:36.50%;top:39.62%;}
.ql-vallees{left:70.00%;top:50.08%;}
.ql-greves{left:23.50%;top:59.98%;}
.ql-garenne{left:53.00%;top:64.38%;}
.ql-basch{left:30.50%;top:77.59%;}