Compare commits

..

No commits in common. "40c0c56cef7e2df1734d6e7c971e9ac3522033fe" and "d03176171cb0792055c2055d4a6fc656df2fb813" have entirely different histories.

2 changed files with 64 additions and 80 deletions

View File

@ -1,85 +1,74 @@
/* Mostly based off of gruvbox */ /* Mostly based off of gruvbox */
:root { :root {
--col-0: #FFFFFF; --col-1: #DEE4F7;
--col-1: #F0F2F9;
--col-2: #3C5197;
--col-3: #0C101D;
--col-4: #18203A;
--col-5: #5F75BF;
--col-6: #1E2848;
--col-7: #12182B;
--col-8: #181F38;
/* Color Sheme linking */ /* Color Sheme linking */
--body-bg: var(--col-3); --body-bg: var(--col-1);
--body-fg: var(--col-1); --body-fg: var(--light-0);
--link-fg: var(--col-5); --link-fg: var();
--header-bg: var(--col-4);
--header-bg-hov: var(--col-2);
--header-fg: var(--body-fg);
--header-bg: var(--col-2);
--header-shadow: var(--body-bg); --header-shadow: var(--body-bg);
--header-shadow-hov: var(--header-shadow);
--hamburger-fg: var(--col-1);
--hamburger-fg-checked: var(--hamburger-fg);
--header-shadow-hov: var();
--hamburger-fg: var(--light-0);
--hamburger-fg-checked: var(--col-acc);
--table-bg: var(--col-2);
--table-bg-alt: var(--col-3);
--table-border: var();
--blockquote-border: var(--col-0);
--maps-bg: #2C3963;
--maps-border: var(--acc);
--button-bg: var(--acc);
--button-fg: var();
--langs-bg: var(--header-bg); --langs-bg: var(--header-bg);
--lang-btn-bg: var(--header-bg) ; --lang-btn-bg: var(--header-bg) ;
--langs-bg-hov: var(--header-bg-hov); --langs-bg-hov: var(--header-bg-hov);
--blockquote-border: var(--col-6);
--cal-bg: darkslategray;
--cal-fg: white;
--cal-month-bg: black;
--cal-month-fg: cyan;
--cal-weekdays-bg: gray ;
--cal-weekdays-fg: black;
--table-bg: var(--col-7); --cal-day-empty-fg: #888;
--table-bg-alt: var(--col-8); --cal-day-empty-bg: #555;
--table-border: var(--body-bg);
--cal-day-busy-fg: #555;
--cal-day-busy-bg: #888;
--maps-bg: var(--col-4); --cal-day-hover-fg: #555;
--maps-border: var(--col-2); --cal-day-hover-bg: black;
--button-bg: var(--col-2); --cal-event-fg: white;
--button-fg: var(--body-fg); --cal-event-bg: var(--acc-1) ;
--cal-bg: var(--col-4);
--cal-fg: var(--body-fg);
--cal-month-bg: var(--col-8);
--cal-month-fg: var(--link-fg);
--cal-weekdays-bg: var(--col-7);
--cal-weekdays-fg: var(--cal-fg);
--cal-day-empty-fg: var(--col-7);
--cal-day-empty-bg: var(--col-6);
--cal-day-busy-fg: var(--cal-fg);
--cal-day-busy-bg: var(--col-7);
--cal-day-hover-fg: var(--col-2);
--cal-day-hover-bg: var(--col-7);
--cal-event-fg: var(--cal-fg);
--cal-event-bg: var(--col-2) ;
--cal-mobile-bg: var(--cal-day-busy-bg);
--cal-mobile-fg: var(--cal-fg);
--cal-mobile-border: var(--col-2);
--cal-mobile-link: var(--link-fg);
/* Light Mode Colors */ /* Light Mode Colors */
--bg: #f9f5d7; --bg: #f9f5d7;
--fg: #3c3836; --fg: #3c3836;
@ -91,7 +80,19 @@
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
:root { :root {
/* Dark Mode Colors */ /* Dark Mode Colors */
--bg: #1d2021;
--fg: #ebdbb2;
--alt-bg: #504945;
--acc-1: #83a598;
--shadow: #1d2021;
/* Dark Mode Colorsheme Link Overides */ /* Dark Mode Colorsheme Link Overides */
--table: #282828;
--table-alt: #504945;
--lang-btn-bg: black;
--langs-bg: black;
--langs-bg-hov: gray;
} }
} }

