opnxng/website
0
0
Fork 0
Code

Added selection colours

Browse Source
This commit is contained in:
Opnxng 2024-10-28 11:44:36 +08:00
parent 5f8181b374
commit 9be8b26111
1 changed files with 11 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/css/index.css
View File

@ -1,22 +1,19 @@
/*----------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------*/
@font-face { @font-face {
font-family: "eb_garamond_initials"; font-family: "eb_garamond_initials";
src: src: url("/css/fonts/ebgaramond-initials-webfont.woff2") format("woff2"),
url("/css/fonts/ebgaramond-initials-webfont.woff2") format("woff2"),
url("/css/fonts/ebgaramond-initials-webfont.woff") format("woff"); url("/css/fonts/ebgaramond-initials-webfont.woff") format("woff");
unicode-range: U+0020-FB02; unicode-range: U+0020-FB02;
} }
@font-face { @font-face {
font-family: "HeldaneText-Regular"; font-family: "HeldaneText-Regular";
src: src: url("/css/fonts/HeldaneText-Regular.woff2") format("woff2"),
url("/css/fonts/HeldaneText-Regular.woff2") format("woff2"),
url("/css/fonts/HeldaneText-Regular.woff") format("woff"); url("/css/fonts/HeldaneText-Regular.woff") format("woff");
unicode-range: U+0020-FB02; unicode-range: U+0020-FB02;
} }
@font-face { @font-face {
font-family: "HeldaneText-RegularItalic"; font-family: "HeldaneText-RegularItalic";
src: src: url("/css/fonts/HeldaneText-RegularItalic.woff2") format("woff2"),
url("/css/fonts/HeldaneText-RegularItalic.woff2") format("woff2"),
url("/css/fonts/HeldaneText-RegularItalic.woff") format("woff"); url("/css/fonts/HeldaneText-RegularItalic.woff") format("woff");
unicode-range: U+0020-FB02; unicode-range: U+0020-FB02;
} }
@ -28,6 +25,7 @@
--secondary-background-color: #fafafa; --secondary-background-color: #fafafa;
--primary-color: #20599e; --primary-color: #20599e;
--secondary-color: #20599e; --secondary-color: #20599e;
--tertiary-color: #E6E6E6;
--line: calc(var(--font-size) * var(--line-height)); --line: calc(var(--font-size) * var(--line-height));
} }
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
@ -37,6 +35,7 @@
--secondary-background-color: #0e0e0f; --secondary-background-color: #0e0e0f;
--primary-color: #1860a3; --primary-color: #1860a3;
--secondary-color: #1860a3; --secondary-color: #1860a3;
--tertiary-color: #292929;
} }
} }
/*----------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------*/
@ -86,6 +85,7 @@ html {
width: 0; width: 0;
height: 0; height: 0;
} }
/*----------------------------------------------------------------------------------------------------*/
body { body {
font-style: normal; font-style: normal;
font-stretch: normal; font-stretch: normal;
@ -120,7 +120,7 @@ body {
background: var(--primary-background-color); background: var(--primary-background-color);
} }
} }
/*----------------------------------------------------------------------------------------------------*/
::-webkit-scrollbar, ::-webkit-scrollbar,
.wrapper details::-webkit-scrollbar { .wrapper details::-webkit-scrollbar {
width: 0; width: 0;
@ -180,6 +180,10 @@ p:first-child:first-letter {
margin-right: calc(var(--font-size) * 0.32); margin-right: calc(var(--font-size) * 0.32);
} }
/*----------------------------------------------------------------------------------------------------*/ /*----------------------------------------------------------------------------------------------------*/
::selection {
background-color: var(--tertiary-color);
}
/*----------------------------------------------------------------------------------------------------*/
a:link, a:link,
.wrapper a:visited { .wrapper a:visited {
outline: none; outline: none;