Template:Documentation/styles.css

From OODA WIKI
Jump to navigation Jump to search
.documentation,
.documentation-metadata {
    border: 1px solid #FFA500; /* Amber border for IBM terminal vibe */
    background-color: #000000; /* Black background */
    color: #FFA500; /* Classic green text */
    font-family: "IBM Plex Mono", "Courier New", monospace; /* Monospaced font */
    clear: both;
    padding: 0.5em; /* Tight padding for compact look */
    box-shadow: 0 0 5px #00FF00; /* Subtle glow for CRT effect */
}
.documentation {
    margin: 1em 0 0 0;
}
.documentation-metadata {
    margin: 0.2em 0;
    font-style: italic;
    padding: 0.4em 0.5em;
}
.documentation-startbox {
    padding-bottom: 2px;
    border-bottom: 1px solid #FFA500; /* Green underline */
    margin-bottom: 0.5ex;
}
.documentation-heading {
    font-weight: bold;
    font-size: 130%; /* Slightly larger for emphasis */
    text-transform: uppercase; /* Mimics terminal text */
}
.documentation-clear {
    clear: both;
}
.documentation-toolbar {
    font-style: normal;
    font-size: 80%; /* Smaller for toolbar */
    color: #00CC00; /* Slightly darker green for contrast */
}
@media screen {
    html.skin-theme-clientpref-night .documentation,
    html.skin-theme-clientpref-night .documentation-metadata {
        background-color: #111111; /* Slightly lighter black for dark mode */
        color: #00FF00;
        box-shadow: 0 0 5px #FFA500;
    }
}
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .documentation,
    html.skin-theme-clientpref-os .documentation-metadata {
        background-color: #111111;
        color: #00FF00;
        box-shadow: 0 0 5px #FFA500;
    }
}