SNOSites old style cool fade

sno-oldstyle-cool-fade.css

/* new story page design */
 @media only screen and (min-width: 1100px) {
     .catboxphoto {
         margin-bottom: 0 !important;
    }
     .postarea:has(.storyshadow) span.storycontent {
         top: -100px !important;
         position: relative;
         width: revert;
    }
     h1#storyheadline {
         z-index: 2 !important;
         position: relative;
    }
     .postarea:has(.storyshadow) div#storymeta {
         z-index: 2 !important;
         position: relative;
         background: 0 !important;
         margin-top: -30px !important;
         text-shadow: 0px 0px 10px rgb(0 0 0);
    }
     .postarea:has(.storyshadow) #storypage #contentleft p:first-child {
         font-size: 1.8em;
         text-shadow: 0px 0px 10px rgb(0 0 0);
    }
     .storyshadow {
         margin-top: -120px;
         z-index: 1 !important;
         width: 100vw;
         margin-left: calc(-50vw + 50%);
    }
     h1#storyheadline {
         margin-left: -190px;
         margin-right: -190px;
    }
     .storyshadow img {
         -webkit-mask-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0,0,0,0)), color-stop(30%, rgba(0,0,0,1)), color-stop(70%, rgba(0,0,0,1)), to(rgba(0,0,0,0)));
         -webkit-mask-image: linear-gradient(0deg, rgba(0,0,0,0) 0%, rgba(0,0,0,1) 30%, rgba(0,0,0,1) 70%, rgba(0,0,0,0) 100%);
    }
     .postarea:has(.storyshadow) .captionboxmittop {
         width: 150px;
         float: left;
         margin-left: 20px;
         margin-top: -40px;
         z-index: 4;
         position: relative;
    -webkit-mask-image: paint(squircle);
    --squircle-radius: 25px;
    }
    p.photocaption {
        font-family: inherit;
    }
}