리브레위키>Nessun 편집 요약 없음 |
m (판 39개를 가져왔습니다) |
||
(사용자 4명의 중간 판 31개는 보이지 않습니다) | |||
1번째 줄: | 1번째 줄: | ||
.lyrics-row { | .lyrics-row { | ||
clear: both; | clear: both; | ||
} | |||
.lyrics-row-start { | |||
border-top: 1px solid #e1e8ed; | border-top: 1px solid #e1e8ed; | ||
border-top: 1px solid rgba(200, 200, 200, 0.4); | |||
} | } | ||
.lyrics-1 { | .lyrics-1 { | ||
background | background: rgb(251, 251, 251); | ||
background: rgba(230, 230, 230, 0.1); | |||
} | } | ||
.lyrics-2 { | .lyrics-2 { | ||
background- | background: rgb(242, 242, 242); | ||
background: rgba(220, 220, 220, 0.2); | |||
word-break: keep-all; | |||
word-wrap: break-word; | |||
} | |||
.lyrics-2-end { | |||
background: rgb(242, 242, 242); | |||
background: rgba(220, 220, 220, 0.2); | |||
} | } | ||
.lyrics-3 { | .lyrics-3 { | ||
background- | background: rgb(251, 251, 251); | ||
background: rgba(230, 230, 230, 0.1); | |||
word-break: keep-all; | |||
word-wrap: break-word; | |||
} | } | ||
@media screen and (min-width: 544px) { | @media screen and (min-width: 544px) { | ||
16번째 줄: | 30번째 줄: | ||
display: flex; | display: flex; | ||
} | } | ||
.lyrics-row-end { | |||
border-bottom: 1px solid #e1e8ed; | |||
border-bottom: 1px solid rgba(200, 200, 200, 0.4); | |||
} | |||
} | |||
@media screen and (max-width: 543px) { | |||
.lyrics-row { | |||
border-top: 1px solid #e1e8ed; | |||
border-top: 1px solid rgba(200, 200, 200, 0.4); | |||
} | |||
.lyrics-row-end .lyrics-3 { | |||
border-bottom: 1px solid #e1e8ed; | |||
border-bottom: 1px solid rgba(200, 200, 200, 0.4); | |||
} | |||
.lyrics-row-end .lyrics-2-end { | |||
border-bottom: 1px solid #e1e8ed; | |||
border-bottom: 1px solid rgba(200, 200, 200, 0.4); | |||
} | |||
} | } |
2021년 10월 22일 (금) 23:01 기준 최신판
.lyrics-row {
clear: both;
}
.lyrics-row-start {
border-top: 1px solid #e1e8ed;
border-top: 1px solid rgba(200, 200, 200, 0.4);
}
.lyrics-1 {
background: rgb(251, 251, 251);
background: rgba(230, 230, 230, 0.1);
}
.lyrics-2 {
background: rgb(242, 242, 242);
background: rgba(220, 220, 220, 0.2);
word-break: keep-all;
word-wrap: break-word;
}
.lyrics-2-end {
background: rgb(242, 242, 242);
background: rgba(220, 220, 220, 0.2);
}
.lyrics-3 {
background: rgb(251, 251, 251);
background: rgba(230, 230, 230, 0.1);
word-break: keep-all;
word-wrap: break-word;
}
@media screen and (min-width: 544px) {
.lyrics-row {
display: flex;
}
.lyrics-row-end {
border-bottom: 1px solid #e1e8ed;
border-bottom: 1px solid rgba(200, 200, 200, 0.4);
}
}
@media screen and (max-width: 543px) {
.lyrics-row {
border-top: 1px solid #e1e8ed;
border-top: 1px solid rgba(200, 200, 200, 0.4);
}
.lyrics-row-end .lyrics-3 {
border-bottom: 1px solid #e1e8ed;
border-bottom: 1px solid rgba(200, 200, 200, 0.4);
}
.lyrics-row-end .lyrics-2-end {
border-bottom: 1px solid #e1e8ed;
border-bottom: 1px solid rgba(200, 200, 200, 0.4);
}
}