« Modèle:Documentation/styles.css » : différence entre les versions
De Nefald
Autres actions
Aucun résumé des modifications |
mAucun résumé des modifications |
||
| Ligne 1 : | Ligne 1 : | ||
/* Conteneur principal */ | |||
/* Conteneur principal | .nef-doc-system { | ||
.nef-doc- | margin: 1em 0; | ||
margin: | font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; | ||
font- | |||
} | } | ||
/* Boîte de documentation | /* Boîte de documentation existante */ | ||
.nef-doc-box { | .nef-doc-box { | ||
border-radius: | border: 1px solid #c8ccd0; | ||
border-radius: 4px; | |||
padding: 1.2em; | padding: 1.2em; | ||
margin-bottom: | margin-bottom: 1em; | ||
background-color: #fff; | |||
} | } | ||
@media (prefers-color-scheme: dark) { | |||
.nef-doc- | .nef-doc-box { | ||
background-color: #2d333b; | |||
border-color: #4a5568; | |||
} | |||
} | } | ||
/* Style pour les documents existants */ | |||
.nef-doc-exists { | |||
.nef-doc- | border-left: 3px solid #22863a; | ||
border- | |||
} | } | ||
/* Style pour les documents manquants */ | |||
/* | |||
.nef-doc-missing { | .nef-doc-missing { | ||
display: flex; | display: flex; | ||
align-items: flex-start; | align-items: flex-start; | ||
gap: 1em; | gap: 1em; | ||
background-color: #f8f9fa; | |||
border-left: 3px solid #d73d3d; | |||
color: # | } | ||
@media (prefers-color-scheme: dark) { | |||
.nef-doc-missing { | |||
background-color: #22272e; | |||
} | |||
} | } | ||
.nef-doc-icon { | .nef-doc-icon { | ||
font-size: | font-size: 2.5em; | ||
line-height: 1; | line-height: 1; | ||
flex-shrink: 0; | flex-shrink: 0; | ||
} | } | ||
.nef-doc- | .nef-doc-content { | ||
background-color: | flex: 1; | ||
padding: 0. | } | ||
border- | |||
/* 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; | |||
color: # | |||
} | } | ||
.nef-doc-box a:visited { | |||
color: #0b0080; | |||
color: # | |||
} | } | ||
@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; | |||
} | |||
} | } | ||
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;
}
}