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

Navigation interactive dans l’historique

Modification suivante →

@@ Ligne 2 : / Ligne 2 : @@
      display: inline-flex;
      align-items: center;
-     background: #1a1a2e;
+     background: var(--color-surface-1);
-     border: 2px solid #4a4a6a;
+     border: 1px solid var(--color-surface-3);
      border-radius: 6px;
      padding: 4px 10px 4px 4px;
@@ Ligne 9 : / Ligne 9 : @@
      box-sizing: border-box;
      vertical-align: middle;
-     font-family: sans-serif;
+     transition: background 0.2s ease, border-color 0.2s ease;
-     text-decoration: none;
+}
+.joueur-banniere:hover {
+    background: var(--color-surface-2);
+     border-color: var(--color-surface-4);
 }
@@ Ligne 17 : / Ligne 21 : @@
      border-radius: 3px;
      flex-shrink: 0;
+    height: calc(100% - 8px);
+    width: auto;
+    display: block;
 }
@@ Ligne 24 : / Ligne 31 : @@
      justify-content: center;
      gap: 2px;
+    line-height: 1.3;
 }
 .joueur-nom {
      font-weight: bold;
-     color: #ffffff;
+     color: var(--color-emphasized);
-    line-height: 1.3;
 }
 .joueur-nom a {
-     color: #ffffff;
+     color: var(--color-emphasized);
      text-decoration: none;
 }
 .joueur-nom a:hover {
-     color: #a0c4ff;
+     color: var(--color-link);
      text-decoration: underline;
 }
 .joueur-grade {
-     color: #ffd700;
+     color: var(--color-progressive, #36c);
-    line-height: 1.2;
 }
 .joueur-grade a {
-     color: #ffd700;
+     color: var(--color-progressive, #36c);
      text-decoration: none;
 }
 .joueur-grade a:hover {
-     color: #ffe566;
+     color: var(--color-link);
      text-decoration: underline;
 }
 .joueur-texte {
-     color: #aaaaaa;
+     color: var(--color-subtle);
-    line-height: 1.2;
 }