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

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

@@ Ligne 79 : / Ligne 79 : @@
 /* --- Couleurs par statut : stats --- */
-.roadmap-stat-done {
+/* Échelle : idea (violet) → planned (orange) → inprogress (bleu) → done (vert) */
-   background: #e8f5e9;
-   border-color: #a5d6a7;
+.roadmap-stat-idea {
+   background: #f3e5f5;
+   border-color: #ce93d8;
 }
-.roadmap-stat-done .roadmap-stat-count {
+.roadmap-stat-idea .roadmap-stat-count {
-   color: #2e7d32;
+   color: #7b1fa2;
 }
-.roadmap-stat-inprogress {
+.roadmap-stat-planned {
    background: #fff8e1;
    border-color: #ffe082;
 }
-.roadmap-stat-inprogress .roadmap-stat-count {
+.roadmap-stat-planned .roadmap-stat-count {
    color: #f57f17;
 }
-.roadmap-stat-planned {
+.roadmap-stat-inprogress {
    background: #e3ecfa;
    border-color: #90b4e8;
 }
-.roadmap-stat-planned .roadmap-stat-count {
+.roadmap-stat-inprogress .roadmap-stat-count {
    color: #1a56a8;
 }
-.roadmap-stat-idea {
-   background: #f3e5f5;
+.roadmap-stat-done {
-   border-color: #ce93d8;
+   background: #e8f5e9;
+   border-color: #a5d6a7;
 }
-.roadmap-stat-idea .roadmap-stat-count {
+.roadmap-stat-done .roadmap-stat-count {
-   color: #7b1fa2;
+   color: #2e7d32;
 }
 .roadmap-stat-cancelled {
    background: #fce8e8;
@@ Ligne 173 : / Ligne 179 : @@
 /* --- Bordure gauche par statut --- */
-.roadmap-item.roadmap-done {
+/* Échelle : idea (violet) → planned (orange) → inprogress (bleu) → done (vert) */
-  border-left: 3px solid #2e7d32;
+.roadmap-item.roadmap-idea       { border-left: 3px solid #7b1fa2; }
-}
+.roadmap-item.roadmap-planned    { border-left: 3px solid #f57f17; }
-.roadmap-item.roadmap-inprogress {
+.roadmap-item.roadmap-inprogress { border-left: 3px solid #1a56a8; }
-  border-left: 3px solid #f57f17;
+.roadmap-item.roadmap-done       { border-left: 3px solid #2e7d32; }
-}
+.roadmap-item.roadmap-cancelled  { border-left: 3px solid #c62828; }
-.roadmap-item.roadmap-planned {
-  border-left: 3px solid #1a56a8;
-}
-.roadmap-item.roadmap-idea {
-  border-left: 3px solid #7b1fa2;
-}
-.roadmap-item.roadmap-cancelled {
-  border-left: 3px solid #c62828;
-}
 .roadmap-item-content {
@@ Ligne 218 : / Ligne 215 : @@
 /* --- Badges --- */
+/* Échelle : idea (violet) → planned (orange) → inprogress (bleu) → done (vert) */
 .roadmap-badge {
    display: inline-flex;
@@ Ligne 232 : / Ligne 230 : @@
 }
-.roadmap-badge-done {
+.roadmap-badge-idea       { background: #7b1fa2; color: #ffffff; }
-  background: #2e7d32;
+.roadmap-badge-planned    { background: #f57f17; color: #ffffff; }
-  color: #ffffff;
+.roadmap-badge-inprogress { background: #1a56a8; color: #ffffff; }
-}
+.roadmap-badge-done       { background: #2e7d32; color: #ffffff; }
-.roadmap-badge-inprogress {
+.roadmap-badge-cancelled  { background: #c62828; color: #ffffff; }
-  background: #f57f17;
-  color: #ffffff;
-}
-.roadmap-badge-planned {
-  background: #1a56a8;
-  color: #ffffff;
-}
-.roadmap-badge-idea {
-  background: #7b1fa2;
-  color: #ffffff;
-}
-.roadmap-badge-cancelled {
-  background: #c62828;
-  color: #ffffff;
-}
 /* =====================================================
@@ Ligne 324 : / Ligne 307 : @@
 .roadmap-tag-discord       { background: #e8e0f5; color: #3a2a7a; }
 .roadmap-tag-wiki          { background: #e0f5f0; color: #1a6e55; }
 /* --- Date --- */
@@ Ligne 366 : / Ligne 347 : @@
 /* --- Responsive --- */
 @media (max-width: 640px) {
-   .roadmap-stats {
+   .roadmap-stats    { padding: 0.8em 1em; gap: 0.4em; }
-    padding: 0.8em 1em;
+   .roadmap-stat     { min-width: 55px; padding: 0.4em 0.6em; }
-    gap: 0.4em;
+   .roadmap-item     { padding: 0.6em 1em; }
-  }
+   .roadmap-date     { display: none; }
-   .roadmap-stat {
+   .roadmap-header   { padding: 1em; }
-    min-width: 55px;
+   .roadmap-section-title  { padding: 0.6em 1em; }
-    padding: 0.4em 0.6em;
+   .roadmap-progress-wrap  { padding: 0.6em 1em 0.8em; }
-  }
-   .roadmap-item {
-    padding: 0.6em 1em;
-  }
-   .roadmap-date {
-    display: none;
-  }
-   .roadmap-header {
-    padding: 1em;
-  }
-   .roadmap-section-title {
-    padding: 0.6em 1em;
-  }
-   .roadmap-progress-wrap {
-    padding: 0.6em 1em 0.8em;
-  }
 }