Skip to content

Instantly share code, notes, and snippets.

@yarnaimo
Created November 24, 2020 13:54
Show Gist options
  • Save yarnaimo/f86a488c45ab325a3a6935cc8b98cc65 to your computer and use it in GitHub Desktop.
Save yarnaimo/f86a488c45ab325a3a6935cc8b98cc65 to your computer and use it in GitHub Desktop.
body {
background: hsl(0, 0%, 100%);
font-family: -apple-system, BlinkMacSystemFont, Segoe UI, BIZ UDPゴシック,
Roboto, sans-serif;
}
.agplayer {
margin: 0 auto;
}
.agplayer .header {
padding: 12px 0;
}
.agplayer .header .leftSide img {
filter: invert(1) contrast(0.9);
}
.agplayer .main .leftSide {
color: hsl(0, 0%, 0%);
}
.agplayer .main .leftSide > div:first-of-type {
margin-left: 0!important;
height: 180px;
overflow: hidden;
box-shadow: 0px 6px 32px -6px hsla(0, 0%, 0%, 0.2);
}
.agplayer .main .leftSide > div:first-of-type > iframe {
margin: -8px;
}
.agplayer .main .leftSide .program {
line-height: 1.5;
margin: 32px 0px;
padding: 0;
background: transparent;
}
.agplayer .main .leftSide .program h2 {
padding-bottom: 12px;
border-bottom: 1px solid hsla(0, 0%, 0%, 0.3);
}
.agplayer .main .rightSide > iframe {
border-radius: 12px;
box-shadow: 0px 5px 24px -6px hsla(0, 0%, 0%, 0.1);
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment