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;
}