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

편집 요약 없음
태그: 되돌려진 기여
편집 요약 없음
 
(같은 사용자의 중간 판 150개는 보이지 않습니다)
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;
}


html {
.smooth-collapse.is-collapsed {
  font-size: 16px;
    grid-template-rows: 0fr;
}
}


body {
/* 선택사항: 내용도 살짝 페이드 */
  font-size: 15px;
.smooth-collapse > .smooth-collapse-inner {
  font-weight: 400;
    opacity: 1;
  color: #212529;
    transition: opacity 0.25s ease;
}
}


body,
.smooth-collapse.is-collapsed > .smooth-collapse-inner {
h1,
     opacity: 0;
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,
/* 펼치기 · 접기 내부 표의 좌우 외곽선 제거 */
h2,
.mw-collapsible-content > table {
h3,
    border-left: none !important;
h4,
     border-right: none !important;
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"] {
.mw-collapsible-content > table > tbody > tr > :first-child {
  font-family: sans-serif;
    border-left: none !important;
}
}


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


h2 {
:root {
  font-size: 1.8em;
--fbnw-theme-010: #101012;
--fbnw-theme-020: #202022;
--fbnw-theme-030: #303032;
--fbnw-theme-040: #404042;
--fbnw-theme-050: #505052;
}
}


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


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


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


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


ol,
html.liberty-dark-mode .dark\:fbnw-theme-050,
ul,
body.liberty-dark-mode .dark\:fbnw-theme-050 {
p {
background: var(--fbnw-theme-050) !important;
  margin: 0;
}
  padding: 0;
/* 실제 문서에서 사용하는 유틸리티 */
.inline-block {
display: inline-block;
vertical-align: top;
box-sizing: border-box;
}
}


p {
.flex {
  margin-bottom: 1rem;
display: flex;
}
}


ol,
.flex-col {
.mw-content-ltr ol,
flex-direction: column;
.mw-content-rtl .mw-content-ltr ol {
  margin: 0;
  margin-left: 2.2rem;
  margin-right: 1rem;
  list-style-image: none;
}
}


pre {
.w-screen {
  display: block;
width: 100%;
  color: #333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f8fa;
  border: 1px solid #e1e8ed;
  border-radius: 0.5rem;
  padding: 0.8rem;
}
}


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


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


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


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


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


th[rowspan]:after,
/* dark:!border-r-[색상] 형태 전부 */
td[rowspan]:after {
html.liberty-dark-mode [class*="dark:!border-r-["],
  content: "";
body.liberty-dark-mode [class*="dark:!border-r-["] {
  position: absolute;
border-right-color: #444444 !important;
  top: 0;
  right: -1px;
  width: 1px;
  height: 100%;
  /*background: #e0e0e0;*/
}
}


input[type="search"] {
/* 기본 표시 상태 */
  -webkit-appearance: none;
.inline {
  appearance: none;
display: inline;
  /* Removes some iOS CSS Settings */
}
}


textarea {
.hidden {
  width: 100%;
display: none;
  border: 1px solid #e1e8ed;
  padding: 0.5rem;
}
}


hr {
/* Liberty 다크모드 */
  border-top: 1px solid #e1e8ed;
html.liberty-dark-mode .dark\:hidden,
body.liberty-dark-mode .dark\:hidden {
display: none !important;
}
}


html input[type="button"]:hover,
html.liberty-dark-mode .dark\:inline,
html input[type="submit"]:hover,
body.liberty-dark-mode .dark\:inline {
button:hover {
display: inline !important;
  background-color: #466DFA;
}
}


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


del,
.mw-collapsible-content > table.wikitable > tbody > tr:last-child > th,
s,
.mw-collapsible-content > table.wikitable > tbody > tr:last-child > td {
strike {
border-bottom: 0 !important;
  color: #808080;
}
}
/* HTML Tag End */


/* Content width, alian center */
.fbn-terms li {
.Liberty .nav-wrapper .navbar {
    margin-bottom: 0.2em;
max-width: 1300px;
}
}


.Liberty .content-wrapper {
.fbn-terms > ul > li > ol {
max-width: 1300px;
    margin-top: 0.2em;
margin-top: 65px;
}
}
/* Content width, alian center 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;
}