최신판 |
당신의 편집 |
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: rgb(251, 251, 251);
| | background-color: #fbfbfb; |
| background: rgba(230, 230, 230, 0.1); | |
| } | | } |
| .lyrics-2 { | | .lyrics-2 { |
| background: rgb(242, 242, 242); | | background-color: #f9f9f9; |
| 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: rgb(251, 251, 251); | | background-color: #fbfbfb; |
| 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) { |
30번째 줄: |
16번째 줄: |
| 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);
| |
| }
| |
| } | | } |