|
|
| Ligne 23 : |
Ligne 23 : |
| } | | } |
|
| |
|
| /* ===== Documentation des modèles (Skin Citizen) ===== */
| |
| /* Conteneur principal */
| |
| .citizen-documentation-container {
| |
| margin: 1.5em 0;
| |
| width: 100%;
| |
| }
| |
|
| |
|
| /* 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;
| |
| align-items: center;
| |
| }
| |
|
| |
| .citizen-doc-actions {
| |
| margin-top: 0.5em;
| |
| font-size: 0.95em;
| |
| }
| |
|
| |
| .citizen-doc-link a {
| |
| 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);
| |
| }
| |
|
| |
| [data-theme="dark"] .citizen-doc-missing,
| |
| .body-theme-dark .citizen-doc-missing {
| |
| background-color: var(--citizen-background-color-dark-danger-subtle, #3e2d2d);
| |
| border-color: var(--citizen-border-color-dark-danger, #6e3d3d);
| |
| color: var(--citizen-text-color-dark-danger, #ffcccc);
| |
| }
| |
|
| |
| /* Pour les liens dans les docs */
| |
| .citizen-doc-box a {
| |
| color: var(--citizen-accent-color, #0d6efd);
| |
| }
| |
|
| |
| [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 */ | | /* Align icon opacity with skin default */ |
