Jump to content

Template:VideoGallery/styles.css: Difference between revisions

From Pirate Software Wiki
Gorasuhl (talk | contribs)
added solution for new build in light-, dark- and automode of mediawiki
mNo edit summary
Line 22: Line 22:
.embedvideo-consent {
.embedvideo-consent {
     z-index: 1;
     z-index: 1;
     background-color: rgba(255, 255, 240, 0.8) !important;
     background-color: #333 !important;
}
}



Revision as of 18:45, 11 March 2025

/* START Embeded Video Gallery */
/* whole gallery  */
.video-embed-gallery {
    position: relative;
    padding: 5px;
    display: flex;
    flex-wrap: wrap;
    flex-direction: row;
    justify-content: center;
    gap: 5px;
}

.video-embed-gallery .embedvideo {
    padding: 3px; 
    border-radius: 5px;
    border-top: 0.5px solid grey;
    border-left: 0.5px solid grey;
    border-right: 0.5px solid grey;
    border-bottom: 1px solid grey;
}

.embedvideo-consent {
    z-index: 1;
     background-color: #333 !important;
}

/* forced nightmode */
@media screen {
    html.skin-theme-clientpref-night .embedvideo-consent {
        background-color:#27292d !important;
    }
}

/* automatic mode */
@media screen and (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .embedvideo-consent {
        background-color:#27292d !important;
    }
}
/* END Embeded Video Gallery */