Template:Documentation/styles.css: Difference between revisions

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

Revision as of 21:28, 29 August 2025

.documentation,
.documentation-metadata {
    border: 1px solid #00FF00; /* Green border for IBM terminal vibe */
    background-color: #000000; /* Black background */
    color: #00FF00; /* 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 #00FF00; /* 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 #00FF00;
    }
}
@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 #00FF00;
    }
}