MediaWiki:Common.css : Différence entre versions

De Monde
Sauter à la navigation Sauter à la recherche
Ligne 29 : Ligne 29 :
 
/* MapLabel */
 
/* MapLabel */
  
.map{
 
  position: relative;
 
  border:1px solid blue;
 
  width: fit-content;
 
  
 +
.map {
 +
position:relative;
 +
width:fit-content;
 +
max-width:100%;
 
}
 
}
  
.map-label{
+
.map img{
  position: absolute;
+
max-width:100%;
  background: rgba(255,255,255,0.2);
+
  height: auto;
  margin-left:10px;
+
  object-fit: contain;
  margin-top:-10px;
 
 
}
 
}
  
.map-label:before{
+
.map-label {
  content:'';
+
position:absolute;
  display: block;
+
  text-align: center;
  position: absolute;
+
  transform: translate(-50%, -50%);
  width:6px;
+
}
  height: 6px;
+
 
  top:5px;
+
.map-label:hover:before{
  left:-13px;
+
border-width: 2px;
 
+
}
  box-sizing: border-box;
+
 
  border:1px solid white;
+
.map-label:before {
  border-radius:50%;
+
content:'';
    
+
display:none;
  background: red;
+
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 à 12: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;
}