Modèle:Documentation/styles.css
De Nefald
Autres actions
/* 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;
}
}