미디어위키:Common.css: 두 판 사이의 차이

편집 요약 없음
편집 요약 없음
101번째 줄: 101번째 줄:
}
}


/* 다크모드: 사용자가 직접 지정한 표 배경색을 약 15% 어둡게 */
:root {
html.liberty-dark-mode .mw-parser-output table[style*="background-color"],
--fbnw-theme-010: #151720;
html.liberty-dark-mode .mw-parser-output tr[style*="background-color"],
--fbnw-theme-020: #262A39;
html.liberty-dark-mode .mw-parser-output th[style*="background-color"],
--fbnw-theme-030: #3A3F52;
html.liberty-dark-mode .mw-parser-output td[style*="background-color"],
--fbnw-theme-040: #4F556B;
body.liberty-dark-mode .mw-parser-output table[style*="background-color"],
--fbnw-theme-050: #666D83;
body.liberty-dark-mode .mw-parser-output tr[style*="background-color"],
}
body.liberty-dark-mode .mw-parser-output th[style*="background-color"],
 
body.liberty-dark-mode .mw-parser-output td[style*="background-color"] {
html.liberty-dark-mode .dark\:fbnw-theme-010,
box-shadow: inset 0 0 0 9999px rgba(0, 0, 0, .15);
body.liberty-dark-mode .dark\:fbnw-theme-010 {
background: var(--fbnw-theme-010) !important;
}
 
html.liberty-dark-mode .dark\:fbnw-theme-020,
body.liberty-dark-mode .dark\:fbnw-theme-020 {
background: var(--fbnw-theme-020) !important;
}
 
html.liberty-dark-mode .dark\:fbnw-theme-030,
body.liberty-dark-mode .dark\:fbnw-theme-030 {
background: var(--fbnw-theme-030) !important;
}
 
html.liberty-dark-mode .dark\:fbnw-theme-040,
body.liberty-dark-mode .dark\:fbnw-theme-040 {
background: var(--fbnw-theme-040) !important;
}
 
html.liberty-dark-mode .dark\:fbnw-theme-050,
body.liberty-dark-mode .dark\:fbnw-theme-050 {
background: var(--fbnw-theme-050) !important;
}
}

2026년 8월 22일 (토) 08:48 판

.wikitable td {
    position: relative !important; /* 내부 요소 정렬 기준 */
    max-width: 100% !important;
    overflow: hidden !important;
    table-layout: fixed
}

.wikitable td table {
    width: 100% !important; /* 부모 td의 크기에 맞춤 */
    max-width: 100% !important;
}

.nob {
	margin-top: 4px;
	margin-bottom: 4px;
}

.ind {
	font-size: 14px;
	color : #4a4a4a;
	margin-left: 18px;
	margin-top: 4px;
	margin-bottom: 4px;
}

.nob2 {
	margin-top: -3px;
}

.mw-headline  #toc a {
  margin-right: 6px;
}

li > ul {
  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

li > ul > li {
	  margin-top: 2px !important;
  margin-bottom: 2px !important;
}

.mw-parser-output > h2, h3 {
  margin-top: 32px !important;
}

h2 .mw-headline a[href="#toc"],
h3 .mw-headline a[href="#toc"],
h4 .mw-headline a[href="#toc"] {
  margin-right: 5px;
}

.mw-custom-collapse-viewport {
	overflow: hidden;
	width: 100%;
}

.mw-custom-collapse-viewport-inner {
	width: 100%;
}

/* 부드러운 접기/펼치기 */
.smooth-collapse {
    display: grid;
    grid-template-rows: 1fr;
    transition: grid-template-rows 0.35s ease;
}

.smooth-collapse > .smooth-collapse-inner {
    overflow: hidden;
    min-height: 0;
}

.smooth-collapse.is-collapsed {
    grid-template-rows: 0fr;
}

/* 선택사항: 내용도 살짝 페이드 */
.smooth-collapse > .smooth-collapse-inner {
    opacity: 1;
    transition: opacity 0.25s ease;
}

.smooth-collapse.is-collapsed > .smooth-collapse-inner {
    opacity: 0;
}

/* 펼치기 · 접기 내부 표의 좌우 외곽선 제거 */
.mw-collapsible-content > table {
    border-left: none !important;
    border-right: none !important;
}

.mw-collapsible-content > table > tbody > tr > :first-child {
    border-left: none !important;
}

.mw-collapsible-content > table > tbody > tr > :last-child {
    border-right: none !important;
}

:root {
	--fbnw-theme-010: #151720;
	--fbnw-theme-020: #262A39;
	--fbnw-theme-030: #3A3F52;
	--fbnw-theme-040: #4F556B;
	--fbnw-theme-050: #666D83;
}

html.liberty-dark-mode .dark\:fbnw-theme-010,
body.liberty-dark-mode .dark\:fbnw-theme-010 {
	background: var(--fbnw-theme-010) !important;
}

html.liberty-dark-mode .dark\:fbnw-theme-020,
body.liberty-dark-mode .dark\:fbnw-theme-020 {
	background: var(--fbnw-theme-020) !important;
}

html.liberty-dark-mode .dark\:fbnw-theme-030,
body.liberty-dark-mode .dark\:fbnw-theme-030 {
	background: var(--fbnw-theme-030) !important;
}

html.liberty-dark-mode .dark\:fbnw-theme-040,
body.liberty-dark-mode .dark\:fbnw-theme-040 {
	background: var(--fbnw-theme-040) !important;
}

html.liberty-dark-mode .dark\:fbnw-theme-050,
body.liberty-dark-mode .dark\:fbnw-theme-050 {
	background: var(--fbnw-theme-050) !important;
}