MediaWiki:Common.css : Différence entre versions
Sauter à la navigation
Sauter à la recherche
(2 révisions intermédiaires par le même utilisateur non affichées) | |||
Ligne 29 : | Ligne 29 : | ||
/* MapLabel */ | /* MapLabel */ | ||
− | .map{ | + | |
− | + | .map { | |
− | border: | + | position:relative; |
+ | width:fit-content; | ||
+ | max-width:100%; | ||
+ | } | ||
+ | |||
+ | .map img{ | ||
+ | max-width:100%; | ||
+ | height: auto; | ||
+ | object-fit: contain; | ||
+ | } | ||
+ | |||
+ | .map-label { | ||
+ | position:absolute; | ||
+ | text-align: center; | ||
+ | transform: translate(-50%, -50%); | ||
+ | } | ||
+ | |||
+ | .map-label:hover:before{ | ||
+ | border-width: 2px; | ||
} | } | ||
− | .map-label{ | + | .map-label:before { |
− | + | content:''; | |
− | + | display:none; | |
+ | position:absolute; | ||
+ | width:6px; | ||
+ | height:6px; | ||
+ | transform: translate(-50%, -50%); | ||
+ | border:1px solid; | ||
+ | border-radius:50%; | ||
+ | background:black; | ||
+ | border-color:black; | ||
} | } | ||
− | .map-label{ | + | .map-label-ville{ |
− | background: | + | transform:none; |
− | + | } | |
− | + | .map-label-ville:before{ | |
+ | display:block; | ||
+ | background-color:red; | ||
+ | } | ||
+ | |||
+ | .map-label-point{ | ||
+ | transform:none; | ||
+ | } | ||
+ | .map-label-point:before{ | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | .map-label-eau { | ||
+ | color:blue; | ||
+ | } | ||
+ | |||
+ | .map-label-region { | ||
+ | font-style:italic; | ||
} | } | ||
− | .map-label | + | .map-label-continent { |
− | + | text-transform:uppercase; | |
− | + | font-size:larger; | |
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
} | } |
Version actuelle datée du 3 août 2022 à 12:01
/* Le CSS placé ici sera appliqué à tous les habillages. */ /* Infoboxes */ .infobox { background: #eee; border: 1px solid #aaa; float: right; margin: 0 0 1em 1em; padding: 1em; width: 300px; } .infobox-title { font-size: 1em; text-align: center; } .infobox-image { text-align: center; } .infobox th { text-align: right; vertical-align: top; width: 120px; } .infobox td { vertical-align: top; } /* MapLabel */ .map { position:relative; width:fit-content; max-width:100%; } .map img{ max-width:100%; height: auto; object-fit: contain; } .map-label { position:absolute; text-align: center; transform: translate(-50%, -50%); } .map-label:hover:before{ border-width: 2px; } .map-label:before { content:''; display:none; position:absolute; width:6px; height:6px; transform: translate(-50%, -50%); border:1px solid; border-radius:50%; background:black; border-color:black; } .map-label-ville{ transform:none; } .map-label-ville:before{ display:block; background-color:red; } .map-label-point{ transform:none; } .map-label-point:before{ display:block; } .map-label-eau { color:blue; } .map-label-region { font-style:italic; } .map-label-continent { text-transform:uppercase; font-size:larger; }