미디어위키:Gadget-ArticleToc.css: 두 판 사이의 차이
식물 vs 좀비 위키
편집 요약 없음 |
편집 요약 없음 |
||
| (같은 사용자의 중간 판 3개는 보이지 않습니다) | |||
| 17번째 줄: | 17번째 줄: | ||
border-radius: 7px !important; | border-radius: 7px !important; | ||
box-sizing: border-box !important; | box-sizing: border-box !important; | ||
background: | background: #fff4de !important; | ||
background-image: none !important; | background-image: none !important; | ||
color: #4b2a18 !important; | color: #4b2a18 !important; | ||
| 52번째 줄: | 52번째 줄: | ||
color: #3f2113 !important; | color: #3f2113 !important; | ||
font-family: | font-family: | ||
"SB Aggro | "SB Aggro M", | ||
"SB 어그로 | "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: | font-weight: 500 !important; | ||
line-height: 1.25 !important; | line-height: 1.25 !important; | ||
text-align: left !important; | text-align: left !important; | ||
| 102번째 줄: | 102번째 줄: | ||
border-radius: 6px !important; | border-radius: 6px !important; | ||
box-sizing: border-box !important; | box-sizing: border-box !important; | ||
background: # | background: #f1dfc8 !important; | ||
color: #3f2113 !important; | color: #3f2113 !important; | ||
font-family: | font-family: | ||
| 148번째 줄: | 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: # | background: #e8cfb3 !important; | ||
text-decoration: none !important; | text-decoration: none !important; | ||
} | } | ||
| 159번째 줄: | 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; | ||
} | } | ||
| 242번째 줄: | 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; | |||
} | |||
/* 모바일 크기 보정 */ | /* 모바일 크기 보정 */ | ||
| 322번째 줄: | 336번째 줄: | ||
color: #3f2113 !important; | color: #3f2113 !important; | ||
font-family: | font-family: | ||
"SB Aggro | "SB Aggro M", | ||
"SB 어그로 | "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: | font-weight: 500 !important; | ||
line-height: 1.25 !important; | line-height: 1.25 !important; | ||
} | } | ||
| 344번째 줄: | 358번째 줄: | ||
border-radius: 6px !important; | border-radius: 6px !important; | ||
box-sizing: border-box !important; | box-sizing: border-box !important; | ||
background: # | background: #f1dfc8 !important; | ||
color: #3f2113 !important; | color: #3f2113 !important; | ||
font-family: | font-family: | ||
| 361번째 줄: | 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: # | background: #e8cfb3 !important; | ||
} | } | ||
| 368번째 줄: | 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 | .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 | .skin-timeless .mw-parser-output .pvz-generated-toc .pvz-toc-list.is-collapsed { | ||
max-height: 0 !important; | |||
pointer-events: none !important; | |||
} | } | ||
| 412번째 줄: | 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; | |||
} | } | ||
} | } | ||
