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