Modèle:Documentation/styles.css
De Nefald
Autres actions
/* ===== STYLES POUR LA DOCUMENTATION (NEFALD.WIKI) ===== */
/* Conteneur principal - commun aux deux thèmes */
.nef-doc-wrapper {
margin: 1.5em 0;
width: 100%;
font-size: 0.9em;
}
/* Boîte de documentation (contenu existant) */
.nef-doc-box {
border-radius: 6px;
padding: 1.2em;
margin-bottom: 0.5em;
border: 1px solid;
transition: all 0.2s ease;
}
/* Style pour le contenu de documentation */
.nef-doc-has-content {
border-color: #0d6efd;
background-color: #f8f9fa;
color: #212529;
}
.nef-doc-has-content h2,
.nef-doc-has-content h3,
.nef-doc-has-content h4 {
color: #212529;
border-bottom: 1px solid #dee2e6;
padding-bottom: 0.2em;
margin-top: 1.2em;
}
.nef-doc-has-content code,
.nef-doc-has-content pre {
background-color: #e9ecef;
border: 1px solid #dee2e6;
border-radius: 4px;
padding: 0.2em 0.4em;
font-family: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;
}
/* Boîte pour documentation manquante */
.nef-doc-missing {
display: flex;
align-items: flex-start;
gap: 1em;
border-color: #ffc107;
background-color: #fff3cd;
color: #856404;
}
.nef-doc-icon {
font-size: 1.5em;
line-height: 1;
flex-shrink: 0;
margin-top: 0.1em;
}
.nef-doc-text code {
background-color: rgba(255, 255, 255, 0.5);
padding: 0.1em 0.3em;
border-radius: 3px;
}
/* ===== THÈME SOMBRE (Citizen) ===== */
/* Détection via classes standard de Citizen */
.client-nocturne .nef-doc-has-content,
[data-theme="dark"] .nef-doc-has-content,
.body-theme-dark .nef-doc-has-content {
background-color: #2d3036;
border-color: #6ea1f8;
color: #e0e2e5;
}
.client-nocturne .nef-doc-has-content h2,
.client-nocturne .nef-doc-has-content h3,
.client-nocturne .nef-doc-has-content h4,
[data-theme="dark"] .nef-doc-has-content h2,
[data-theme="dark"] .nef-doc-has-content h3,
[data-theme="dark"] .nef-doc-has-content h4 {
color: #e0e2e5;
border-bottom-color: #495057;
}
.client-nocturne .nef-doc-has-content code,
.client-nocturne .nef-doc-has-content pre,
[data-theme="dark"] .nef-doc-has-content code,
[data-theme="dark"] .nef-doc-has-content pre {
background-color: #2b2f33;
border-color: #495057;
color: #f18bbc;
}
/* Style pour documentation manquante en mode sombre */
.client-nocturne .nef-doc-missing,
[data-theme="dark"] .nef-doc-missing,
.body-theme-dark .nef-doc-missing {
background-color: #3e4146;
border-color: #ffc107;
color: #ffc107;
}
.client-nocturne .nef-doc-missing .nef-doc-text code,
[data-theme="dark"] .nef-doc-missing .nef-doc-text code {
background-color: rgba(0, 0, 0, 0.3);
border: 1px solid #6c757d;
}