Content added Content deleted
mNo edit summary |
No edit summary |
||
Line 44:
* Citizen skin
*/
body.skin-citizen .song-video {
border-color: var(--border-color-base);
background-color: var(--background-color-framed);
}
body.skin-citizen .song-video .header,
body.skin-citizen .song-video .info .ih {
|
Revision as of 03:17, 28 October 2022
.song-video {
display: inline-grid;
margin: 10px 10px 0 0;
}
.song-video .header {
text-align: center;
padding: 5px;
margin-bottom: 5px;
font-weight: bold;
background-color: var(--theme-primary-0);
}
.song-video .content {
display: flex;
gap: 5px;
flex-wrap: wrap;
}
.song-video .video {
height: 180px;
flex: 1 0 320px;
text-align: center;
}
.song-video .info {
display: grid;
grid-template-columns: 120px 1fr;
grid-auto-rows: min-content;
gap: 5px;
}
.song-video .info .ih {
padding: 5px 10px;
font-weight: bold;
background-color: var(--theme-primary-0);
}
.song-video .info .id {
padding: 5px;
}
/*
* Citizen skin
*/
body.skin-citizen .song-video {
border-color: var(--border-color-base);
background-color: var(--background-color-framed);
}
body.skin-citizen .song-video .header,
body.skin-citizen .song-video .info .ih {
border-radius: var(--border-radius--small);
}