View File

@ -48,10 +48,10 @@ footer.fixed {
.header { .header {
width: 100%; width: 100%;
background-color: var(--header-bg); background-color: var(--header-bg);
box-shadow: inset 0 -20px 20px -20px var(--header-shadow);
position: fixed; position: fixed;
top: 0; top: 0;
z-index: 100; z-index: 100;
box-shadow: inset 0 -20px 20px -20px var(--header-shadow);
} }
.menu-entries a{ .menu-entries a{
@ -71,7 +71,6 @@ footer.fixed {
} }
.menu a { .menu a {
color: var(--header-fg);
display: inline-block; display: inline-block;
} }
@ -104,8 +103,6 @@ a.home-link { display: none; }
text-align: center; text-align: center;
} }
.menu-entries a:hover { box-shadow: none; }
.menu-entries { .menu-entries {
text-align: center; text-align: center;
float: none; float: none;
@ -196,10 +193,6 @@ a.home-link { display: none; }
} }
.menu-entries a {
box-shadow: none;
}
.menu-entries a:hover{ .menu-entries a:hover{
box-shadow: inset -22px 0 20px -20px var(--header-shadow-hov); box-shadow: inset -22px 0 20px -20px var(--header-shadow-hov);
} }
@ -218,7 +211,7 @@ a.home-link { display: none; }
table { width: 100%; } table { width: 100%; }
th, td, table { th, td, table {
border: 2px solid var(--table-border); border: 1px solid var(--table-border);
border-collapse: collapse; border-collapse: collapse;
padding: 6px 13px; padding: 6px 13px;
} }
@ -369,17 +362,12 @@ blockquote.location p { padding: inherit; }
width: 100%; width: 100%;
padding-left: 0; padding-left: 0;
padding-right: 0; padding-right: 0;
box-shadow: inset 0 -20px 20px -20px var(--header-shadow);
} }
.lang-switch a:hover { .lang-switch a:hover {
background-color: var(--langs-bg-hov); background-color: var(--langs-bg-hov);
box-shadow: none;
} }
.lang-btn:checked ~ .lang-switch a { box-shadow: none; }
.lang-btn:checked ~ .lang-switch a { box-shadow: none; }
/* lang-switch content (hidden by default) */ /* lang-switch content (hidden by default) */
.translation-list { .translation-list {
@ -424,8 +412,6 @@ blockquote.location p { padding: inherit; }
.lang-switch a { .lang-switch a {
padding: 20px; padding: 20px;
width: auto; width: auto;
box-shadow: inset -22px 0 20px -20px var(--header-shadow);
} }
.translation-list { .translation-list {
@ -444,11 +430,8 @@ blockquote.location p { padding: inherit; }
.lang-switch a { .lang-switch a {
padding: 20px; padding: 20px;
width: auto; width: auto;
box-shadow: none;
} }
.lang-switch a:hover { box-shadow: none; }
.translation-list { .translation-list {
position: static; position: static;
width: auto; width: auto;
@ -577,17 +560,17 @@ blockquote.location p { padding: inherit; }
border-left-width: 5px; border-left-width: 5px;
border-left-style: solid; border-left-style: solid;
margin-top: 10px; margin-top: 10px;
background-color: var(--cal-mobile-bg); background-color: var(--alt-bg);
border-left-color: var(--cal-mobile-border); border-left-color: var(--acc-1);
padding: 20px; padding: 20px;
color: var(--cal-mobile-fg); color: var(--alt-fg);
} }
.day:has(>.event):hover { .day:has(>.event):hover {
background-color: var(--alt-bg);
transform: none; transform: none;
background-color: var(--cal-mobile-bg); color: var(--alt-fg);
color: var(--cal-mobile-fg);
} }
@ -615,7 +598,7 @@ blockquote.location p { padding: inherit; }
} }
.event a { .event a {
color: var(--cal-mobile-link); color: var(--acc-1);
font-size: 2vh; font-size: 2vh;
} }
} }