MediaWiki:Common.css : Différence entre versions

De Monde
Sauter à la navigation Sauter à la recherche
 
(4 révisions intermédiaires par le même utilisateur non affichées)
Ligne 25 : Ligne 25 :
 
.infobox td {
 
.infobox td {
 
     vertical-align: top;
 
     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;
 
}
 
}

Version actuelle datée du 3 août 2022 à 13: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;
}