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

편집 요약 없음
편집 요약 없음
 
(사용자 3명의 중간 판 345개는 보이지 않습니다)
1번째 줄: 1번째 줄:
@import url('https://fonts.googleapis.com/css2?family=Black+Han+Sans&family=Gugi&family=Noto+Sans+KR:wght@100;400&family=Noto+Serif+KR:wght@200;500&family=Sunflower:wght@300;500&display=swap');
.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;
}


@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@200;400;700&display=swap');
li > ul {
.info {
  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%;
width: 100%;
text-align: center;
}
}


.pct-infobox {
.mw-custom-collapse-viewport-inner {
width: 360px;
width: 100%;
float: right;
clear: right;
padding: 0.2em;
}
}


@media (max-width: 768px){
/* 부드러운 접기/펼치기 */
.pct-infobox {
.smooth-collapse {
width: 100%;
    display: grid;
max-width: 450px;
    grid-template-rows: 1fr;
margin: 0 auto;
    transition: grid-template-rows 0.35s ease;
}
}
}


@media (max-width: 540px){
.smooth-collapse > .smooth-collapse-inner {
.pct-infobox {
    overflow: hidden;
width: 100%;
    min-height: 0;
max-width: 100%;
clear: both;
}
}
}


.pct-fixedbox {
.smooth-collapse.is-collapsed {
width:100%;
    grid-template-rows: 0fr;
border-collapse:collapse;
margin-top: 12px;
}
}


.fixedbox-title {
/* 선택사항: 내용도 살짝 페이드 */
height:60px;
.smooth-collapse > .smooth-collapse-inner {
color:white;
    opacity: 1;
font-size:24px;
    transition: opacity 0.25s ease;
text-align:center;
vertical-align:middle;
border-bottom:1px solid#bbb;
}
}


.fixedbox-row-full {
.smooth-collapse.is-collapsed > .smooth-collapse-inner {
color:white;
    opacity: 0;
border-bottom:1px solid#bbb;
text-align: center;
padding:6px 6px;
font-size:14px;
vertical-align:middle;
}
}


.fixedbox-row-20 {
/* 펼치기 · 접기 내부 표의 좌우 외곽선 제거 */
width: 20%;
.mw-collapsible-content > table {
color:white;
    border-left: none !important;
border-top:1px solid#bbb;
    border-right: none !important;
text-align: center;
padding:6px 6px;
font-size:14px;
vertical-align:middle;
}
}


.fixedbox-row-20:last-child {
.mw-collapsible-content > table > tbody > tr > :first-child {
border: 0px;
    border-left: none !important;
}
}


.fixedbox-row-30 {
.mw-collapsible-content > table > tbody > tr > :last-child {
width: 30%;
    border-right: none !important;
background-color:#eeeeee;
border-top:1px solid#bbb;
text-align: center;
padding:8px 6px;
font-size:14px;
vertical-align:middle;
}
}


.fixedbox-row-30:last-child {
:root {
border-bottom: 0px;
--fbnw-theme-010: #101012;
--fbnw-theme-020: #202022;
--fbnw-theme-030: #303032;
--fbnw-theme-040: #404042;
--fbnw-theme-050: #505052;
}
}


.fixedbox-row-40 {
html.liberty-dark-mode .dark\:fbnw-theme-010,
width: 40%;
body.liberty-dark-mode .dark\:fbnw-theme-010 {
background-color:#fff;
background: var(--fbnw-theme-010) !important;
border-top:1px solid#bbb;
text-align: center;
padding:8px 6px;
font-size:14px;
vertical-align:middle;
}
}


.fixedbox-row-40:last-child {
html.liberty-dark-mode .dark\:fbnw-theme-020,
border: 0px;
body.liberty-dark-mode .dark\:fbnw-theme-020 {
background: var(--fbnw-theme-020) !important;
}
}


.fixedbox-row-desc {
html.liberty-dark-mode .dark\:fbnw-theme-030,
border-top:1px solid#bbb;
body.liberty-dark-mode .dark\:fbnw-theme-030 {
padding:6px 8px;
background: var(--fbnw-theme-030) !important;
font-size:14px;
font-weight:500;
vertical-align:middle;
}
}


.fixedbox-row-desc:last-child {
html.liberty-dark-mode .dark\:fbnw-theme-040,
border-bottom:0px;
body.liberty-dark-mode .dark\:fbnw-theme-040 {
background: var(--fbnw-theme-040) !important;
}
}


.pct-infobox-title {
html.liberty-dark-mode .dark\:fbnw-theme-050,
height:80px;
body.liberty-dark-mode .dark\:fbnw-theme-050 {
color:white;
background: var(--fbnw-theme-050) !important;
font-size:24px;
}
font-weight:500;
/* 실제 문서에서 사용하는 유틸리티 */
text-align:center;
.inline-block {
vertical-align:middle;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}
}


.pct-infobox-image {
.flex {
padding:24px;
display: flex;
vertical-align:middle;
text-align:center;
}
}


.pct-infobox-row-full {
.flex-col {
color:white;
flex-direction: column;
height:32px;
text-align:center;
vertical-align:middle;
font-size:13px;
}
}


.togglebutton {
.w-screen {
cursor:pointer;
width: 100%;
display:block;
text-align:center;
}
}


#togglebutton, #togglecontent {
 
height:0;
/* 접혀 있을 때는 2개가 좌우로 */
    overflow:hidden;
.inline-block {
width: 49%;
}
}


#togglebutton:checked + #togglecontent {
 
    height:auto;
/* 자기 안의 접기 영역이 펼쳐지면 전체 폭 */
    position:relative;
