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

removed unnecessary lines

Browse Source
This commit is contained in:
eclipse 2025-02-11 23:10:03 +01:00
parent 12a80f09f4
commit 27bd685fc8
1 changed files with 14 additions and 30 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

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