편집을 취소할 수 있습니다. 이 편집을 되돌리려면 아래의 바뀐 내용을 확인한 후 게시해주세요.
최신판 | 당신의 편집 | ||
1번째 줄: | 1번째 줄: | ||
.lyrics-row { | .lyrics-row { | ||
clear: both; | clear: both; | ||
border-top: 1px solid #e1e8ed; | border-top: 1px solid #e1e8ed; | ||
} | } | ||
.lyrics-1 { | .lyrics-1 { | ||
background: rgb(251, 251, 251); | background: rgb(251, 251, 251); | ||
background: rgba( | background: rgba(200, 200, 200, 0.07); | ||
} | } | ||
.lyrics-2 { | .lyrics-2 { | ||
background: rgb(242, 242, 242); | background: rgb(242, 242, 242); | ||
background: rgba( | background: rgba(200, 200, 200, 0.15); | ||
} | } | ||
.lyrics-3 { | .lyrics-3 { | ||
background: rgb(251, 251, 251); | background: rgb(251, 251, 251); | ||
background: rgba( | background: rgba(200, 200, 200, 0.07); | ||
} | } | ||
@media screen and (min-width: 544px) { | @media screen and (min-width: 544px) { | ||
33번째 줄: | 21번째 줄: | ||
.lyrics-row-end { | .lyrics-row-end { | ||
border-bottom: 1px solid #e1e8ed; | border-bottom: 1px solid #e1e8ed; | ||
} | } | ||
} | } | ||
@media screen and (max-width: 543px) { | @media screen and (max-width: 543px) { | ||
.lyrics-row-end .lyrics-3 { | .lyrics-row-end .lyrics-3 { | ||
border-bottom: 1px solid #e1e8ed; | border-bottom: 1px solid #e1e8ed; | ||
} | } | ||
} | } |