Basculer la recherche
Basculer le menu
60
1,9 k
12
5,3 k
Nefald
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

« Modèle:Joueur/styles.css » : différence entre les versions

De Nefald
Autres actions
Navigation interactive dans l’historique
Hiob (discussion | contributions)
owner
3 729 modifications
Page créée avec « .joueur-banniere { display: inline-flex; align-items: center; background: #1a1a2e; border: 2px solid #4a4a6a; border-radius: 6px; padding: 4px 10px 4px 4px; gap: 8px; box-sizing: border-box; vertical-align: middle; font-family: sans-serif; text-decoration: none; } .joueur-avatar { image-rendering: pixelated; border-radius: 3px; flex-shrink: 0; } .joueur-infos { display: flex; flex-direction: column... »
 
Hiob (discussion | contributions)
owner
3 729 modifications
Aucun résumé des modifications
 
(24 versions intermédiaires par le même utilisateur non affichées)
Ligne 1 : Ligne 1 :
/* === CONTENEUR GRILLE === */
.joueurs-grille {
display: flex;
flex-wrap: wrap;
gap: 10px;
align-items: stretch;
}
/* === BANNIÈRE NORMALE === */
.joueur-banniere {
.joueur-banniere {
    display: inline-flex;
display: inline-flex;
    align-items: center;
align-items: center;
    background: #1a1a2e;
background-color: var(--color-surface-2);
    border: 2px solid #4a4a6a;
border: 1px solid var(--color-surface-3);
    border-radius: 6px;
border-radius: 10px;
    padding: 4px 10px 4px 4px;
overflow: hidden;
    gap: 8px;
vertical-align: top;
    box-sizing: border-box;
max-width: 100%;
    vertical-align: middle;
width: 300px;
    font-family: sans-serif;
min-height: var(--joueur-h, 80px);
    text-decoration: none;
transition: background-color 0.2s, box-shadow 0.2s, transform 0.2s;
cursor: default;
}
 
.joueurs-grille .joueur-banniere {
vertical-align: unset;
}
 
.joueur-banniere:hover {
background-color: var(--color-surface-3);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-1px);
}
 
.joueur-banniere.joueur-droite {
float: right;
margin: 0 0 8px 12px;
}
 
.joueur-banniere.joueur-gauche {
float: left;
margin: 0 12px 8px 0;
}
 
/* === BANNIÈRE CLIQUABLE === */
.joueur-banniere.joueur-lien {
position: relative;
cursor: pointer;
}
 
.joueur-lien-overlay {
position: absolute;
inset: 0;
z-index: 2;
display: block;
}
 
/* Masquer les styles par défaut du lien wiki */
.joueur-banniere.joueur-lien > a {
color: inherit;
text-decoration: none;
}
 
.joueur-lien-overlay::after {
display: none !important;
}
}


.joueur-avatar {
.joueur-avatar {
    image-rendering: pixelated;
flex: 0 0 var(--joueur-h, 80px);
    border-radius: 3px;
width: var(--joueur-h, 80px);
    flex-shrink: 0;
height: var(--joueur-h, 80px);
align-self: center;
overflow: hidden;
margin: 0 10px;
}
}


.joueur-infos {
 
    display: flex;
.joueur-avatar a {
    flex-direction: column;
display: block;
    justify-content: center;
width: 100%;
    gap: 2px;
height: 100%;
line-height: 0;
margin: 0;
padding: 0 !important;
background: none !important;
overflow: hidden;
}
}


.joueur-nom {
.joueur-avatar a::after {
    font-weight: bold;
display: none !important;
    color: #ffffff;
}
    line-height: 1.3;
 
.joueur-avatar img {
display: block;
width: 100%;
height: 100%;
image-rendering: pixelated;
object-fit: contain;
}
 
.joueur-contenu {
display: flex;
flex-direction: column;
justify-content: center;
padding: 10px 14px 10px 12px;
min-height: var(--joueur-h, 80px);
gap: 3px;
min-width: 0;
flex: 1;
overflow: hidden;
}
}


.joueur-nom a {
.joueur-nom {
    color: #ffffff;
font-weight: 700;
    text-decoration: none;
font-size: 1em;
color: var(--color-emphasized);
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}


.joueur-nom a:hover {
.joueur-alias {
    color: #a0c4ff;
font-size: 0.75em;
    text-decoration: underline;
font-style: italic;
color: var(--color-subtle);
font-weight: 400;
}
}


.joueur-grade {
.joueur-grade {
    color: #ffd700;
font-size: 0.82em;
    line-height: 1.2;
line-height: 1.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
}


.joueur-grade a {
.joueur-grade a {
    color: #ffd700;
color: var(--color-link);
    text-decoration: none;
text-decoration: none;
position: relative;
z-index: 3;
}
}


.joueur-grade a:hover {
.joueur-grade a:hover {
    color: #ffe566;
text-decoration: underline;
    text-decoration: underline;
}
}


.joueur-texte {
.joueur-texte {
    color: #aaaaaa;
font-size: 0.78em;
    line-height: 1.2;
color: var(--color-subtle);
line-height: 1.35;
white-space: normal;
word-wrap: break-word;
overflow-wrap: break-word;
margin-top: 2px;
}
 
/* === MODE AVATAR SEUL === */
.joueur-avatar-seul {
display: inline-block;
width: var(--joueur-h, 80px);
height: var(--joueur-h, 80px);
background-color: var(--color-surface-2);
border: 1px solid var(--color-surface-3);
border-radius: 8px;
overflow: hidden;
vertical-align: top;
transition: background-color 0.2s, box-shadow 0.2s, transform 0.2s;
cursor: default;
}
 
.joueurs-grille .joueur-avatar-seul {
vertical-align: unset;
}
 
.joueur-avatar-seul:hover {
background-color: var(--color-surface-3);
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
transform: translateY(-1px);
}
 
.joueur-avatar-seul.joueur-droite {
float: right;
margin: 0 0 8px 12px;
}
 
.joueur-avatar-seul.joueur-gauche {
float: left;
margin: 0 12px 8px 0;
}
 
.joueur-avatar-seul a {
display: block;
width: 100%;
height: 100%;
line-height: 0;
background: none !important;
padding: 0 !important;
}
 
.joueur-avatar-seul a::after {
display: none !important;
}
 
.joueur-avatar-seul img {
display: block;
width: 100%;
height: 100%;
image-rendering: pixelated;
}
 
.joueur-erreur {
color: #d33;
font-style: italic;
}
}
Récupérée de "https://wiki.nefald.fr/Modèle:Joueur/styles.css"
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.