MediaWiki:Common.css : Différence entre versions
Sauter à la navigation
Sauter à la recherche
Ligne 29 : | Ligne 29 : | ||
/* MapLabel */ | /* MapLabel */ | ||
− | |||
− | |||
− | |||
− | |||
+ | .map { | ||
+ | position:relative; | ||
+ | width:fit-content; | ||
+ | max-width:100%; | ||
} | } | ||
− | .map | + | .map img{ |
− | + | max-width:100%; | |
− | + | height: auto; | |
− | + | object-fit: contain; | |
− | |||
} | } | ||
− | .map-label:before{ | + | .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:hover{ | ||
+ | display:block; | ||
+ | background-color:red; | ||
+ | } | ||
+ | |||
+ | .map-label-point{ | ||
+ | transform:none; | ||
+ | } | ||
+ | .map-label-point:hover{ | ||
+ | display:block; | ||
+ | } | ||
+ | |||
+ | .map-label-eau { | ||
+ | color:blue; | ||
+ | } | ||
+ | |||
+ | .map-label-region { | ||
+ | font-style:italic; | ||
+ | } | ||
+ | |||
+ | .map-label-continent { | ||
+ | text-transform:uppercase; | ||
+ | font-size:larger; | ||
} | } |
Version du 3 août 2022 à 11:55
/* 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:hover{ display:block; background-color:red; } .map-label-point{ transform:none; } .map-label-point:hover{ display:block; } .map-label-eau { color:blue; } .map-label-region { font-style:italic; } .map-label-continent { text-transform:uppercase; font-size:larger; }