틀:가사/styles.css: 두 판 사이의 차이

편집 요약 없음
잔글 (test)
5번째 줄: 5번째 줄:
.lyrics-1 {
.lyrics-1 {
     background-color: #fbfbfb;
     background-color: #fbfbfb;
    opacity: 0.5;
}
}
.lyrics-2 {
.lyrics-2 {
     background-color: #f2f2f2;
     background-color: #f2f2f2;
    opacity: 0.5;
}
}
.lyrics-3 {
.lyrics-3 {
     background-color: #fbfbfb;
     background-color: #fbfbfb;
    opacity: 0.5;
}
}
@media screen and (min-width: 544px) {
@media screen and (min-width: 544px) {

2020년 1월 22일 (수) 19:47 판

.lyrics-row {
    clear: both;
    border-top: 1px solid #e1e8ed;
}
.lyrics-1 {
    background-color: #fbfbfb;
    opacity: 0.5;
}
.lyrics-2 {
    background-color: #f2f2f2;
    opacity: 0.5;
}
.lyrics-3 {
    background-color: #fbfbfb;
    opacity: 0.5;
}
@media screen and (min-width: 544px) {
    .lyrics-row {
        display: flex;
    }
    .lyrics-row-end {
		border-bottom: 1px solid #e1e8ed;
	}
}
@media screen and (max-width: 543px) {
	.lyrics-row-end .lyrics-3 {
		border-bottom: 1px solid #e1e8ed;
	}
}