diff options
| author | Paul Buetow <paul@buetow.org> | 2025-06-22 22:14:11 +0300 |
|---|---|---|
| committer | Paul Buetow <paul@buetow.org> | 2025-06-22 22:14:11 +0300 |
| commit | 2b78e5fcdf303f7055a67e13c5968e9ed92f56df (patch) | |
| tree | aa64ddf518419c807782ce302a62ff36da79fca2 /extras/html/themes/aurora_breeze/style.css | |
| parent | 3af674aebad9e3792fbf13b3cbda7b1691b1f4f3 (diff) | |
Replace themes with 50 retro-futuristic single-column themes
- Removed previous multi-layout themes
- Generated 50 new retro/retro-futuristic themes with:
- Single column layout only
- Minimum 1200px width for modern displays
- Retro computing aesthetics (terminal, CRT, synthwave, etc.)
- Various visual effects: scanlines, CRT, grid, dots, terminal
- Monospace typography throughout
- Theme palettes include:
- Classic terminal green
- Amber CRT monitors
- Synthwave purple/pink
- Matrix green
- DOS blue/white
- Cyberpunk neon
- And more retro color schemes
- Updated index.html with retro-themed gallery interface
- All themes W3C CSS validated
- Proper font licensing maintained
- Screenshot previews for all themes
🤖 Generated with [Claude Code](https://claude.ai/code)
Co-Authored-By: Claude <noreply@anthropic.com>
Diffstat (limited to 'extras/html/themes/aurora_breeze/style.css')
| -rw-r--r-- | extras/html/themes/aurora_breeze/style.css | 166 |
1 files changed, 0 insertions, 166 deletions
diff --git a/extras/html/themes/aurora_breeze/style.css b/extras/html/themes/aurora_breeze/style.css deleted file mode 100644 index 04cd498..0000000 --- a/extras/html/themes/aurora_breeze/style.css +++ /dev/null @@ -1,166 +0,0 @@ -/* Base styles */ -@font-face { - font-family: 'text'; - src: url("./text.ttf") format("truetype"); -} - -@font-face { - font-family: 'heading'; - src: url("./heading.ttf") format("truetype"); -} - -@font-face { - font-family: 'code'; - src: url("./code.ttf") format("truetype"); -} - -@font-face { - font-family: 'handnotes'; - src: url("./handnotes.ttf") format("truetype"); -} - -:root { - --color-primary: #c4a638; - --color-secondary: #38c4a6; - --color-accent: #a638c4; - --color-bg: #f1f0ee; - --color-text: #0d0d0d; - --font-size-base: 18px; - --font-size-h1: 2.37em; - --font-size-h2: 1.78em; - --font-size-h3: 1.33em; - --line-height: 1.52; -} - -* { - box-sizing: border-box; -} - -html { - font-size: var(--font-size-base); - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; -} - -body { - font-family: text, sans-serif; - background-color: var(--color-bg); - color: var(--color-text); - line-height: var(--line-height); - margin: 0; - padding: 0; - overflow-wrap: break-word; -} - -h1, h2, h3 { - font-family: heading, serif; - line-height: 1.2; - margin-top: 1em; - margin-bottom: 0.5em; -} - -h1 { - font-size: var(--font-size-h1); - color: var(--color-primary); -} - -h2 { - font-size: var(--font-size-h2); - color: var(--color-primary); -} - -h3 { - font-size: var(--font-size-h3); - color: var(--color-secondary); -} - -a { - font-family: code, monospace; - color: var(--color-secondary); - text-decoration: none; - transition: all 0.3s ease; -} - -a:hover { - color: var(--color-accent); - text-decoration: underline; -} - -.textlink { - font-family: text, sans-serif; -} - -.quote { - font-family: handnotes, cursive; - border-left: 4px solid var(--color-accent); - padding: 1em 1.5em; - margin: 1.5em 0; - background-color: rgba(196, 166, 56, 0.07); - font-style: italic; -} - -pre { - font-family: code, monospace; - background-color: rgba(13, 13, 13, 0.04); - border: 1px solid rgba(13, 13, 13, 0.13); - padding: 1em; - overflow-x: auto; - border-radius: 4px; - font-size: 0.9em; -} - -code { - font-family: code, monospace; - background-color: rgba(13, 13, 13, 0.04); - padding: 0.2em 0.4em; - border-radius: 3px; - font-size: 0.9em; -} - -ul, ol { - padding-left: 2em; - margin: 1em 0; -} - -li { - margin: 0.5em 0; -} - -img { - max-width: 100%; - height: auto; -} - -hr { - border: none; - border-top: 1px solid rgba(13, 13, 13, 0.20); - margin: 2em 0; -} - - -/* Layout: gradient */ - -body { - margin: 0; - padding: 0; - background: linear-gradient(180deg, rgba(196, 166, 56, 0.13) 0%, rgba(56, 196, 166, 0.13) 50%, rgba(166, 56, 196, 0.13) 100%); - min-height: 100vh; -} - -.header { - text-align: center; - padding: 6em 2em; - background: rgba(255,255,255,0.1); - backdrop-filter: blur(10px); - margin-bottom: 4em; -} - -h1, h2, h3, p, ul, pre, .quote { - max-width: 65ch; - margin: 2em auto; - padding: 2em; - background: rgba(255,255,255,0.95); - backdrop-filter: blur(10px); - border-radius: 20px; - box-shadow: 0 8px 32px rgba(0,0,0,0.1); -} |
