removed unnecessary lines

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;
   }
 
 }