From f7300455cb61c1c22eeaee7139eac7c39a723e25 Mon Sep 17 00:00:00 2001 From: Sadeep Madurange Date: Mon, 27 Oct 2025 18:10:51 +0800 Subject: Improve styling for links, code. --- assets/css/main.css | 23 +++++++++++++++++++---- assets/css/skeleton.css | 9 ++------- 2 files changed, 21 insertions(+), 11 deletions(-) (limited to 'assets/css') diff --git a/assets/css/main.css b/assets/css/main.css index 8ef0b4d..1058c16 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -6,6 +6,8 @@ :root { --link-color: #2f2f2f; + --main-bg-color: #f4f2e8; + --main-txt-color: #2f2f2f; } *, @@ -19,10 +21,10 @@ body{ height: 100%; text-decoration-skip: ink; - color: #2f2f2f; + color: var(--main-txt-color); padding-top: 10px; font-family: 'IM Fell English', serif; - background-color: #f4f2e8; + background-color: var(--main-bg-color); } body::selection{ @@ -42,7 +44,11 @@ p::selection{ color: rgba(47, 47, 47, 0.6) } -a { +a { + text-decoration: underline; +} + +.link-decor-none { text-decoration: none; } @@ -271,8 +277,17 @@ and (min-device-width : 768px) { margin-top: 4px; } -/* code blocks */ pre { + border: none; max-height: 400px; overflow-y: auto; + scrollbar-width: none; + -ms-overflow-style: none; + color: var(--main-bg-color); + background-color: var(--main-txt-color); } + +pre::-webkit-scrollbar { + display: none; +} + diff --git a/assets/css/skeleton.css b/assets/css/skeleton.css index 78a8573..35e298b 100644 --- a/assets/css/skeleton.css +++ b/assets/css/skeleton.css @@ -154,11 +154,7 @@ p { /* Links –––––––––––––––––––––––––––––––––––––––––––––––––– */ -a { - color: #2f2f2f; } -a:hover { - color: #000; - text-shadow: 3px 3px 1px rgba(47,47,47,0.2);} +a { color: #2f2f2f; } /* Buttons @@ -309,9 +305,8 @@ code { margin: 0 .2rem; font-size: 90%; white-space: nowrap; - background: rgba(0,0,0,0); - border: 1px solid #E1E1E1; border-radius: 4px; } + pre > code { display: block; padding: 1rem 1.5rem; -- cgit v1.2.3