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

Template page
(Created page with "#now-playing h2 { text-align: center; } #now-playing #youtube-outer { margin: 0 auto; float: none; align-self: center; } #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; }")
 
No edit summary
 
(9 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 #youtube-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;

Latest revision as of 13: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;
}