tobias/t-r.de
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

made minor improvements, removed out-commented stuff

Browse Source
This commit is contained in:
eclipse 2025-02-08 14:39:03 +01:00
parent 9ac1068e04
commit db960c0fe4
1 changed files with 14 additions and 26 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

40
theme/static/css/custom.css
View File

@ -26,10 +26,6 @@
--pico-font-family-sans-serif: LinBiolinum, system-ui, "Segoe UI", Roboto, --pico-font-family-sans-serif: LinBiolinum, system-ui, "Segoe UI", Roboto,
Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif, Oxygen, Ubuntu, Cantarell, Helvetica, Arial, "Helvetica Neue", sans-serif,
var(--pico-font-family-emoji); var(--pico-font-family-emoji);
/* define gradients as variables */
/* --bg-gradient-light: linear-gradient(to right, #FCEFD9, white, #FCEFD9);
--bg-gradient-dark: linear-gradient(to right, #4D3700, black, #4D3700); */
} }
/* don't underline links by default */ /* don't underline links by default */
@ -139,16 +135,7 @@ a {
*/ */
/* Light color scheme (default); can be forced with data-theme="light" */ /* Light color scheme (default); can be forced with data-theme="light" */
[data-theme="light"], [data-theme="light"],
:root:not([data-theme="dark"]) { :root:not([data-theme="dark"]) {}
#sun-moon:not(:checked)::before {
background-color: var(--pico-color);
}
#sun-moon:not([aria-invalid]) {
border-color: var(--pico-primary);
}
}
/* Dark color scheme. Everything must be set twice: /* Dark color scheme. Everything must be set twice:
- once for automatically enabled dark mode - once for automatically enabled dark mode
@ -156,9 +143,6 @@ a {
*/ */
@media only screen and (prefers-color-scheme: dark) { @media only screen and (prefers-color-scheme: dark) {
:root:not([data-theme]) { :root:not([data-theme]) {
#jumbotron-title {
border-bottom: thin solid white;
}
#main-header h1, #main-header h1,
#site-footer p { #site-footer p {
@ -169,9 +153,6 @@ a {
} }
[data-theme="dark"] { [data-theme="dark"] {
#jumbotron-title {
border-bottom: thin solid white;
}
#main-header h1, #main-header h1,
#site-footer p { #site-footer p {
@ -185,7 +166,7 @@ a {
*/ */
/* Jumbotron */ /* Jumbotron */
#jumbotron-title { #jumbotron-title {
border-bottom: thin solid black; border-bottom: thin solid var(--pico-h1-color);
h1 { h1 {
font-size: 3rem; font-size: 3rem;
@ -227,9 +208,15 @@ a {
font-size: calc(var(--pico-font-size) * 2); font-size: calc(var(--pico-font-size) * 2);
} }
/* change background color of theme toggle from gray to amber when light theme is active */ /* change color of sun icon to white*/
#sun-moon { #sun-moon:not(:checked)::before {
background-color: var(--pico-primary); background-color: var(--pico-color);
}
/* change background & border color of theme toggle */
#sun-moon:not([aria-invalid]) {
background-color: var(--pico-primary-background);
border-color: var(--pico-primary-border);
} }
/* move theme toggle switch to the right when inside dropdown menu */ /* move theme toggle switch to the right when inside dropdown menu */
@ -242,13 +229,12 @@ a {
#main-header h1, #main-header h1,
#site-footer p { #site-footer p {
background: var(--pico-card-sectioning-background-color); background: var(--pico-card-sectioning-background-color);
/* var(--bg-gradient-light); */
box-shadow: var(--pico-card-box-shadow); box-shadow: var(--pico-card-box-shadow);
padding: calc(var(--pico-block-spacing-horizontal) * 0.5) calc(var(--pico-block-spacing-vertical) * 0.5); padding: calc(var(--pico-block-spacing-horizontal) * 0.5) calc(var(--pico-block-spacing-vertical) * 0.5);
text-align: center; text-align: center;
} }
/* Nested flex settings for layout of cards and layout within each card */ /* flex settings for layout of cards */
.cards { .cards {
display: flex; display: flex;
flex-flow: row wrap; flex-flow: row wrap;
@ -257,6 +243,7 @@ a {
justify-content: space-between; justify-content: space-between;
} }
/* flexitem settings for cards, flex settings for single card */
.card { .card {
display: flex; display: flex;
flex-flow: column nowrap; flex-flow: column nowrap;
@ -267,6 +254,7 @@ a {
box-shadow: var(--pico-card-box-shadow); box-shadow: var(--pico-card-box-shadow);
} }
/* flexitem settings for single card */
.article-header { .article-header {
flex: 0 0 3.5lh; flex: 0 0 3.5lh;
/* set card header to fixed height equivalent to two lines of text */ /* set card header to fixed height equivalent to two lines of text */