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

리브레위키>Liebesfreud
m편집 요약 없음
리브레위키>Liebesfreud
m (Misty 0821 (토론)의 806168판 편집을 되돌림)
2번째 줄: 2번째 줄:
     clear: both;
     clear: both;
     border-top: 1px solid #e1e8ed;
     border-top: 1px solid #e1e8ed;
     border-top: 1px solid rgba(200, 200, 200, 0.2);
     border-top: 1px solid rgba(200, 200, 200, 0.4);
}
}
.lyrics-1 {
.lyrics-1 {
22번째 줄: 22번째 줄:
     .lyrics-row-end {
     .lyrics-row-end {
border-bottom: 1px solid #e1e8ed;
border-bottom: 1px solid #e1e8ed;
border-bottom: 1px solid rgba(200, 200, 200, 0.2);
border-bottom: 1px solid rgba(200, 200, 200, 0.4);
}
}
}
}
28번째 줄: 28번째 줄:
.lyrics-row-end .lyrics-3 {
.lyrics-row-end .lyrics-3 {
border-bottom: 1px solid #e1e8ed;
border-bottom: 1px solid #e1e8ed;
border-bottom: 1px solid rgba(200, 200, 200, 0.2);
border-bottom: 1px solid rgba(200, 200, 200, 0.4);
}
}
}
}

2020년 1월 24일 (금) 00:11 판

.lyrics-row {
    clear: both;
    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);
}
.lyrics-3 {
    background: rgb(251, 251, 251);
    background: rgba(230, 230, 230, 0.1);
}
@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-end .lyrics-3 {
		border-bottom: 1px solid #e1e8ed;
		border-bottom: 1px solid rgba(200, 200, 200, 0.4);
	}
}
• 현재 페이지 URL 줄이기