Template:Home/NowPlaying2/styles.css: Difference between revisions

Template page
No edit summary
Tag: Reverted
No edit summary
 
(5 intermediate revisions by the same user not shown)
Line 1: Line 1:
#now-playing {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}
#now-playing h2 {
#now-playing h2 {
     text-align: center;
     text-align: center;
}
}


#now-playing #video-outer {
#now-playing .video-wrapper {
    margin: 0 auto;
  padding: 1em;
     float: none;
}
     align-self: center;
 
#now-playing .video-outer {
     max-width: calc(100% - 2rem);
     height: inherit;
}
}
#button-wrap {
#button-wrap {
     display: flex;
     display: flex;
     justify-content: center;
     justify-content: center;
     height: min-content;
     height: min-content;
}
#video-outer, #content-video {
background-image: repeating-radial-gradient(circle at 17% 32%, white, black 0.00085px);
}
}



Latest revision as of 14:39, 4 September 2023

#now-playing {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

#now-playing h2 {
    text-align: center;
}

#now-playing .video-wrapper {
   padding: 1em;
}

#now-playing .video-outer {
    max-width: calc(100% - 2rem);
    height: inherit;
}

#button-wrap {
    display: flex;
    justify-content: center;
    height: min-content;
}

#now-playing p {
	display: none;
}

#ytButton {
	background-color: transparent;
    border-color: transparent;
    font-family: 'Press Start 2P';
    color: hsl(335,94%,53%);
    text-transform: uppercase;
}