9 lines
14 KiB
CSS
9 lines
14 KiB
CSS
|
/* Source file from the docmd project — https://github.com/mgks/docmd */
|
||
|
|
|
||
|
|
/*
|
||
|
|
* docmd Retro Theme
|
||
|
|
* Inspired by 1980s-90s computing aesthetics
|
||
|
|
* Features: Neon colors, scanlines, terminal styling, glow effects
|
||
|
|
*/
|
||
|
|
|
||
|
|
a,h1,h2,h3,h4,h5,h6{color:var(--retro-accent)}a,body{position:relative}html[data-theme=light] pre,pre{color:var(--retro-text)!important;background:var(--retro-secondary)!important}html[data-theme=light] code,html[data-theme=light] pre,pre{background:var(--retro-secondary)!important}body,pre::before{background:var(--retro-primary)}.page-header::after,html[data-theme=light] .page-header::after{background:linear-gradient(90deg,transparent,var(--retro-accent),transparent)}.btn,.docmd-button,.docmd-tabs-nav-item,.theme-toggle-button,button{cursor:pointer;transition:.3s;font-family:var(--retro-font-family)}.btn,.docmd-button,.docmd-tabs-nav-item,.sidebar-nav a,.theme-toggle-button,body,button,code,h1,h2,h3,h4,h5,h6{font-family:var(--retro-font-family)}:root{--retro-primary:#0a0a0a;--retro-secondary:#1a1a1a;--retro-bg-light:#0f0f0f;--retro-text:#00ff41;--retro-text-secondary:#ffb000;--retro-text-muted:#888888;--retro-accent:#00ffff;--retro-danger:#ff1493;--retro-warning:#ffb000;--retro-success:#00ff41;--retro-info:#0066ff;--retro-border:#333333;--retro-border-bright:#00ffff;--retro-glow:0 0 10px currentColor;--retro-glow-soft:0 0 5px currentColor;--retro-shadow:0 0 20px rgba(0, 255, 255, 0.3);--retro-font-family:'Fira Code','Courier New','Consolas',monospace;--retro-font-family-alt:'Share Tech Mono','Courier New',monospace;--retro-spacing:1rem;--retro-spacing-small:0.5rem;--retro-spacing-large:2rem}html[data-theme=light]{--retro-primary:#f0f0f0;--retro-secondary:#e0e0e0;--retro-bg-light:#f5f5f5;--retro-text:#2d5d2d;--retro-text-secondary:#8b4500;--retro-text-muted:#666666;--retro-accent:#006666;--retro-danger:#b71c42;--retro-warning:#b8860b;--retro-success:#228b22;--retro-info:#4169e1;--retro-border:#cccccc;--retro-border-bright:#006666;--retro-glow:0 0 5px currentColor;--retro-glow-soft:0 0 3px currentColor;--retro-shadow:0 0 15px rgba(0, 102, 102, 0.2)}*{box-sizing:border-box}body{color:var(--retro-text);line-height:1.6;margin:0;padding:0;min-height:100vh;overflow-x:hidden}body::before{content:'';position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(transparent 50%,rgba(0,255,65,.03) 50%);background-size:100% 4px;pointer-events:none;z-index:1000;animation:.1s linear infinite scanlines}html[data-theme=light]::before{background:linear-gradient(transparent 50%,rgba(45,93,45,.02) 50%)}html[data-theme=light] .page-header{box-shadow:0 2px 10px rgba(0,102,102,.2)}@keyframes scanlines{0%{transform:translateY(0)}100%{transform:translateY(4px)}}@keyframes flicker{0%,100%{opacity:1}98%{opacity:.98}99%{opacity:.99}}.page-container{animation:3s infinite flicker}h1,h2,h3,h4,h5,h6{text-transform:uppercase;letter-spacing:2px;text-shadow:var(--retro-glow-soft);margin:var(--retro-spacing-large) 0 var(--retro-spacing)}code,h2{color:var(--retro-text-secondary)}h1{font-size:2.5rem;border-bottom:2px solid var(--retro-accent);padding-bottom:.5rem;animation:2s ease-in-out infinite alternate glow-pulse}@keyframes glow-pulse{from{text-shadow:0 0 5px var(--retro-accent)}to{text-shadow:0 0 15px var(--retro-accent),0 0 25px var(--retro-accent)}}h2{font-size:2rem}h3,html[data-theme=light] .sidebar-nav a{color:var(--retro-text)}h3{font-size:1.5rem}p{margin:var(--retro-spacing) 0;text-shadow:0 0 2px currentColor}.callout-title,a{text-shadow:var(--retro-glow-soft)}a{text-decoration:none;transition:.3s}a:hover{color:var(--retro-danger);text-shadow:var(--retro-glow)}.page-content a:before,.sidebar-nav a:before{content:'>';margin-right:.25rem;animation:1s infinite blink}.docmd-button:before,.docmd-container.steps ol.steps-list>li.step-item:last-child::after,.docmd-container.steps ol:not(.steps-list) li::before,.docmd-container.steps ul li::before,.page-header a:before,.page-nav a:before{display:none}@keyframes blink{0%,50%{opacity:1}100%,51%{opacity:0}}code{background:var(--retro-secondary);padding:.2rem .4rem;border-radius:3px;border:1px solid var(--retro-border);box-shadow:inset 0 0 5px rgba(0,255,65,.2)}.page-header,pre{padding:var(--retro-spacing);position:relative}pre{border-radius:8px;border:1px solid var(--retro-border-bright);bo
|