틀:프로세카 악곡 목록/styles.css

/*
 * 이 스타일시트를 수정할 경우 [[틀:프로세카 악곡 목록]]과 충돌할 수 있습니다.
 * 스타일시트를 수정하기 위해 틀 구조 변경이 필요한 경우 수정 전 먼저
 * [[틀토론:프로세카 악곡 목록]] 또는
 * 코드 저장소(https://github.com/saschanaz/femiwiki-prsk-music-list/issues)로
 * 문의 부탁드립니다. 감사합니다!
 */
 
.prsk-music-table thead tr {
  display: flex;
  flex-wrap: wrap;
}
 
.prsk-music-table tbody {
  font-size: .9rem;
  line-height: 1.4;
}

.prsk-music-table tbody tr {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  counter-increment: prsk-counter;
  padding: 1rem 0;
  border-bottom: 1px solid #aaa;
}

.prsk-music-table td {
  display: block;
  border: 0;
  padding: 0;
}

.prsk-music-table td:first-child {
  display: list-item;
  list-style-position: inside;
  font-size: 1.4em;
  grid-column: 1 / -1;
  padding-bottom: .4em;
}
.prsk-music-table td:first-child::marker {
  content: counter(prsk-counter) " ";
}
.prsk-music-table td:first-child[data-kakioroshi]::after {
  content: "🌐"
}

.prsk-music-table td:nth-child(-n+4):nth-child(n+2) {
  grid-column: 1;
}

.prsk-music-table td:nth-child(9) {
  grid-area: 6 / 1;
}
.prsk-music-table td:nth-child(12) {
  grid-area: 7 / 1 / 7 / -1;
}

.prsk-music-table td:nth-child(5),
.prsk-music-table td:nth-child(10) {
  display: none;
}

.prsk-music-table td:nth-child(6) {
  grid-area: 2 / 2;
}
.prsk-music-table td:nth-child(7) {
  grid-area: 3 / 2;
}
.prsk-music-table td:nth-child(8) {
  grid-area: 4 / 2;
}
.prsk-music-table td:nth-child(11) {
  grid-area: 6 / 2;
}

.prsk-music-table td:nth-child(6)::before {
  content: "작사: ";
}

.prsk-music-table td:nth-child(7)::before {
  content: "작곡: ";
}

.prsk-music-table td:nth-child(8)::before {
  content: "편곡: ";
}