« Modèle:Documentation/styles.css » : différence entre les versions
De Nefald
Autres actions
Page créée avec « .documentation-header { border-bottom: 2px solid #a2a9b1; margin-bottom: 1em; } .documentation-content { background: #f8f9fa; border: 1px solid #a2a9b1; padding: 1em; margin-bottom: 1em; } .documentation-sandbox, .documentation-test { background: #fff3cd; border: 1px solid #ffeeba; padding: 1em; margin-bottom: 1em; } .documentation-footer { margin-top: 1em; padding-top: 0.5em; font-size: 90%; color: #5459... » |
mAucun résumé des modifications |
||
| (Une version intermédiaire par le même utilisateur non affichée) | |||
| Ligne 1 : | Ligne 1 : | ||
.documentation- | /* Conteneur principal */ | ||
border | .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; | 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 */ | ||
background: #f8f9fa; | .nef-doc-exists { | ||
border: | 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 */ | ||
background: # | .nef-doc-instructions { | ||
background-color: #e7f5ff; | |||
padding: | color: #00529b; | ||
padding: 0.8em; | |||
border-radius: 4px; | 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; | |||
} | |||
} | } | ||
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;
}
}