« MediaWiki:Citizen.css » : différence entre les versions

Navigation interactive dans l’historique

← Modification précédente Modification suivante →

@@ Ligne 23 : / Ligne 23 : @@
 }
-.citizen-search-modal {
+/* ===== Documentation des modèles (Skin Citizen) ===== */
-     position: fixed;
+/* Conteneur principal */
-    top: 0;
+.citizen-documentation-container {
-    left: 0;
+     margin: 1.5em 0;
      width: 100%;
-     height: 100%;
+}
-     background: rgba(0, 0, 0, 0.7);
+/* Boîte de documentation (contenu existant) */
+.citizen-doc-box {
+    border-radius: 8px;
+    padding: 1.2em;
+    margin-bottom: 1em;
+    border: 1px solid;
+    transition: all 0.2s ease;
+}
+.citizen-doc-box-with-content {
+     border-color: var(--citizen-accent-color, #0d6efd);
+     background-color: var(--citizen-background-color-base, #f8f9fa);
+    color: var(--citizen-text-color-base, #212529);
+}
+/* Message "documentation manquante" */
+.citizen-doc-missing {
+    border-color: var(--citizen-border-color-danger, #f5c2c7);
+    background-color: var(--citizen-background-color-danger-subtle, #f8d7da);
+    color: var(--citizen-text-color-danger, #721c24);
+}
+.citizen-doc-header {
+    display: flex;
+    align-items: center;
+    margin-bottom: 0.5em;
+    font-weight: 600;
+}
+.cd-icon {
+    font-size: 1.2em;
+    margin-right: 0.5em;
      display: flex;
-    justify-content: center;
      align-items: center;
-    z-index: 1000;
-    opacity: 0;
-    transition: opacity 0.3s ease;
 }
-.citizen-search-modal-content {
+.citizen-doc-actions {
-     background: #fff;
+    margin-top: 0.5em;
-     padding: 2rem;
+     font-size: 0.95em;
-     border-radius: 8px;
+}
-     width: 90%;
-     max-width: 600px;
+.citizen-doc-link a {
-     box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
+     color: inherit;
+     text-decoration: underline;
+     font-weight: 500;
+}
+/* Adaptation pour le thème sombre */
+[data-theme="dark"] .citizen-doc-box-with-content,
+.body-theme-dark .citizen-doc-box-with-content {
+     background-color: var(--citizen-background-color-dark-subtle, #2d3036);
+     border-color: var(--citizen-border-color-dark-subtle, #414751);
+    color: var(--citizen-text-color-dark-base, #e0e2e5);
 }
-.citizen-search-modal input[type="search"] {
+[data-theme="dark"] .citizen-doc-missing,
-    width: 100%;
+.body-theme-dark .citizen-doc-missing {
-    padding: 0.75rem;
+     background-color: var(--citizen-background-color-dark-danger-subtle, #3e2d2d);
-     border: 1px solid #ddd;
+     border-color: var(--citizen-border-color-dark-danger, #6e3d3d);
-     border-radius: 4px;
+     color: var(--citizen-text-color-dark-danger, #ffcccc);
-     font-size: 1rem;
 }
-.citizen-search-modal button {
+/* Pour les liens dans les docs */
-    margin-top: 0.5rem;
+.citizen-doc-box a {
-    padding: 0.5rem 1rem;
+     color: var(--citizen-accent-color, #0d6efd);
-    background: #36c;
-     color: white;
-    border: none;
-    border-radius: 4px;
-    cursor: pointer;
 }
+[data-theme="dark"] .citizen-doc-box a,
+.body-theme-dark .citizen-doc-box a {
+    color: var(--citizen-accent-color-dark, #5daff2);
+}
 /* Align icon opacity with skin default */