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
Tag: Reverted
Line 1: Line 1:
.documentation,
.documentation,
.documentation-metadata {
.documentation-metadata {
     border: 1px solid #00FF00; /* Green border for IBM terminal vibe */
     border: 1px solid #FFA500; /* Amber border for IBM terminal vibe */
     background-color: #000000; /* Black background */
     background-color: #000000; /* Black background */
     color: #00FF00; /* Classic green text */
     color: #FFA500; /* Classic green text */
     font-family: "IBM Plex Mono", "Courier New", monospace; /* Monospaced font */
     font-family: "IBM Plex Mono", "Courier New", monospace; /* Monospaced font */
     clear: both;
     clear: both;
Line 19: Line 19:
.documentation-startbox {
.documentation-startbox {
     padding-bottom: 2px;
     padding-bottom: 2px;
     border-bottom: 1px solid #00FF00; /* Green underline */
     border-bottom: 1px solid #FFA500; /* Green underline */
     margin-bottom: 0.5ex;
     margin-bottom: 0.5ex;
}
}
Line 40: Line 40:
         background-color: #111111; /* Slightly lighter black for dark mode */
         background-color: #111111; /* Slightly lighter black for dark mode */
         color: #00FF00;
         color: #00FF00;
         box-shadow: 0 0 5px #00FF00;
         box-shadow: 0 0 5px #FFA500;
     }
     }
}
}
Line 48: Line 48:
         background-color: #111111;
         background-color: #111111;
         color: #00FF00;
         color: #00FF00;
         box-shadow: 0 0 5px #00FF00;
         box-shadow: 0 0 5px #FFA500;
     }
     }
}
}

Revision as of 21:33, 29 August 2025

.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;
    }
}