Basculer le menu
Changer de menu des préférences
Basculer le menu personnel
Non connecté(e)
Votre adresse IP sera visible au public si vous faites des modifications.

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

De Nefald
Hiob (discussion | contributions)
Aucun résumé des modifications
Hiob (discussion | contributions)
mAucun résumé des modifications
 
Ligne 1 : Ligne 1 :
/* ===== STYLES POUR LA DOCUMENTATION (NEFALD.WIKI) ===== */
/* Conteneur principal */
/* Conteneur principal - commun aux deux thèmes */
.nef-doc-system {
.nef-doc-wrapper {
     margin: 1em 0;
     margin: 1.5em 0;
     font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    width: 100%;
     font-size: 0.9em;
}
}


/* Boîte de documentation (contenu existant) */
/* Boîte de documentation existante */
.nef-doc-box {
.nef-doc-box {
     border-radius: 6px;
    border: 1px solid #c8ccd0;
     border-radius: 4px;
     padding: 1.2em;
     padding: 1.2em;
     margin-bottom: 0.5em;
     margin-bottom: 1em;
     border: 1px solid;
     background-color: #fff;
    transition: all 0.2s ease;
}
}


/* Style pour le contenu de documentation */
@media (prefers-color-scheme: dark) {
.nef-doc-has-content {
    .nef-doc-box {
    border-color: #0d6efd;
        background-color: #2d333b;
    background-color: #f8f9fa;
        border-color: #4a5568;
     color: #212529;
     }
}
}


.nef-doc-has-content h2,
/* Style pour les documents existants */
.nef-doc-has-content h3,
.nef-doc-exists {
.nef-doc-has-content h4 {
     border-left: 3px solid #22863a;
    color: #212529;
     border-bottom: 1px solid #dee2e6;
    padding-bottom: 0.2em;
    margin-top: 1.2em;
}
}


.nef-doc-has-content code,
/* Style pour les documents manquants */
.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 {
.nef-doc-missing {
     display: flex;
     display: flex;
     align-items: flex-start;
     align-items: flex-start;
     gap: 1em;
     gap: 1em;
     border-color: #ffc107;
     background-color: #f8f9fa;
     background-color: #fff3cd;
     border-left: 3px solid #d73d3d;
     color: #856404;
}
 
@media (prefers-color-scheme: dark) {
     .nef-doc-missing {
        background-color: #22272e;
    }
}
}


.nef-doc-icon {
.nef-doc-icon {
     font-size: 1.5em;
     font-size: 2.5em;
     line-height: 1;
     line-height: 1;
     flex-shrink: 0;
     flex-shrink: 0;
    margin-top: 0.1em;
}
}


.nef-doc-text code {
.nef-doc-content {
     background-color: rgba(255, 255, 255, 0.5);
    flex: 1;
     padding: 0.1em 0.3em;
}
     border-radius: 3px;
 
/* Instructions */
.nef-doc-instructions {
     background-color: #e7f5ff;
    color: #00529b;
     padding: 0.8em;
    border-radius: 4px;
    margin-top: 0.8em;
     border-left: 3px solid #4285f4;
}
}


/* ===== THÈME SOMBRE (Citizen) ===== */
@media (prefers-color-scheme: dark) {
/* Détection via classes standard de Citizen */
    .nef-doc-instructions {
.client-nocturne .nef-doc-has-content,
        background-color: #0a2540;
[data-theme="dark"] .nef-doc-has-content,
        color: #9dcafa;
.body-theme-dark .nef-doc-has-content {
        border-left-color: #6eb9f7;
    background-color: #2d3036;
    }
    border-color: #6ea1f8;
    color: #e0e2e5;
}
}


.client-nocturne .nef-doc-has-content h2,
/* Liens dans les boîtes */
.client-nocturne .nef-doc-has-content h3,
.nef-doc-box a {
.client-nocturne .nef-doc-has-content h4,
     color: #0645ad;
[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,
.nef-doc-box a:visited {
.client-nocturne .nef-doc-has-content pre,
     color: #0b0080;
[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 */
@media (prefers-color-scheme: dark) {
.client-nocturne .nef-doc-missing,
    .nef-doc-box a {
[data-theme="dark"] .nef-doc-missing,
        color: #7ab7ff;
.body-theme-dark .nef-doc-missing {
     }
    background-color: #3e4146;
 
     border-color: #ffc107;
    .nef-doc-box a:visited {
     color: #ffc107;
        color: #a580ff;
     }
}
}


.client-nocturne .nef-doc-missing .nef-doc-text code,
/* Responsive */
[data-theme="dark"] .nef-doc-missing .nef-doc-text code {
@media (max-width: 768px) {
    background-color: rgba(0, 0, 0, 0.3);
    .nef-doc-missing {
     border: 1px solid #6c757d;
        flex-direction: column;
        text-align: center;
    }
 
    .nef-doc-icon {
        margin: 0 auto 0.5em;
     }
}
}

Dernière version du 24 octobre 2025 à 16:38

/* Conteneur principal */
.nef-doc-system {
    margin: 1em 0;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

/* Boîte de documentation existante */
.nef-doc-box {
    border: 1px solid #c8ccd0;
    border-radius: 4px;
    padding: 1.2em;
    margin-bottom: 1em;
    background-color: #fff;
}

@media (prefers-color-scheme: dark) {
    .nef-doc-box {
        background-color: #2d333b;
        border-color: #4a5568;
    }
}

/* Style pour les documents existants */
.nef-doc-exists {
    border-left: 3px solid #22863a;
}

/* Style pour les documents manquants */
.nef-doc-missing {
    display: flex;
    align-items: flex-start;
    gap: 1em;
    background-color: #f8f9fa;
    border-left: 3px solid #d73d3d;
}

@media (prefers-color-scheme: dark) {
    .nef-doc-missing {
        background-color: #22272e;
    }
}

.nef-doc-icon {
    font-size: 2.5em;
    line-height: 1;
    flex-shrink: 0;
}

.nef-doc-content {
    flex: 1;
}

/* Instructions */
.nef-doc-instructions {
    background-color: #e7f5ff;
    color: #00529b;
    padding: 0.8em;
    border-radius: 4px;
    margin-top: 0.8em;
    border-left: 3px solid #4285f4;
}

@media (prefers-color-scheme: dark) {
    .nef-doc-instructions {
        background-color: #0a2540;
        color: #9dcafa;
        border-left-color: #6eb9f7;
    }
}

/* Liens dans les boîtes */
.nef-doc-box a {
    color: #0645ad;
}

.nef-doc-box a:visited {
    color: #0b0080;
}

@media (prefers-color-scheme: dark) {
    .nef-doc-box a {
        color: #7ab7ff;
    }

    .nef-doc-box a:visited {
        color: #a580ff;
    }
}

/* Responsive */
@media (max-width: 768px) {
    .nef-doc-missing {
        flex-direction: column;
        text-align: center;
    }

    .nef-doc-icon {
        margin: 0 auto 0.5em;
    }
}
Les témoins (''cookies'') nous aident à fournir nos services. En utilisant nos services, vous acceptez notre utilisation de témoins.