Template:Documentation/styles.css: Difference between revisions
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 # | border: 1px solid #FFA500; /* Amber border for IBM terminal vibe */ | ||
background-color: #000000; /* Black background */ | background-color: #000000; /* Black background */ | ||
color: # | 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 # | 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 # | 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 # | 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;
}
}