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

편집 요약 없음
태그: 되돌려진 기여
편집 요약 없음
 
(같은 사용자의 중간 판 156개는 보이지 않습니다)
1번째 줄: 1번째 줄:
/* HTML Tag */
.wikitable td {
* {
    position: relative !important; /* 내부 요소 정렬 기준 */
  outline: none;
    max-width: 100% !important;
    overflow: hidden !important;
    table-layout: fixed
}
}


input:hover,
.wikitable td table {
button:hover,
    width: 100% !important; /* 부모 td의 크기에 맞춤 */
select:hover {
    max-width: 100% !important;
  transition: 0.3s;
}
}


html, body {
.nob {
  overflow-x: hidden;
margin-top: 4px;
  overflow-y: overlay;
margin-bottom: 4px;
}
}


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


/* body::-webkit-scrollbar {
.nob2 {
  width: 12px;
margin-top: -3px;
  transition: 250ms;
}
}


body::-webkit-scrollbar-thumb {
.mw-headline  #toc a {
   background: #adb5bdb6;
   margin-right: 6px;
  border-radius: 20px;
  border: 3px solid transparent;
  background-clip: padding-box;
  transition: 250ms;
}
}


body::-webkit-scrollbar-track {
li > ul {
   background: transparent;
  margin-top: 2px !important;
   transition: 250ms;
  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;
}


html {
.smooth-collapse.is-collapsed > .smooth-collapse-inner {
  font-size: 16px;
    opacity: 0;
}
}


body {
/* 펼치기 · 접기 내부 표의 좌우 외곽선 제거 */
  font-size: 15px;
.mw-collapsible-content > table {
  font-weight: 400;
    border-left: none !important;
  color: #212529;
    border-right: none !important;
}
}


body,
.mw-collapsible-content > table > tbody > tr > :first-child {
h1,
     border-left: none !important;
h2,
h3,
h4,
h5,
h6 {
  font-family: "Pretendard", "Apple SD Gothic Neo", "Spoqa Han Sans", "SpoqaHanSans",
     "Noto Sans KR", "Noto Sans", "Noto Sans CJK KR", "NanumBarunGothic",
    "Nanum Gothic", "KoPub Dotum", "Malgun Gothic", "맑은 고딕", sans-serif;
  margin: 0;
}
}


h1,
.mw-collapsible-content > table > tbody > tr > :last-child {
h2,
     border-right: none !important;
h3,
h4,
h5,
h6,
b {
  font-family: "Pretendard", "Apple SD Gothic Neo", "Spoqa Han Sans", "SpoqaHanSans",
     "Noto Sans KR", "Noto Sans", "Noto Sans CJK KR", "NanumBarunGothic",
    "Nanum Gothic", "KoPub Dotum", "Malgun Gothic", "맑은 고딕", sans-serif;
}
}


input[type="password"] {
:root {
  font-family: sans-serif;
--fbnw-theme-010: #101012;
--fbnw-theme-020: #202022;
--fbnw-theme-030: #303032;
--fbnw-theme-040: #404042;
--fbnw-theme-050: #505052;
}
}


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


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


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


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


h5 {
html.liberty-dark-mode .dark\:fbnw-theme-050,
  font-size: 1.3em;
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;
}
}


h6 {
.flex {
  font-size: 1.1em;
display: flex;
}
}


ol,
.flex-col {
ul,
flex-direction: column;
p {
  margin: 0;
  padding: 0;
}
}


p {
.w-screen {
  margin-bottom: 1rem;
width: 100%;
}
}


ol,
 
.mw-content-ltr ol,
/* 접혀 있을 때는 2개가 좌우로 */
.mw-content-rtl .mw-content-ltr ol {
.inline-block {
  margin: 0;
width: 49%;
  margin-left: 2.2rem;
  margin-right: 1rem;
  list-style-image: none;
}
}


pre {
 
  display: block;
/* 자기 안의 접기 영역이 펼쳐지면 전체 폭 */
  color: #333;
.inline-block:has(
  word-break: break-all;
.mw-collapsible:not(.mw-collapsed)
  word-wrap: break-word;
) {
  background-color: #f5f8fa;
width: 100%;
  border: 1px solid #e1e8ed;
  border-radius: 0.5rem;
  padding: 0.8rem;
}
}


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


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


ul {
/* dark:!border-y-[색상] 형태 전부 */
  list-style-image: url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%0A%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20version%3D%221.1%22%20width%3D%225%22%20height%3D%2213%22%3E%0A%3Ccircle%20cx%3D%222.5%22%20cy%3D%229.5%22%20r%3D%222.5%22%20fill%3D%22%23373a3c%22%2F%3E%0A%3C%2Fsvg%3E%0A);
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;
}
}


img {
/* dark:!border-r-[색상] 형태 전부 */
  max-width: 100%;
html.liberty-dark-mode [class*="dark:!border-r-["],
  height: auto;
body.liberty-dark-mode [class*="dark:!border-r-["] {
  margin: 0;
border-right-color: #444444 !important;
}
}


th[rowspan],
/* 기본 표시 상태 */
td[rowspan] {
.inline {
  position: relative;
display: inline;
}
}


th[rowspan]:after,
.hidden {
td[rowspan]:after {
display: none;
  content: "";
  position: absolute;
  top: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  /*background: #e0e0e0;*/
}
}


input[type="search"] {
/* Liberty 다크모드 */
  -webkit-appearance: none;
html.liberty-dark-mode .dark\:hidden,
  appearance: none;
body.liberty-dark-mode .dark\:hidden {
  /* Removes some iOS CSS Settings */
display: none !important;
}
}


textarea {
html.liberty-dark-mode .dark\:inline,
  width: 100%;
body.liberty-dark-mode .dark\:inline {
  border: 1px solid #e1e8ed;
display: inline !important;
  padding: 0.5rem;
}
}


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


html input[type="button"]:hover,
.mw-collapsible-content > table.wikitable > tbody > tr:last-child > th,
html input[type="submit"]:hover,
.mw-collapsible-content > table.wikitable > tbody > tr:last-child > td {
button:hover {
border-bottom: 0 !important;
  background-color: #466DFA;
}
}


label {
.fbn-terms li {
  vertical-align: middle;
    margin-bottom: 0.2em;
  word-break: keep-all;
}
}


del,
.fbn-terms > ul > li > ol {
s,
    margin-top: 0.2em;
strike {
  color: #808080;
}
}
/* HTML Tag End */

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;
}