diff options
Diffstat (limited to 'assets/style.css')
| -rw-r--r-- | assets/style.css | 34 |
1 files changed, 29 insertions, 5 deletions
diff --git a/assets/style.css b/assets/style.css index 9646d87..3f688a1 100644 --- a/assets/style.css +++ b/assets/style.css @@ -3,6 +3,9 @@ :root { --bg1: #090909; --bg2: #141414; + --ac1: #b575ff; + --ac2: #ff83fd; + --ac3: #ff82b2; } img[align=left] { @@ -24,6 +27,26 @@ nav { border: 0px solid transparent; border-radius: 1em; } +nav a { + border: 0px solid transparent; + border-radius: 5px; + padding: 0.5em; + text-decoration: none; + color: #dfe5f3; + text-decoration: none; + background-image: linear-gradient(transparent, transparent), + linear-gradient(var(--ac2), var(--ac2)); + background-size: 100% 2px, 0 2px; + background-position: 100% 100%, 0 100%; + background-repeat: no-repeat; + transition: background-size 0.15s linear; + font-style: italic; +} +nav a:hover { + color: #dfe5f3; + background-color: #ffffff10; + background-size: 0 2px, 100% 2px; +} h1 {font-size: xx-large } h2 {font-size: x-large } @@ -31,14 +54,15 @@ h3 {font-size: large } h4 {font-size: medium } p,h1,h2,h3,h4,h5,h6,li { font-family: "Ubuntu", sans-serif; } -h1,h2 { color: #b575ff } -h3 { color: #ff83fd; margin-left: 1em } -h4 { color: #ff82b2; margin-left: 2em } +h1,h2 { color: var(--ac1) } +h3 { color: var(--ac2); margin-left: 1em } +h4 { color: var(--ac3); margin-left: 2em } p,li { color: white; margin-left: 3em } -a { color: #82a8ff; font-style: italic; text-decoration: underline } +a { color: var(--ac2); font-style: italic; text-decoration: underline } +a:hover { color: var(--ac3) } hr { border: 1px solid grey } -math {color:white} +math { color:white } pre,code { color: #eeeeee; |