From 27bd685fc8a8449778c117da6c56cdaec2046c98 Mon Sep 17 00:00:00 2001 From: eclipse Date: Tue, 11 Feb 2025 23:10:03 +0100 Subject: [PATCH] removed unnecessary lines --- theme/static/css/custom.css | 44 ++++++++++++------------------------- 1 file changed, 14 insertions(+), 30 deletions(-) diff --git a/theme/static/css/custom.css b/theme/static/css/custom.css index cbdf276..92649e9 100644 --- a/theme/static/css/custom.css +++ b/theme/static/css/custom.css @@ -26,6 +26,7 @@ --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); + --card-height: 300px; } /* don't underline links by default */ @@ -33,6 +34,8 @@ a { --pico-text-decoration: none; } + + /* Override breakpoint settings for hamburger menu in Yohn's Pico fork */ @media (max-width: 767px) { nav[role=navigation][data-breakpoint=my-md] { @@ -141,25 +144,9 @@ a { - once for automatically enabled dark mode - and once for when dark mode is forced via toggle */ -@media only screen and (prefers-color-scheme: dark) { - :root:not([data-theme]) { +@media only screen and (prefers-color-scheme: dark) {} - #main-header h1, - #site-footer p { - background: var(--pico-card-sectioning-background-color); - /* var(--bg-gradient-dark); */ - } - } -} - -[data-theme="dark"] { - - #main-header h1, - #site-footer p { - background: var(--pico-card-sectioning-background-color); - /* var(--bg-gradient-dark); */ - } -} +[data-theme="dark"] {} /* * Specific elements on the page @@ -230,7 +217,7 @@ a { } /* Main content */ -#main-header h1, +#main-header hgroup, #site-footer p { background: var(--pico-card-sectioning-background-color); box-shadow: var(--pico-card-box-shadow); @@ -281,7 +268,7 @@ a { text-align: center; img { - height: 270px; + height: var(--card-height); } } @@ -289,12 +276,12 @@ a { /* settings for slide shows on wide cards */ /* see https://www.smashingmagazine.com/2012/04/pure-css3-cycling-slideshow/ */ .wcard-gallery { - height: 270px; + height: var(--card-height); position: relative; overflow: visible; .wcard-gallery-mask { - height: 270px; + height: var(--card-height); overflow: hidden; } @@ -307,7 +294,7 @@ a { li.wcard-image { position: absolute; list-style: none; - height: 270px; + height: var(--card-height); width: 100%; animation: image-slide 20s ease-in-out infinite; @@ -322,19 +309,16 @@ a { .wcard-tooltip { background: rgba(0, 0, 0, 0.7); - /* width: 300px; */ - max-width: 100%; - /* height: 60px; */ + max-width: 80%; position: absolute; - top: -75px; + top: 20px; left: 20px; transition: top 0.3s ease-in-out; + opacity: 0; p { color: var(--pico-tooltip-color); font-size: var(--pico-font-size); - /* font-weight: var(--pico-font-weight); */ - /* line-height: var(--pico-line-height); */ padding: var(--pico-nav-element-spacing-horizontal); margin: 0; } @@ -343,7 +327,7 @@ a { } li.wcard-image:hover .wcard-tooltip { - top: 20px; + opacity: 1; } }