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

2024년 10월 27일 (일) 20:17 기준 최신판

/* 이 CSS 설정은 모든 스킨에 적용됩니다 */

@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+CJK&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Gowun+Dodum&display=swap");
body { font-family: /* 'Gowun Dodum', */ 'Noto Sans CJK', 'Apple SD Gothic Neo', 'Hahmlet', 'Noto Serif KR', 'Noto Sans KR', 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; font-size: 1.04em; color: #000; /* background: #fff; */ }

/* 비주얼에디터 */
.ve-ui-surface.oo-ui-widget { font-size: 1em; color: #000; } /* 편집 폰트 */
.ve-ui-toolbar > .oo-ui-toolbar-bar { z-index: 5; } /* ve 상당 툴바 z-index 조정 원래 2 */
ul.ve-ce-branchNode { margin-top: 12px; } /* 편집, ul 상단 여백 원래 3px */

/*
.ve-ui-overlay { font-size: 90%; font-family: 'Gowun Dodum', 'Noto Sans KR'; }
.ve-ui-mwSaveDialog-license { font-size: 80%; } 저장 다이얼로그 설명문 
*/

/* 기본 ui 박스 폰트
.oo-ui-processDialog-title { font-size: 95%; }
.oo-ui-window { font-size: 85%; }
*/

/* 
p { font-family: 'Gowun Dodum', 'Apple SD Gothic Neo', 'Hahmlet', 'Noto Serif KR', 'Noto Sans KR', 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; }
*/

/* 편집모드에서 펼친 메뉴 위에 문서 제목이 겹침 해소 */
/* .mw-body-header { z-index: 0 !important; }  원래는 z-index: 4 */
/* .citizen-page-header--sticky .citizen-page-header { z-index: 3 !importantimportant; } */

/* citizen 2.37 버전에서 헤딩 사라지는 에러 해소 */
.page-Main_Page .citizen-page-header { order: 0; /* top: 0; background-color: var(--color-surface-0); */}
.page-Main_Page .citizen-page-heading { display: flex; } 

/* 문단별 설정 */
.mw-body h1 { font-size: 150%; font-weight: 700; /* text-shadow: 5px 3px 15px #787878; */ }
.mw-body h2 { font-size: 120%; font-weight: 700; border-bottom: solid 2px #ebebeb; overflow: hidden; line-height: 2; margin-top: 1.4em; margin-bottom: 0.6em; } /* text-decoration: solid underline #ebebeb 11px; */
.mw-body h3 { font-size: 115%; font-weight: 600; margin-top: 1em; margin-bottom: 0.6em; }
.mw-body h4 { font-size: 110%; font-weight: 600; margin-top: 1em; margin-bottom: 0.6em; }
.mw-body h5 { font-size: 105%; font-weight: 500; }
.mw-body h6 { font-size: 100%; font-weight: 500; }

/* 타이틀 부분 서브(괄호) css 해제 */
/*.mw-page-title-parenthesis { color: unset; font-size: unset; }*/

/* CodeMirror 소스 편집 폰트 */
.CodeMirror-code { font-size: 1em; }
.cm-mw-section-1 { font-size: 130% !important; font-weight: 700 !important; }
.cm-mw-section-2 { font-size: 120% !important; font-weight: 700 !important; }
.cm-mw-section-3 { font-size: 115% !important; font-weight: 700 !important; }
.cm-mw-section-4 { font-size: 110% !important; font-weight: 700 !important; }
.cm-mw-section-5 { font-size: 100% !important; font-weight: 700 !important; }
.CodeMirror pre.CodeMirror-line, .CodeMirror pre.CodeMirror-line-like { line-height: Normal; font-size: 110%; }
.CodeMirror { background-color: unset; }

/* pre, code 등에서 폰트
pre, code, tt, kbd, samp, .mw-code { font-family:'Gowun Dodum', 'Apple SD Gothic Neo'; font-size: 95%; background-color: #ebebeb; margin: 0.5em 0; }
*/

li { margin-bottom: 0.3em; }
p { margin: 0.5em 0; }

/* 블릿 */
.mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul { padding-left: 0.2em; margin-left: 1.5em;}

/* 섬네일 이미지 */
.thumbinner, .img_box .thumbinner { padding: 10px; /* border: 1px solid #ddd; */ box-shadow: 1px 1px 10px #ddd; border-radius: 5px; /* background-color: white; */ clear: both; }
div.thumbinner, div.tleft, div.tright { margin-top: 0; }

/* 본문 div 박스 안에 이미지 사이즈 조절 */
.img_box { width: 400px; text-align: center; margin: 10px 0 20px 10px; }
.img_box > img { object-fit: cover; width: 100%; border-radius: 5px; }
/* img { object-fit: cover; width: 100%; } */

/* 본문 안 iframe 사이즈 맞춤 */
.mov_box { width: 400px; text-align: center; margin: 10px 0 20px 10px; }
.mov_box > iframe { display:block; width:100%; height: auto; border-radius: 5px; }

/* 항공역사 버튼 */
.history_box { margin: 30px auto 20px auto; text-align: center; /* width: fit-content; */ }
.history_center { display: inline-block; padding: 5px 20px; border-radius: 3px; background-color: #EBEBEB; font-weight: 600; margin: 0; }
.history_left { display: inline-block; padding: 5px 20px; border-radius: 18px 0 0 18px; background-color: #EBEBEB; font-weight: 600; } 
.history_right { display: inline-block; padding: 5px 20px; border-radius: 0 18px 18px 0; background-color: #EBEBEB; font-weight: 600; }

/* 틀:항공사/인물 css */
.airlines_info, .apo_info, .people_info, .air_movie { max-width: 260px; padding: 0.6em; font-size: 87%; line-height: 1.5; background-color: #f9f9f9; float: right; border: 1px solid #ddd; margin-left: 10px; }
/* .apo_info { border: 1px solid #dddddd; color: #001133; margin: 0.5em 0 0.5em 1em !important; padding: 0.2em; float: right; clear: right; text-align:left; box-shadow: 0 1px 2px 1px rgb(0 0 0 / 4%); } */
.airlines_info br, .apo_info br, .people_info br, .air_movie br { content: unset !important; } /* br 태그 유효하게 */
.airlines_info p, .apo_info p, .people_info p, .air_movie p { margin: 0 auto !important; } /* p 태그 상하 마진 없앰 */
.t-inner-padding { padding: 0 0.4em; word-break: break-all; }

/* 편집 상태에서 가로줄 방지 */
table { display: inline-table; }

@media (max-width: 640px) {
  .airlines_info, .people_info, .apo_info { float: unset; width: 100%; margin: 0.5em 0 0.5em 0 !important; }
  table { display: inline-table; }
  .ts-inner { max-width: 90em; }
}

/* 본문 하단 여백 줄이기 - 원래 80vh */
.mw-body, .parsoid-body { min-height: 50vh; }

/* 위키 테이블 */
.wikitable { font-size: 85%; border-collapse: collapse; overflow-x: unset; }
/* table { max-width: unset; } */
table.wikitable tr th, table.wikitable tr td { padding: .3em .5em; }
/* table.wikitable caption { text-align: center; width: max-content; margin-left: auto; margin-right: auto; margin-top: 0; } */
.wikitable > * > tr > th, .wikitable > * > tr > td { border: 1px solid #ddd !important; /* font-size: 95% !important;*/ }
.wikitable caption { text-align: center; width: max-content; margin-left: auto; margin-right: auto; font-size: unset; }
table.wikitable tr th { background-color: #EAEAEA; font-size: 100%; font-weight: 800; text-align: center; }
.wikitable > * > tr > th > p, .wikitable > * > tr > td > p { margin-top: 0; margin-bottom: 0; }
/*
.wikitable tr:last-of-type th:first-child, .wikitable tr:last-of-type td:first-child, .wikitable tr:first-of-type th:first-child, .wikitable tr:first-of-type td:first-child, .wikitable tr:last-of-type th:last-child, .wikitable tr:last-of-type td:last-child, .wikitable tr:first-of-type th:last-child, .wikitable tr:first-of-type td:last-child { border-top-right-radius: unset; border-top-left-radius: unset; border-bottom-right-radius: unset; border-bottom-left-radius: unset; }
*/

/* pre, .mw-code 인용문 등 */
pre, code, .mw-code {background-color: #edf1fd; border-radius: 8px;}
pre, .mw-code {border: 0px solid #edf1fd; display: block; white-space: pre-line; }
pre, code, .mw-code { font-family: 'Noto Sans CJK', 'Gowun Dodum', 'Hahmlet', 'Noto Serif KR', 'Noto Sans KR', 'Menlo','Consolas','Monaco','Noto Mono','Nimbus Mono L','monospace' !important; font-size: 95%; line-height: 150%; }

/* <br> 태그 없애기 */
/* <br> 태그 줄 바꿈 없애기 등 */
body br { content: unset; } /* 원래 있던 줄바꿈 없앰 무효화 */
table br { content: unset !important; } /* br 태그 없앰 무효화 */
table p { margin: 0 auto !important; } /* 테이블 내 p 태그 상하 마진 없앰 */
.citizen-body br { content: ""; } /* 본문 안에서만 br 태그로 인한 줄바꿈 현상 나타나지 않게 */

/* comment 익스텐션, 안내글 여백 조정 */
.c-spy { margin-top: 7px; }

/* 틀:온글 css */
.origin_doc { margin: 20px 0 15px 0 !important; }

/* 각주 컬럼 너비 여백, 들여쓰기 등 */
.mw-references-columns, .mw-references-wrap { font-size: 94%; -webkit-column-width: 20em; -moz-column-width: 20em; -ms-column-width: 20em; column-width: 20em; margin-top: 0 !important; }
ol.references, ol.references > li {  font-size: 95%; margin-left: 5px; padding-left: 17px !important; text-indent: -17px !important; word-break: break-all;  }
.references { margin: unset !important; }

/* 각주 내용 a 링크 색상 해제 */
/* a.external { color: unset; } */
.references a.external { color: unset; }

/* 카테고리 링크 정렬 */
.catlinks li > a { text-align: center; }

/* 토론(flow 익스텐션) 폰트 사이즈 */
.mw-body h2.flow-topic-title { font-size: 1.1em; }
.flow-ui-newTopicWidget-title.oo-ui-textInputWidget input { font-size: 1.1em; }
.flow-board-header-menu, .flow-board-navigation, .flow-board { font-size: 0.97em ; }

/* 각주 문단 모양 설정 - 공통 
ol.references, ol.references > li { margin-left: 5px; padding-left: 10px !important; text-indent: -10px !important; }
*/

/* 댓글 Comments extension 설명 폭 제한 없애기 */
.c-form-message { width: unset; }

/* 타임라인 css */
.vis-item .vis-line .vis-readonly { top: 27px; }
.vis-item .vis-item-content { padding: 0 2px !important; font-size: 80%; }

/* wikieditor, ace editor 편집모드 */
.wikiEditor-ui .ace_editor { font-size: 100%; }

/*제목 title 부분 줄바꿈 없게 */
/* .page-heading { flex-wrap: nowrap; } */

/* 애드센스 자동 광고 위치 
.google-auto-placed { display: flex; } */

/* 태그 아이템 여백 - 최근 바뀜 페이지 */
.mw-tag-markers .mw-tag-marker { padding: 0 6px; }
table.mw-enhanced-rc th, table.mw-enhanced-rc td { padding: 2px 0; }

/* 시티즌 스킨 최상단 메뉴 버튼 */
.citizen-menu .mw-list-item { line-height: unset; }
.citizen-overflow-wrapper { overflow-x: inherit; } /* float 안먹는 현상 해결, 원래는 "auto" */
.citizen-overflow-wrapper { max-width: unset; } /* table 100% 안 먹는 현상 해결 원래 max-content */
.citizen-overflow-wrapper { box-shadow: none !important; } /* 테이블 외곽 박스 선 없애기 */
/* .citizen-overflow-wrapper:has(.citizen-overflow-content > .wikitable) { box-shadow: unset; } box 외곽선 없애기 */

[[분류:관리]]