미디어위키:Gadget-ArticleToc.css: 두 판 사이의 차이

식물 vs 좀비 위키
← 이전 편집
Brokey (토론 | 기여)
사무관, 인터페이스 관리자, 관리자
431 편집
편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 4개는 보이지 않습니다)
2번째 줄: 2번째 줄:
  * 데스크톱/모바일 공통 문서 목차 디자인
  * 데스크톱/모바일 공통 문서 목차 디자인
  */
  */
/* 문단 제목의 잔디밭 아래 여백 축소 */
.skin-vector-legacy .mw-parser-output .mw-heading2,
.skin-vector-legacy .mw-parser-output h2.pvz-grass-heading,
.skin-timeless .mw-parser-output .mw-heading2,
.skin-timeless .mw-parser-output h2.pvz-grass-heading {
margin-bottom: 0.65em !important;
}


/* 기본 목차의 외형만 교체하고 링크·번호·접기 기능은 그대로 유지 */
/* 기본 목차의 외형만 교체하고 링크·번호·접기 기능은 그대로 유지 */
18번째 줄: 10번째 줄:
display: block !important;
display: block !important;
float: none !important;
float: none !important;
width: 300px !important;
width: fit-content !important;
max-width: 100% !important;
max-width: min(300px, 100%) !important;
margin: 0.8rem 0 1.1rem !important;
margin: 0.8rem 0 1.1rem !important;
padding: 0.78rem 0.88rem 0.86rem !important;
padding: 0.78rem 0.88rem 0.86rem !important;
border: 2px solid #b8aa97 !important;
border: 1px solid #b8aa97 !important;
border-radius: 7px !important;
border-radius: 7px !important;
box-sizing: border-box !important;
box-sizing: border-box !important;
60번째 줄: 52번째 줄:
color: #3f2113 !important;
color: #3f2113 !important;
font-family:
font-family:
"SB Aggro B",
"SB Aggro M",
"SB 어그로 B",
"SB 어그로 M",
"SB Aggro",
"SB Aggro",
"SB 어그로",
"SB 어그로",
sans-serif !important;
sans-serif !important;
font-size: 1.02rem !important;
font-size: 1.02rem !important;
font-weight: 700 !important;
font-weight: 500 !important;
line-height: 1.25 !important;
line-height: 1.25 !important;
text-align: left !important;
text-align: left !important;
107번째 줄: 99번째 줄:
margin: 0 !important;
margin: 0 !important;
padding: 0.36rem 0.55rem !important;
padding: 0.36rem 0.55rem !important;
border: 2px solid #b8aa97 !important;
border: 1px solid #b8aa97 !important;
border-radius: 6px !important;
border-radius: 6px !important;
box-sizing: border-box !important;
box-sizing: border-box !important;
background: #eadbce !important;
background: #f1dfc8 !important;
color: #3f2113 !important;
color: #3f2113 !important;
font-family:
font-family:
156번째 줄: 148번째 줄:
.skin-timeless .mw-parser-output #toc .toctogglelabel:hover,
.skin-timeless .mw-parser-output #toc .toctogglelabel:hover,
.skin-timeless .mw-parser-output .toc .toctogglelabel:hover {
.skin-timeless .mw-parser-output .toc .toctogglelabel:hover {
background: #e2cabc !important;
background: #e8cfb3 !important;
text-decoration: none !important;
text-decoration: none !important;
}
}
167번째 줄: 159번째 줄:
margin: 0 !important;
margin: 0 !important;
padding: 0 !important;
padding: 0 !important;
max-height: 1200px !important;
overflow: hidden !important;
transition: max-height 200ms ease !important;
list-style: none !important;
list-style: none !important;
}
}
250번째 줄: 245번째 줄:
color: inherit !important;
color: inherit !important;
}
}
.skin-vector-legacy .mw-parser-output #toc > .toctogglecheckbox:checked ~ ul,
.skin-vector-legacy .mw-parser-output .toc > .toctogglecheckbox:checked ~ ul,
.skin-timeless .mw-parser-output #toc > .toctogglecheckbox:checked ~ ul,
.skin-timeless .mw-parser-output .toc > .toctogglecheckbox:checked ~ ul {
display: block !important;
max-height: 0 !important;
pointer-events: none !important;
}


