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

편집 요약 없음
편집 요약 없음
 
(사용자 2명의 중간 판 337개는 보이지 않습니다)
1번째 줄: 1번째 줄:
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.8/dist/web/variable/pretendardvariable.css");
.wikitable td {
    position: relative !important; /* 내부 요소 정렬 기준 */
    max-width: 100% !important;
    overflow: hidden !important;
    table-layout: fixed
}


body, h1, h2, h3, h4, h5, h6, b {
.wikitable td table {
font-family: "Pretendard Variable", Pretendard JP, Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;
    width: 100% !important; /* 부모 td의 크기에 맞춤 */
    max-width: 100% !important;
}
}


.Liberty .content-wrapper .liberty-sidebar .live-recent-wrapper .live-recent .live-recent-content .live-recent-list .recent-item {
.nob {
font-size: 0.85rem;
margin-top: 4px;
margin-bottom: 4px;
}
}


.info {
.ind {
width: 100%;
font-size: 14px;
text-align: center;
color : #4a4a4a;
margin-left: 18px;
margin-top: 4px;
margin-bottom: 4px;
}
}


.pct-infobox {
.nob2 {
width: 360px;
margin-top: -3px;
float: right;
clear: right;
padding: 0.2em;
}
}


@media (max-width: 768px){
.mw-headline  #toc a {
.pct-infobox {
  margin-right: 6px;
width: 100%;
max-width: 450px;
margin: 0 auto;
}
}
}


@media (max-width: 540px){
li > ul {
.pct-infobox {
  margin-top: 2px !important;
width: 100%;
  margin-bottom: 2px !important;
max-width: 100%;
clear: both;
}
}
}


.pct-fixedbox {
li > ul > li {
width:100%;
  margin-top: 2px !important;
border-collapse:collapse;
  margin-bottom: 2px !important;
margin-top: 12px;
}
}


.fixedbox-title {
.mw-parser-output > h2, h3 {
height:60px;
  margin-top: 32px !important;
color:white;
font-size:24px;
text-align:center;
vertical-align:middle;
border-bottom:1px solid#bbb;
}
}


.fixedbox-row-full {
h2 .mw-headline a[href="#toc"],
color:white;
h3 .mw-headline a[href="#toc"],
border-bottom:1px solid#bbb;
h4 .mw-headline a[href="#toc"] {
text-align: center;
  margin-right: 5px;
padding:6px 6px;
font-size:14px;
vertical-align:middle;
}
}


.fixedbox-row-20 {
.mw-custom-collapse-viewport {
width: 20%;
overflow: hidden;
color:white;
width: 100%;
border-top:1px solid#bbb;
text-align: center;
padding:6px 6px;
font-size:14px;
vertical-align:middle;
}
}


.fixedbox-row-20:last-child {
.mw-custom-collapse-viewport-inner {
border: 0px;
width: 100%;
}
}


.fixedbox-row-30 {
/* 부드러운 접기/펼치기 */
width: 30%;
.smooth-collapse {
background-color:#eeeeee;
    display: grid;
border-top:1px solid#bbb;
    grid-template-rows: 1fr;
text-align: center;
    transition: grid-template-rows 0.35s ease;
padding:8px 6px;
font-size:14px;
vertical-align:middle;
}
}


.fixedbox-row-30:last-child {
.smooth-collapse > .smooth-collapse-inner {
border-bottom: 0px;
    overflow: hidden;
    min-height: 0;
}
}


.fixedbox-row-40 {
.smooth-collapse.is-collapsed {
width: 40%;
    grid-template-rows: 0fr;
background-color:#fff;
border-top:1px solid#bbb;
text-align: center;
padding:8px 6px;
font-size:14px;
vertical-align:middle;
}
}


.fixedbox-row-40:last-child {
/* 선택사항: 내용도 살짝 페이드 */
border: 0px;
.smooth-collapse > .smooth-collapse-inner {
    opacity: 1;
    transition: opacity 0.25s ease;
}
}


.fixedbox-row-desc {
.smooth-collapse.is-collapsed > .smooth-collapse-inner {
border-top:1px solid#bbb;
    opacity: 0;
padding:6px 8px;
font-size:14px;
font-weight:500;
vertical-align:middle;
}
}


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


.pct-infobox-title {
.mw-collapsible-content > table > tbody > tr > :first-child {
height:80px;
    border-left: none !important;
color:white;
font-size:24px;
font-weight:500;
text-align:center;
vertical-align:middle;
}
}


.pct-infobox-image {
.mw-collapsible-content > table > tbody > tr > :last-child {
padding:24px;
    border-right: none !important;
vertical-align:middle;
text-align:center;
}
}


.pct-infobox-row-full {
:root {
color:white;
--fbnw-theme-010: #101012;
height:32px;
--fbnw-theme-020: #202022;
text-align:center;
--fbnw-theme-030: #303032;
vertical-align:middle;
--fbnw-theme-040: #404042;
font-size:13px;
--fbnw-theme-050: #505052;
}
}


.togglebutton {
html.liberty-dark-mode .dark\:fbnw-theme-010,
cursor:pointer;
body.liberty-dark-mode .dark\:fbnw-theme-010 {
display:block;
background: var(--fbnw-theme-010) !important;
text-align:center;
}
}


#togglebutton, #togglecontent {
html.liberty-dark-mode .dark\:fbnw-theme-020,
height:0;
body.liberty-dark-mode .dark\:fbnw-theme-020 {
    overflow:hidden;
background: var(--fbnw-theme-020) !important;
}
}


