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

