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/default | |
| 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/default')
| -rw-r--r-- | old/2/themes/default/bg.jpg | bin | 0 -> 250876 bytes | |||
| -rw-r--r-- | old/2/themes/default/div-bg.png | bin | 0 -> 11420 bytes | |||
| -rw-r--r-- | old/2/themes/default/style.css | 127 |
3 files changed, 127 insertions, 0 deletions
diff --git a/old/2/themes/default/bg.jpg b/old/2/themes/default/bg.jpg Binary files differnew file mode 100644 index 0000000..feeaadb --- /dev/null +++ b/old/2/themes/default/bg.jpg diff --git a/old/2/themes/default/div-bg.png b/old/2/themes/default/div-bg.png Binary files differnew file mode 100644 index 0000000..4d45b2c --- /dev/null +++ b/old/2/themes/default/div-bg.png diff --git a/old/2/themes/default/style.css b/old/2/themes/default/style.css new file mode 100644 index 0000000..08bfef1 --- /dev/null +++ b/old/2/themes/default/style.css @@ -0,0 +1,127 @@ +:root { + --stdfont: 'Raleway', Century Gothic, CenturyGothic, AppleGothic, sans-serif; + --fontcolor: white; + --linkcolor: #df1955; + --linkhovercolor: #00ffd5; +} +body { + background-image: url("bg.jpg"); + background-attachment: fixed; + background-size: cover; + background-position: center; +} +#centercolumn { + background: #222222 url("div-bg.png"); + padding-left: 50px; + padding-right: 50px; + margin-top: -20px; + padding-top: 20px; + box-shadow: 0 10px 8px 4px black inset; +} +#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; + text-shadow: 4px 4px 4px black; +} +@keyframes happear { + from { + opacity: 0; + letter-spacing: 0.2ch; + margin-left: -200px; + margin-right: -200px; + } to { + opacity: 1; + letter-spacing: normal; + margin-left: -50px; + margin-right: -50px; + } +} +.section { + width: 100%; + font-size: 1.2em; +} +.section h2 { + text-shadow: 2px 2px 3px black; +} +.section h3 { + text-shadow: 1px 1px 2px black; + font-weight: 400; + font-size: 0.8em; + margin-top: -20px; +} +.section h4 { + font-size: 1.2em; + text-shadow: 2px 2px 3px black; +} +a { + color: var(--linkcolor); + text-decoration: none; + transition-duration: 0.2s; +} +a:hover { + color: var(--linkhovercolor); +} +#themeselector { + background: #222222 url("div-bg.png"); + box-shadow: 0 0 8px 4px black; + padding-left: 90px; + padding-right: 40px; + font-size: 1.2em; + animation-duration: 0.7s; +} +#nav { + background: #222222 url("div-bg.png"); + box-shadow: 0 0 8px 4px black; +} +@media (max-width: 900px) or (orientation: portrait) { + #themeselector { + padding-left: 40px; + } +} +#nav a:hover { + background-color: #ffffff10; +} +#nav a { + color: gainsboro; +} +.hoverable { + transition-duration: 0.2s; +} +.tooltip { + background-color: #222222; + border: 2px outset gainsboro; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 8px; + padding-right: 8px; + box-shadow: 2px 2px 8px black; +} +.emph { + font-style: italic; +} +@keyframes rainbow-text { + 100%,0%{color: rgb(255,0,0); text-shadow: 0 0 4px rgb(216, 1, 1);} + 8%{color: rgb(255,127,0); text-shadow: 0 0 4px rgb(211, 105, 0);} + 16%{color: rgb(255,255,0); text-shadow: 0 0 4px rgb(214, 214, 0);} + 25%{color: rgb(127,255,0); text-shadow: 0 0 4px rgb(105, 211, 0);} + 33%{color: rgb(0,255,0); text-shadow: 0 0 4px rgb(0, 204, 0);} + 41%{color: rgb(0,255,127); text-shadow: 0 0 4px rgb(0, 209, 105);} + 50%{color: rgb(0,255,255); text-shadow: 0 0 4px rgb(0, 202, 202);} + 58%{color: rgb(0,127,255); text-shadow: 0 0 4px rgb(0, 103, 206);} + 66%{color: rgb(0,0,255); text-shadow: 0 0 4px rgb(0, 0, 206);} + 75%{color: rgb(127,0,255); text-shadow: 0 0 4px rgb(103, 0, 206);} + 83%{color: rgb(255,0,255); text-shadow: 0 0 4px rgb(211, 0, 211);} + 91%{color: rgb(255,0,127); text-shadow: 0 0 4px rgb(211, 0, 105);} +} +#albums img { + box-shadow: 2px 2px 8px 2px black; +} +div#buttons { + margin-top: 2rem; +}
\ No newline at end of file |
