diff options
| author | Hannah Isopod <me@bathynomus.xyz> | 2025-05-10 03:03:58 -0600 |
|---|---|---|
| committer | Hannah Isopod <me@bathynomus.xyz> | 2025-05-10 03:03:58 -0600 |
| commit | eb61c1bae2ffad114e17393d91d86fb00d7ac8cd (patch) | |
| tree | 4f997d73e0843dab760e5d988679a1a86b76f5da /old/2/themes/gruvbox/style.css | |
| parent | 4b9500ddeedbea21f80f41dfe4149cf3bf9be4c3 (diff) | |
Initialer commit
Just remade the repo because I don't *need* need a comprehensive source history for my personal website and this is easier than getting filter-repo to work good
Diffstat (limited to 'old/2/themes/gruvbox/style.css')
| -rw-r--r-- | old/2/themes/gruvbox/style.css | 121 |
1 files changed, 121 insertions, 0 deletions
diff --git a/old/2/themes/gruvbox/style.css b/old/2/themes/gruvbox/style.css new file mode 100644 index 0000000..3fee1a5 --- /dev/null +++ b/old/2/themes/gruvbox/style.css @@ -0,0 +1,121 @@ +:root { + --stdfont: 'Montserrat', Century Gothic, CenturyGothic, AppleGothic, sans-serif; + --fontcolor: #ebdbb2; + --linkcolor: #458488; + --linkhovercolor: #83a598; +} +body { + background: #282828 url('bg.png'); + background-attachment: fixed; + background-size: cover; + background-position: center; +} +#centercolumn { + display: flex; + flex-direction: column; + align-items: center; +} +#header { + text-align: center; + font-size: 3.4em; + color: var(--fontcolor); + margin-bottom: 10px; + margin-top: 0; + animation-duration: 1s; + animation-fill-mode: both; + opacity: 0; + min-width: 100%; + margin-left: -1000px; + margin-right: -1000px; +} +@keyframes happear { + from { + opacity: 0; + letter-spacing: 0.2ch; + } to { + opacity: 1; + letter-spacing: normal; + } +} +.section { + padding: 30px; + border-radius: 16px; + background: #1d2021f1; + width: 100%; + font-size: 1.2em; + margin-bottom: 20px; +} +.section h2 { + margin-top: 0; +} +.section h3 { + font-weight: 400; + font-size: 0.8em; + margin-top: -20px; +} +.section h4 { + font-size: 1.2em; +} +.section p { + margin-bottom: 0; +} +a { + color: var(--linkcolor); + text-decoration: none; + transition-duration: 0.2s; +} +a:hover { + color: var(--linkhovercolor); +} +#themeselector { + background: #1d2021f1; + padding-left: 90px; + padding-right: 40px; + font-size: 1.2em; + animation-duration: 0.7s; +} +@media (max-width: 900px) or (orientation: portrait) { + #themeselector { + padding-left: 40px; + } + #header { + margin-left: 0; + margin-right: 0; + width: 100%; + } +} +#nav a { + color: var(--fontcolor); + border-radius: 50%; +} +#nav a:hover { + transform: rotate(-6deg); + background-color: #ffffff10; +} +#nav svg { + width: 32px; + height: 32px; +} +.hoverable { + transition-duration: 0.2s; +} +.tooltip { + background-color: #1d2021f1; + border-radius: 16px; + padding-top: 8px; + padding-bottom: 8px; + padding-left: 11px; + padding-right: 11px; + box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.267); +} +.emph { + font-style: italic; +} +@keyframes rainbow-text { + 100%,0%{color: #cc241d; text-shadow: 0 0 4px #cc241d;} + 8%{color: #fe8019; text-shadow: 0 0 4px #fe8019;} + 16%{color: #fabd2f; text-shadow: 0 0 4px #fabd2f;} + 33%{color: #b8bb26; text-shadow: 0 0 4px #b8bb26;} + 58%{color: #458588; text-shadow: 0 0 4px #458588;} + 75%{color: #b16286; text-shadow: 0 0 4px #b16286;} +}
\ No newline at end of file |