.inline-block:has(
.mw-collapsible:not(.mw-collapsed)
) {
width: 100%;
}
 
 
/* 첫 번째 영역이 펼쳐졌을 경우,
  바로 뒤의 두 번째 영역도 다음 줄 전체 폭으로 */
.inline-block:has(
.mw-collapsible:not(.mw-collapsed)
) + .inline-block {
width: 100%;
}
 
 
/* 펼쳐지는 실제 내용도 전체 폭 */
.inline-block .mw-collapsible,
.inline-block .mw-collapsible-content {
width: 100%;
box-sizing: border-box;
}
 
/* dark:!border-y-[색상] 형태 전부 */
html.liberty-dark-mode [class*="dark:!border-y-["],
body.liberty-dark-mode [class*="dark:!border-y-["] {
border-top-color: #444444 !important;
border-bottom-color: #444444 !important;
}
}


.portal-column-left {
/* dark:!border-r-[색상] 형태 전부 */
    float: left;
html.liberty-dark-mode [class*="dark:!border-r-["],
    width: 50%;
body.liberty-dark-mode [class*="dark:!border-r-["] {
border-right-color: #444444 !important;
}
}
.portal-column-right {
 
    float: right;
/* 기본 표시 상태 */
    width: 49%;
.inline {
display: inline;
}
}
.portal-column-left-wide {
 
    float: left;
.hidden {
    width: 60%;
display: none;
}
}
.portal-column-right-narrow {
 
    float: right;
/* Liberty 다크모드 */
    width: 39%;
html.liberty-dark-mode .dark\:hidden,
body.liberty-dark-mode .dark\:hidden {
display: none !important;
}
}
.portal-column-left-extra-wide {
 
    float: left;
html.liberty-dark-mode .dark\:inline,
    width: 70%;
body.liberty-dark-mode .dark\:inline {
display: inline !important;
}
}
.portal-column-right-extra-narrow {
 
    float: right;
/* 접이식 영역 내부 표의 맨 아래 선 제거 */
    width: 29%;
.mw-collapsible-content > table.wikitable {
border-bottom: 0 !important;
}
}
@media only screen and (max-width: 800px) {
 
    /* Decouple the columns on narrow screens */
.mw-collapsible-content > table.wikitable > tbody > tr:last-child > th,
    .portal-column-left,
.mw-collapsible-content > table.wikitable > tbody > tr:last-child > td {
    .portal-column-right,
border-bottom: 0 !important;
    .portal-column-left-wide,
}
    .portal-column-right-narrow,
 
     .portal-column-left-extra-wide,
.fbn-terms li {
    .portal-column-right-extra-narrow {
     margin-bottom: 0.2em;
        float: inherit;
}
        width: inherit;
 
    }
.fbn-terms > ul > li > ol {
    margin-top: 0.2em;
}
}

2026년 8월 22일 (토) 17:12 기준 최신판

.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: #101012;
	--fbnw-theme-020: #202022;
	--fbnw-theme-030: #303032;
	--fbnw-theme-040: #404042;
	--fbnw-theme-050: #505052;
}

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;
}
/* 실제 문서에서 사용하는 유틸리티 */
.inline-block {
	display: inline-block;
	vertical-align: top;
	box-sizing: border-box;
}

.flex {
	display: flex;
}

.flex-col {
	flex-direction: column;
}

.w-screen {
	width: 100%;
}


/* 접혀 있을 때는 2개가 좌우로 */
.inline-block {
	width: 49%;
}


/* 자기 안의 접기 영역이 펼쳐지면 전체 폭 */
.inline-block:has(
	.mw-collapsible:not(.mw-collapsed)
) {
	width: 100%;
}


/* 첫 번째 영역이 펼쳐졌을 경우,
   바로 뒤의 두 번째 영역도 다음 줄 전체 폭으로 */
.inline-block:has(
	.mw-collapsible:not(.mw-collapsed)
) + .inline-block {
	width: 100%;
}


/* 펼쳐지는 실제 내용도 전체 폭 */
.inline-block .mw-collapsible,
.inline-block .mw-collapsible-content {
	width: 100%;
	box-sizing: border-box;
}

/* dark:!border-y-[색상] 형태 전부 */
html.liberty-dark-mode [class*="dark:!border-y-["],
body.liberty-dark-mode [class*="dark:!border-y-["] {
	border-top-color: #444444 !important;
	border-bottom-color: #444444 !important;
}

/* dark:!border-r-[색상] 형태 전부 */
html.liberty-dark-mode [class*="dark:!border-r-["],
body.liberty-dark-mode [class*="dark:!border-r-["] {
	border-right-color: #444444 !important;
}

/* 기본 표시 상태 */
.inline {
	display: inline;
}

.hidden {
	display: none;
}

/* Liberty 다크모드 */
html.liberty-dark-mode .dark\:hidden,
body.liberty-dark-mode .dark\:hidden {
	display: none !important;
}

html.liberty-dark-mode .dark\:inline,
body.liberty-dark-mode .dark\:inline {
	display: inline !important;
}

/* 접이식 영역 내부 표의 맨 아래 선 제거 */
.mw-collapsible-content > table.wikitable {
	border-bottom: 0 !important;
}

.mw-collapsible-content > table.wikitable > tbody > tr:last-child > th,
.mw-collapsible-content > table.wikitable > tbody > tr:last-child > td {
	border-bottom: 0 !important;
}

.fbn-terms li {
    margin-bottom: 0.2em;
}

.fbn-terms > ul > li > ol {
    margin-top: 0.2em;
}