#togglebutton:checked + #togglecontent {
html.liberty-dark-mode .dark\:fbnw-theme-030,
    height:auto;
body.liberty-dark-mode .dark\:fbnw-theme-030 {
    position:relative;
background: var(--fbnw-theme-030) !important;
}
}


.portal-column-left {
html.liberty-dark-mode .dark\:fbnw-theme-040,
    float: left;
body.liberty-dark-mode .dark\:fbnw-theme-040 {
    width: 50%;
background: var(--fbnw-theme-040) !important;
}
}
.portal-column-right {
 
    float: right;
html.liberty-dark-mode .dark\:fbnw-theme-050,
    width: 49%;
body.liberty-dark-mode .dark\:fbnw-theme-050 {
background: var(--fbnw-theme-050) !important;
}
}
.portal-column-left-wide {
/* 실제 문서에서 사용하는 유틸리티 */
    float: left;
.inline-block {
    width: 60%;
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}
}
.portal-column-right-narrow {
 
    float: right;
.flex {
    width: 39%;
display: flex;
}
}
.portal-column-left-extra-wide {
 
    float: left;
.flex-col {
    width: 70%;
flex-direction: column;
}
}
.portal-column-right-extra-narrow {
 
    float: right;
.w-screen {
    width: 29%;
width: 100%;
}
}
@media only screen and (max-width: 800px) {
 
    /* Decouple the columns on narrow screens */
 
    .portal-column-left,
/* 접혀 있을 때는 2개가 좌우로 */
    .portal-column-right,
.inline-block {
    .portal-column-left-wide,
width: 49%;
    .portal-column-right-narrow,
    .portal-column-left-extra-wide,
    .portal-column-right-extra-narrow {
        float: inherit;
        width: inherit;
    }
}
}


/**
 
* Auto-number headings
/* 자기 안의 접기 영역이 펼쳐지면 전체 폭 */
*
.inline-block:has(
* @source https://www.mediawiki.org/wiki/Snippets/Auto-number_headings
.mw-collapsible:not(.mw-collapsed)
* @author Krinkle
) {
* @version 2021-10-03
width: 100%;
*/
/**
* Fallback for pages without a TOC. This could in principle work for all pages,
* but we don't to ensure consistency between the TOC and heading numbers
*/
.tpl-autonum .mw-parser-output {
  counter-reset: autonum-h2 autonum-h3 autonum-h4 autonum-h5 autonum-h6;
}
}
.tpl-autonum .mw-parser-output h2 {
 
  counter-reset: autonum-h3 autonum-h4 autonum-h5 autonum-h6;
 
/* 첫 번째 영역이 펼쳐졌을 경우,
  바로 뒤의 두 번째 영역도 다음 줄 전체 폭으로 */
.inline-block:has(
.mw-collapsible:not(.mw-collapsed)
) + .inline-block {
width: 100%;
}
}
.tpl-autonum .mw-parser-output h3 {
 
  counter-reset: autonum-h4 autonum-h5 autonum-h6;
 
/* 펼쳐지는 실제 내용도 전체 폭 */
.inline-block .mw-collapsible,
.inline-block .mw-collapsible-content {
width: 100%;
box-sizing: border-box;
}
}
.tpl-autonum .mw-parser-output h4 {
 
  counter-reset: autonum-h5 autonum-h6;
/* 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;
}
}
.tpl-autonum .mw-parser-output h5 {
 
  counter-reset: autonum-h6;
/* dark:!border-r-[색상] 형태 전부 */
html.liberty-dark-mode [class*="dark:!border-r-["],
body.liberty-dark-mode [class*="dark:!border-r-["] {
border-right-color: #444444 !important;
}
}
.tpl-autonum .mw-parser-output h2 .mw-headline:before {
 
  counter-increment: autonum-h2;
/* 기본 표시 상태 */
  content: counter(autonum-h2) " ";
.inline {
display: inline;
}
}
.tpl-autonum .mw-parser-output h3 .mw-headline:before {
 
  counter-increment: autonum-h3;
.hidden {
  content: counter(autonum-h2) "." counter(autonum-h3) " ";
display: none;
}
}
.tpl-autonum .mw-parser-output h4 .mw-headline:before {
 
  counter-increment: autonum-h4;
/* Liberty 다크모드 */
  content: counter(autonum-h2) "." counter(autonum-h3) "." counter(autonum-h4) " ";
html.liberty-dark-mode .dark\:hidden,
}
body.liberty-dark-mode .dark\:hidden {
.tpl-autonum .mw-parser-output h5 .mw-headline:before {
display: none !important;
  counter-increment: autonum-h5;
  content: counter(autonum-h2) "." counter(autonum-h3) "." counter(autonum-h4) "." counter(autonum-h5) " ";
}
.tpl-autonum .mw-parser-output h6 .mw-headline:before {
  counter-increment: autonum-h6;
  content: counter(autonum-h2) "." counter(autonum-h3) "." counter(autonum-h4) "." counter(autonum-h5) "." counter(autonum-h6) " ";
}
}


.Liberty .content-wrapper .liberty-content .liberty-content-main table.wikitable th {
html.liberty-dark-mode .dark\:inline,
word-break: break-all;
body.liberty-dark-mode .dark\:inline {
display: inline !important;
}
}


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


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


span.mw-editsection {
.fbn-terms li {
font-size: .8rem;
     margin-bottom: 0.2em;
     margin-left: 1em;
    color: #0275D8;
    float: right;
    font-weight: bold;
}
}


.mw-headline {
.fbn-terms > ul > li > ol {
font-weight: bold;
    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;
}