/* 모바일 크기 보정 */
/* 모바일 크기 보정 */
330번째 줄: 336번째 줄:
color: #3f2113 !important;
color: #3f2113 !important;
font-family:
font-family:
"SB Aggro B",
"SB Aggro M",
"SB 어그로 B",
"SB 어그로 M",
"SB Aggro",
"SB Aggro",
"SB 어그로",
"SB 어그로",
sans-serif !important;
sans-serif !important;
font-size: 1.02rem !important;
font-size: 1.02rem !important;
font-weight: 700 !important;
font-weight: 500 !important;
line-height: 1.25 !important;
line-height: 1.25 !important;
}
}
349번째 줄: 355번째 줄:
margin: 0 !important;
margin: 0 !important;
padding: 0.36rem 0.55rem !important;
padding: 0.36rem 0.55rem !important;
border: 2px solid #b8aa97 !important;
border: 1px solid #b8aa97 !important;
border-radius: 6px !important;
border-radius: 6px !important;
box-sizing: border-box !important;
box-sizing: border-box !important;
background: #eadbce !important;
background: #f1dfc8 !important;
color: #3f2113 !important;
color: #3f2113 !important;
font-family:
font-family:
369번째 줄: 375번째 줄:
.skin-vector-legacy .mw-parser-output .pvz-generated-toc .pvz-toc-toggle:hover,
.skin-vector-legacy .mw-parser-output .pvz-generated-toc .pvz-toc-toggle:hover,
.skin-timeless .mw-parser-output .pvz-generated-toc .pvz-toc-toggle:hover {
.skin-timeless .mw-parser-output .pvz-generated-toc .pvz-toc-toggle:hover {
background: #e2cabc !important;
background: #e8cfb3 !important;
}
}


376번째 줄: 382번째 줄:
margin: 0 !important;
margin: 0 !important;
padding: 0 !important;
padding: 0 !important;
max-height: 1200px !important;
overflow: hidden !important;
transition: max-height 200ms ease !important;
list-style: none !important;
list-style: none !important;
}
}


.skin-vector-legacy .mw-parser-output .pvz-generated-toc .pvz-toc-list[hidden],
.skin-vector-legacy .mw-parser-output .pvz-generated-toc .pvz-toc-list.is-collapsed,
.skin-timeless .mw-parser-output .pvz-generated-toc .pvz-toc-list[hidden] {
.skin-timeless .mw-parser-output .pvz-generated-toc .pvz-toc-list.is-collapsed {
display: none !important;
max-height: 0 !important;
pointer-events: none !important;
}
}


420번째 줄: 430번째 줄:
.skin-timeless .mw-parser-output .pvz-generated-toc .pvz-toc-item {
.skin-timeless .mw-parser-output .pvz-generated-toc .pvz-toc-item {
padding-left: calc(var(--pvz-toc-depth, 0) * 0.82rem) !important;
padding-left: calc(var(--pvz-toc-depth, 0) * 0.82rem) !important;
}
}
@media (max-width: 300px) {
.skin-vector-legacy .mw-parser-output #toc,
.skin-vector-legacy .mw-parser-output .toc,
.skin-timeless .mw-parser-output #toc,
.skin-timeless .mw-parser-output .toc {
width: 100% !important;
max-width: 100% !important;
}
}
@media (prefers-reduced-motion: reduce) {
.skin-vector-legacy .mw-parser-output #toc > ul,
.skin-vector-legacy .mw-parser-output .toc > ul,
.skin-timeless .mw-parser-output #toc > ul,
.skin-timeless .mw-parser-output .toc > ul,
.skin-vector-legacy .mw-parser-output .pvz-generated-toc .pvz-toc-list,
.skin-timeless .mw-parser-output .pvz-generated-toc .pvz-toc-list {
transition: none !important;
}
}
}
}
원본 주소 "https://pvzkrwiki.com/wiki/미디어위키:Gadget-ArticleToc.css"