diff options
| author | Bobby <[email protected]> | 2025-01-02 23:47:41 -0500 |
|---|---|---|
| committer | Bobby <[email protected]> | 2025-01-02 23:47:41 -0500 |
| commit | a9c4481356e54317584a4f92d7329364f8ad99e3 (patch) | |
| tree | afc5991e0c662a9250c7cde64bc08b3b51dc78e8 /static/css/shared/core.css | |
| parent | b6bf53661c750cc11fc4d976a594e3ef19cc7363 (diff) | |
| download | thatcomputerscientist-a9c4481356e54317584a4f92d7329364f8ad99e3.tar.xz thatcomputerscientist-a9c4481356e54317584a4f92d7329364f8ad99e3.zip | |
some optimization stuff
Diffstat (limited to 'static/css/shared/core.css')
| -rwxr-xr-x | static/css/shared/core.css | 148 |
1 files changed, 75 insertions, 73 deletions
diff --git a/static/css/shared/core.css b/static/css/shared/core.css index 41924bbb..de275aa1 100755 --- a/static/css/shared/core.css +++ b/static/css/shared/core.css @@ -98,41 +98,6 @@ a:hover { text-decoration: underline; } -.link-button { - background: rgba(134, 99, 229, 0.2); - padding: 8px 16px; - border-radius: 4px; - color: #8d8dff; - text-decoration: none; - border: 1px solid #8d8dff; - transition: all 0.3s ease; - font-size: 12px; -} - -.link-button:hover { - background: rgba(223, 35, 196, 0.2); - border-color: #df23c4; - color: #df23c4; - text-decoration: none; - transform: translateY(-2px); -} - -.action-button { - padding: 4px 8px; - border-radius: 4px; - color: #8d8dff; - text-decoration: none; - font-size: 11px; - transition: all 0.2s ease; - background: rgba(141, 141, 255, 0.1); -} - -.action-button:hover { - color: #df23c4; - background: rgba(223, 35, 196, 0.1); - text-decoration: none; -} - textarea { resize: none; background: transparent; @@ -184,44 +149,6 @@ img { display: flex; } -/* SCANLINES */ -#scanlines { - position: fixed; - left: 0; - top: 0; - width: 100vw; - height: 100vh; - pointer-events: none; - z-index: 9; - opacity: 0.18; -} - -#scanlines:before { - content: ""; - position: absolute; - left: 0; - top: 0; - right: 0; - bottom: 0; - pointer-events: none; - background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .4) 50%); - background-size: 100% 4px; - will-change: background, background-size; - animation: scanlines 0.2s linear infinite; -} - -@keyframes scanlines { - from { - background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, .4) 50%); - background-size: 100% 4px; - } - - to { - background: linear-gradient(to bottom, rgba(0, 0, 0, .4) 50%, transparent 50%); - background-size: 100% 4px; - } -} - /* Main Content */ #right-sidebar { @@ -447,4 +374,79 @@ html[lang='ja'] .navigation-title { /* Text Formatting */ .section-title { margin: 16px 0px; +} + + +/* SCANLINES */ +#scanlines { + position: fixed; + left: 0; + top: 0; + width: 100vw; + height: 100vh; + pointer-events: none; + z-index: 9; + opacity: 0.18; +} + +#scanlines:before { + content: ""; + position: absolute; + left: 0; + top: 0; + right: 0; + bottom: 0; + pointer-events: none; + background: linear-gradient(to bottom, transparent 50%, rgba(0, 0, 0, .4) 50%); + background-size: 100% 4px; + will-change: background, background-size; + animation: scanlines 0.2s linear infinite; +} + +@keyframes scanlines { + from { + background: linear-gradient(to bottom, transparent 10%, rgba(0, 0, 0, .4) 50%); + background-size: 100% 4px; + } + + to { + background: linear-gradient(to bottom, rgba(0, 0, 0, .4) 50%, transparent 50%); + background-size: 100% 4px; + } +} + +/* Other Stuff */ +.link-button { + background: rgba(134, 99, 229, 0.2); + padding: 8px 16px; + border-radius: 4px; + color: #8d8dff; + text-decoration: none; + border: 1px solid #8d8dff; + transition: all 0.3s ease; + font-size: 12px; +} + +.link-button:hover { + background: rgba(223, 35, 196, 0.2); + border-color: #df23c4; + color: #df23c4; + text-decoration: none; + transform: translateY(-2px); +} + +.action-button { + padding: 4px 8px; + border-radius: 4px; + color: #8d8dff; + text-decoration: none; + font-size: 11px; + transition: all 0.2s ease; + background: rgba(141, 141, 255, 0.1); +} + +.action-button:hover { + color: #df23c4; + background: rgba(223, 35, 196, 0.1); + text-decoration: none; }
\ No newline at end of file |
