다른 명령
편집 요약 없음 |
편집 요약 없음 |
||
| (같은 사용자의 중간 판 3개는 보이지 않습니다) | |||
| 1번째 줄: | 1번째 줄: | ||
/* 여기의 모든 CSS는 시티즌 스킨을 사용하는 사용자에게 로드됩니다 */ | /* 여기의 모든 CSS는 시티즌 스킨을 사용하는 사용자에게 로드됩니다 */ | ||
/* | /* NovaWiki: wikitable dark/light friendly */ | ||
:root { | |||
--nv-wikitable-bg: #ffffff; | |||
--nv-wikitable-border: #c8ccd1; | |||
--nv-wikitable-header-bg: #eaecf0; | |||
--nv-wikitable-header-fg: #202122; | |||
--nv-wikitable-row-alt: #f8f9fa; | |||
} | } | ||
/* | /* OS/브라우저 다크모드 */ | ||
@media (prefers-color-scheme: dark) { | |||
html | :root { | ||
--nv-wikitable-bg: #1b1f23; | |||
--nv-wikitable-border: #3a3f45; | |||
--nv-wikitable-header-bg: #2a2f36; | |||
--nv-wikitable-header-fg: #e6e6e6; | |||
--nv-wikitable-row-alt: #20252b; | |||
} | |||
} | |||
/* base */ | |||
table.wikitable { | |||
background: var(--nv-wikitable-bg); | |||
border: 1px solid var(--nv-wikitable-border); | |||
color: inherit; | |||
border-collapse: collapse; | |||
} | |||
/* cells */ | |||
table.wikitable > tr > th, | |||
table.wikitable > * > tr > th, | |||
table.wikitable > tr > td, | |||
table.wikitable > * > tr > td { | |||
border: 1px solid var(--nv-wikitable-border); | |||
} | |||
/* header */ | |||
table.wikitable > tr > th, | |||
table.wikitable > * > tr > th { | |||
background: var(--nv-wikitable-header-bg); | |||
color: var(--nv-wikitable-header-fg); | |||
} | |||
/* optional: zebra rows */ | |||
table.wikitable > tbody > tr:nth-child(even) > td { | |||
background: var(--nv-wikitable-row-alt); | |||
} | |||
/* Citizen 다크 토글 대응 (둘 중 하나가 맞을 가능성 높음) */ | |||
html.skin-citizen.theme-dark, | |||
html.skin-citizen.skin-theme-clientpref-night, | |||
html.skin-citizen.clientpref-night { | |||
--nv-wikitable-bg: #1b1f23; | |||
--nv-wikitable-border: #3a3f45; | |||
--nv-wikitable-header-bg: #2a2f36; | |||
--nv-wikitable-header-fg: #e6e6e6; | |||
--nv-wikitable-row-alt: #20252b; | |||
} | |||
/* nw-box + wikitable 조합 충돌 방지: table 성질 복구 */ | |||
table.wikitable.nw-box { | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
table-layout: fixed; | |||
display: table !important; | |||
float: none !important; | |||
clear: both; | |||
box-sizing: border-box; | |||
} | |||
/* VisualEditor에서만 폭이 줄어드는 현상 보정 */ | |||
.ve-ce-documentNode table.wikitable.nw-box { | |||
width: 100% !important; | |||
max-width: 100% !important; | |||
display: table !important; | |||
} | } | ||
2026년 1월 10일 (토) 22:56 기준 최신판
/* 여기의 모든 CSS는 시티즌 스킨을 사용하는 사용자에게 로드됩니다 */
/* NovaWiki: wikitable dark/light friendly */
:root {
--nv-wikitable-bg: #ffffff;
--nv-wikitable-border: #c8ccd1;
--nv-wikitable-header-bg: #eaecf0;
--nv-wikitable-header-fg: #202122;
--nv-wikitable-row-alt: #f8f9fa;
}
/* OS/브라우저 다크모드 */
@media (prefers-color-scheme: dark) {
:root {
--nv-wikitable-bg: #1b1f23;
--nv-wikitable-border: #3a3f45;
--nv-wikitable-header-bg: #2a2f36;
--nv-wikitable-header-fg: #e6e6e6;
--nv-wikitable-row-alt: #20252b;
}
}
/* base */
table.wikitable {
background: var(--nv-wikitable-bg);
border: 1px solid var(--nv-wikitable-border);
color: inherit;
border-collapse: collapse;
}
/* cells */
table.wikitable > tr > th,
table.wikitable > * > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > td {
border: 1px solid var(--nv-wikitable-border);
}
/* header */
table.wikitable > tr > th,
table.wikitable > * > tr > th {
background: var(--nv-wikitable-header-bg);
color: var(--nv-wikitable-header-fg);
}
/* optional: zebra rows */
table.wikitable > tbody > tr:nth-child(even) > td {
background: var(--nv-wikitable-row-alt);
}
/* Citizen 다크 토글 대응 (둘 중 하나가 맞을 가능성 높음) */
html.skin-citizen.theme-dark,
html.skin-citizen.skin-theme-clientpref-night,
html.skin-citizen.clientpref-night {
--nv-wikitable-bg: #1b1f23;
--nv-wikitable-border: #3a3f45;
--nv-wikitable-header-bg: #2a2f36;
--nv-wikitable-header-fg: #e6e6e6;
--nv-wikitable-row-alt: #20252b;
}
/* nw-box + wikitable 조합 충돌 방지: table 성질 복구 */
table.wikitable.nw-box {
width: 100% !important;
max-width: 100% !important;
table-layout: fixed;
display: table !important;
float: none !important;
clear: both;
box-sizing: border-box;
}
/* VisualEditor에서만 폭이 줄어드는 현상 보정 */
.ve-ce-documentNode table.wikitable.nw-box {
width: 100% !important;
max-width: 100% !important;
display: table !important;
}