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/deeptwisty | |
| 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/deeptwisty')
| -rw-r--r-- | old/2/themes/deeptwisty/bg.png | bin | 0 -> 1002687 bytes | |||
| -rw-r--r-- | old/2/themes/deeptwisty/style.css | 127 |
2 files changed, 127 insertions, 0 deletions
diff --git a/old/2/themes/deeptwisty/bg.png b/old/2/themes/deeptwisty/bg.png Binary files differnew file mode 100644 index 0000000..431a733 --- /dev/null +++ b/old/2/themes/deeptwisty/bg.png diff --git a/old/2/themes/deeptwisty/style.css b/old/2/themes/deeptwisty/style.css new file mode 100644 index 0000000..a99876d --- /dev/null +++ b/old/2/themes/deeptwisty/style.css @@ -0,0 +1,127 @@ +:root { + --stdfont: 'Ubuntu', Century Gothic, CenturyGothic, AppleGothic, sans-serif; + --fontcolor: gainsboro; + --linkcolor: #226dff; + --linkhovercolor: #5cc3ff; +} +body { + background: black url("bg.png"); + background-attachment: fixed; + background-size: cover; + background-position: center; +} +#centercolumn { + background: #000000f2;; + margin-top: -20px; + padding-top: 20px; + box-shadow: 0 0px 45px 70px #000000f2; +} +#header { + text-align: center; + font-size: 3.4em; + color: transparent; + -webkit-text-stroke-color: var(--fontcolor); + -webkit-text-stroke-width: 2px; + text-shadow: 0 0 12px white; + margin-bottom: -10px; + margin-top: 0; + animation-duration: 2s; + animation-fill-mode: both; + opacity: 0; +} +@keyframes happear { + from { + opacity: 0; + } to { + opacity: 1; + } +} +.section { + width: 100%; + font-size: 1.2em; +} +.section h2 { + text-shadow: 0 0 7px white; +} +.section h3 { + text-shadow: 0 0 2px white; + font-weight: 400; + font-size: 0.8em; + margin-top: -20px; +} +.section h4 { + text-shadow: 0 0 4px white; + font-size: 1.2em; +} +a { + color: var(--linkcolor); + text-shadow: 0 0 3px var(--linkcolor); + text-decoration: none; + transition-duration: 0.2s; +} +a:hover { + color: var(--linkhovercolor); + text-shadow: 0 0 7px var(--linkhovercolor); +} +#themeselector { + background: #000000f2; + box-shadow: 0 0 20px 20px #000000f2; + padding-left: 90px; + padding-right: 20px; + font-size: 1.2em; + animation-duration: 0.7s; +} +#nav { + background: #000000f2; + box-shadow: 0 0 20px 20px #000000f2; +} +@media (max-width: 900px) or (orientation: portrait) { + #themeselector { + padding-left: 40px; + } +} +#nav a { + color: gainsboro; +} +#nav a:hover { + background-color: #ffffff10; + box-shadow: 0 0 6px 6px #ffffff10; +} +.hoverable { + text-shadow: 0 0 3px var(--linkcolor); + transition-duration: 0.2s; +} +.hoverable:hover { + text-shadow: 0 0 7px var(--linkhovercolor); +} +.tooltip { + background-color: #000000f2; + padding-top: 5px; + padding-bottom: 5px; + padding-left: 8px; + padding-right: 8px; + box-shadow: 0 0 10px 10px #000000f2; +} +.hoverable:hover .tooltip { + text-shadow: none; +} +.emph { + font-style: italic; +} +@keyframes rainbow-text { + 100%,0%{-webkit-text-stroke-color: rgb(255,0,0); text-shadow: 0 0 12px rgb(216, 1, 1);} + 8%{-webkit-text-stroke-color: rgb(255,127,0); text-shadow: 0 0 12px rgb(211, 105, 0);} + 16%{-webkit-text-stroke-color: rgb(255,255,0); text-shadow: 0 0 12px rgb(214, 214, 0);} + 25%{-webkit-text-stroke-color: rgb(127,255,0); text-shadow: 0 0 12px rgb(105, 211, 0);} + 33%{-webkit-text-stroke-color: rgb(0,255,0); text-shadow: 0 0 12px rgb(0, 204, 0);;} + 41%{-webkit-text-stroke-color: rgb(0,255,127); text-shadow: 0 0 12px rgb(0, 209, 105);} + 50%{-webkit-text-stroke-color: rgb(0,255,255); text-shadow: 0 0 12px rgb(0, 202, 202);} + 58%{-webkit-text-stroke-color: rgb(0,127,255); text-shadow: 0 0 12px rgb(0, 103, 206);} + 66%{-webkit-text-stroke-color: rgb(0,0,255); text-shadow: 0 0 12px rgb(0, 0, 206);} + 75%{-webkit-text-stroke-color: rgb(127,0,255); text-shadow: 0 0 12px rgb(103, 0, 206);} + 83%{-webkit-text-stroke-color: rgb(255,0,255); text-shadow: 0 0 12px rgb(211, 0, 211);} + 91%{-webkit-text-stroke-color: rgb(255,0,127); text-shadow: 0 0 12px rgb(211, 0, 105);} +} +div#buttons { + margin-top: 2rem; +}
\ No newline at end of file |
