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

2023년 7월 1일 (토) 20:37 기준 최신판

/* CSS placed here will affect users of the Timeless skin 
Timeless 스킨을 사용할 때만 적용되는 스타일 */


/* 구글 웹폰트 적용 */
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@700&display=swap'); */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&display=swap');
/* @import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300&display=swap'); */
/* @import url('https://fonts.googleapis.com/css2?family=Hahmlet:wght@300&display=swap'); */
body { font-family: 'Hahmlet', 'Noto Serif KR', 'Noto Sans KR', 'Gowun Dodum', 'Apple SD Gothic Neo', 'Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; }

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

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

/* 항공역사 버튼 */
.history_box { margin: 30px auto 20px auto; 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; }

/* 화면 폭에 따른 자동 변경 */
@media (max-width: 600px) {
  .cascade { display: flex; flex: 1; flex-flow:column; }
  .cascade-sub-left { margin: 10px 0 0 0; width: 99.5% !important; }
  .cascade-sub-right { margin: 10px 0 0 0; width: 99.5% !important; }
  .main-board { display: none; margin: 15px 10px 0 0;} /* display: block; */
  .history_box { margin: 30px 0 20px 0; width: 100%; text-align: center; }
  .history_center { margin: 0; text-align: center; padding: 5px 0; width: 100%; border-radius: 18px; }
  .history_left, .history_right { display: none !important; }
  .img_box { width: 100%; }
  .thumbinner, .img_box .thumbinner { width: 150px !important; }  
}

@media (min-width: 601px) {
  .cascade { display: flex; }
  .cascade-sub-left { margin: 10px 5px 0 0; }
  .cascade-sub-right { margin: 10px 0 0 5px; }
  .main-board { margin: 15px 0 0 30px !important; width: 340px; float: right; }
  .mobile_mode { display: inline-block; }
}

td, th { padding: 0 .3rem; }
.wikitable > * > tr > th, .wikitable > * > tr > td { border: 1px solid #ddd !important; }

/* 대문 페이지에서 타이틀 감추기 */
body.page-대문 h1.firstHeading { display: none; }

div#breadcrumbs { font-size: 95%; } /* 브레드크럼 폰트 */

@media screen and (min-width: 1339px) {
.color-middle-container, .ts-inner { max-width: 92em; }
}

@media screen and ( min-width: ( @desktop-small-width + @desktop-mid-width ) / 2 ) and ( max-width: @desktop-mid-width ) {
.ts-inner { max-width: 90em; }
}

@media (max-width: 1340px) {
/* .mw-body { font-size: 1.12em !important; } */
/* .mov_box > iframe  { display: block; width: 100%; height: 300px; } */
}

@media screen and (max-width: 850px) {
body { background: unset; margin: auto 10px; }
div.thumb { float: right; }
.thumbimage { width: 100%; }
.mov_box > iframe  { display: block; width: 100%; height: 300px; }
}

@media (max-width: 640px) {
table { width: 100% !important; margin: 0.5em 0 1em 0 !important; } /* 정보상자 크기, 모바일 등에서 너비 100% */
div.thumb { float: none !important; }
.thumbinner { text-align: center; }
.ts-inner { max-width: 90em; }
}

@media screen and (max-width: 550px) {
#p-logo-text { position: absolute; top: 1.2em; }
}

/* 틀:항공사/인물 css 
.airlines_info { width: 300px; font-size: 85%; border: 1px solid #dddddd; background-color: #f9f9f9; color: #001133; margin: 0 0 0.5em 1em !important; float: right; clear: right; text-align:left; box-shadow: 0 1px 2px 1px rgb(0 0 0 / 4%); }
.people_info { width: 240px; font-size: 85%; border: 1px solid #dddddd; background-color: #f9f9f9; color: #001133; margin: 0 0 0.5em 1em !important; float: right; clear: right; text-align:left; box-shadow: 0 1px 2px 1px rgb(0 0 0 / 4%); }
*/

/* 항공사/인물 테이블 */
.airlines_info, .apo_info, .people_info, .air_movie { max-width: 240px; font-size: 90%; line-height: 1.5; background-color: aliceblue; }
.apo_info { border: 1px solid #dddddd; background-color: #f9f9f9; 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%); }
.t-inner-padding { padding: 0 0.6em; word-break: break-all; }
/* 테이블/표 접기 문자 우측 여백 */
.mw-collapsible-toggle-default:after { margin-right: 10px; }
/* .mw-collapsed { display: inline-flex; }
.airlines_info .mw-collapsed { display: inline-table; } */


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

/* 사이드 네비 타이틀 아래 여백(padding) 조정 */
#mw-site-navigation .sidebar-chunk h3, #mw-related-navigation .sidebar-chunk h3 { padding-bottom: 0.65em; margin: 0.25em 0 0.45em 0; }

/* 라인 높이 */
body { line-height: 1.6; /* overflow-x: hidden; */ }

/* 기본 폰트 */
.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt, .CodeMirror { font-family: 'Noto Sans Korean', 'Noto Sans', 'Nanum Gothic', 'KoPub Dotum', 'Malgun Gothic', '맑은 고딕'; }

.mw-body { font-size: 1.05em; }
.mw-body h1 {font-size: 150%; font-weight: 600; line-height: 2; }
.mw-body h2 {font-size: 130%; font-weight: 600; line-height: 2; }
.mw-body h3 {font-size: 118%; font-weight: 600;}
.mw-body h4 {font-size: 107%; font-weight: 800;}
.mw-body h5 {font-size: 103%; font-weight: 800;}
.mw-body h6 {font-size: 100%; font-weight: 800;}

.wikitable { font-size: 90%; }

#siteSub, #p-logo-text a { font-family: 'Noto Sans Korean', 'Noto Sans', 'Nanum Gothic', 'KoPub Dotum', 'Malgun Gothic', '맑은 고딕', sans-serif !important; font-weight: 600; }

/* CodeMirror 편집 모드 폰트 */
pre.CodeMirror-line.cm-mw-section-2 { font-size: 1.2em; font-weight: bold; line-height: 2; }
pre.CodeMirror-line.cm-mw-section-3 { font-size: 1.1em; }

p {line-height: 1.685;}  /* 본문 라인 높이 추가 */
/* ul {margin: unset;} /* 본문 블릿 여백 설정 삭제 */
li {margin: 0.3em 0 0.3em 0.3em;  /* 수정(추가) - 본문 블릿 여백 추가 */}
ol {padding: 0; margin: 0.3em 0.3em 0.5em 1.5em !important;}  /* ol 태그 추가 */
.toc ul {margin: 0 0 0 0.5em !important;} /* important 추가 */
.toctitle { margin-bottom: 1em; }
.toctext { font-size: 85%; }

/* 섬네일 캡션, 가운데 정렬 */
.mw-content-rtl .thumbcaption,
.mw-content-ltr .thumbcaption {
              font-size: 90%; text-align: center;
}

/* code */
code { 
      border-radius: 3px; 
      padding: 2px 6px; 
      line-height: 2em;
}

/* pre, .mw-code */
pre, .mw-code {background-color: #edf1fd; border-radius: 8px;}
pre, .mw-code {border: 0px solid #edf1fd;}
pre { font-family: 'Hahmlet', 'Noto Serif KR', 'Noto Sans KR', 'Menlo','Consolas','Monaco','Noto Mono','Nimbus Mono L','monospace' !important; }

/* 본문 ul 여백(마진) 설정 */
/* .mw-content-ltr ul, .mw-content-rtl .mw-content-ltr ul {margin: 0 0 0.2em 1.6em;} */

/* dd 블록 아래 마진 설정 - 원래 1em */
.mw-body dd {margin-bottom: 0.4em;}

/* 목차(toc) 여백 */
/* .toc .tocUl { padding: 0.7em 0 0 0; } /* 목차 전체 여백 */
/* .mw-body .toc h2 { margin-bottom: 1.2em !important; } */

/* 특수문서 목록 페이지 */
/* .mw-specialpages-list ul { margin-left: 1em; } */

/* 틀:항공기 스타일 
/*.template_table > * > tr > th { padding: 0.3em 0.8em !important; color: #001133; } */
/*.template_table > * > tr > td { padding: 0.3em 1em !important; color: #001133; } */
.template_table th { padding: 0.3em 0.8em; color: #001133; }
.template_table td { padding: 0; color: #001133; }

.ad-over { width: 97%; } /* 애드센스 오버플로 되는 현상 방지 */
/* iframe { display:block; width:100%; } /* 아이프레임 div 안에 맞추려는 목적 */

/* 갤러리 이미지 설명 텍스트 중앙 정렬 */
div.gallerytext { text-align: center; font-size: 90%; padding: 0; }

/* 모바일에서 섬네일 여백 */
.floatright, .tright { margin: 0 0 0.5em 0.5em !important; clear: right; }
.floatleft, .tleft { margin: 0 0.5em 0.5em 0 !important; }

/* 편집모드, 표 안에서 블릿 앞쪽의 빈 공간 없애기 */
.ve-ce-tableCellNode > .ve-ce-branchNode-blockSlug { margin: -15px; }

/* 각주 폰트 사이즈 */
/* .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { font-size: 0.9em; } */

/* 소도구(가젯) hotcat css 설정 */
#catlinks-sidebar { display: none; }
#catlinks { display: inherit !important; background-color: #f8f9fa; padding: 5px 30px; margin: 2px 1px 5px 1px; }

/* 테이블 default 정렬 : 가운데 */
table { text-align: center; }

/* comment 익스텐션 설명 폭 길이 제거 */
.comments-body { margin-top: 40px; padding-top: 20px; border-top: dashed #c8ccd1 2px; }
textarea#comment { width: 100%; font-family: 'Hahmlet','Noto Serif KR','Noto Sans KR','Gowun Dodum','Apple SD Gothic Neo','Segoe UI','Segoe UI Emoji','Segoe UI Symbol','Lato','Liberation Sans','Noto Sans','Helvetica Neue','Helvetica',sans-serif; }
.c-form-message { font-size: 90%; width: unset; }

/* 편집 화면에서 이미지 thumb 등 padding 조정 */
figure[typeof~='mw:Image/Thumb'], figure[typeof~='mw:Video/Thumb'], figure[typeof~='mw:Audio/Thumb'], figure[typeof~='mw:Image/Frame'], figure[typeof~='mw:Video/Frame'], figure[typeof~='mw:Audio/Frame'] { border-spacing : 12px; }

/* 토론(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 ; }

/* 각주 컬럼 너비 여백, 들여쓰기 등 */
/* .mw-content-ltr ol, .mw-content-rtl .mw-content-ltr ol { margin: 0.3em 0 0 0 !important; } */
.mw-references-columns, .mw-references-wrap { -webkit-column-width: 20em; -moz-column-width: 20em; -ms-column-width: 20em; column-width: 20em; margin-top: 0 !important; }
ol.references, ol.references > li { margin-top: 0 !important; margin-left: -12px; padding-left: 17px !important; text-indent: -17px !important; }
.references { font-size: 90%; }

/* 기여자 항목 감춤 */
.mw-number-text { display: none; }
.icon-contributors

/* 검색창 Radius */
#simpleSearch { border-radius: 15px !important; } /* 안 먹음 */
input:focus { outline: none; }

/* 틀:항공사 css */
.airlines_info { width: 300px; font-size: 85%; border: 1px solid #dddddd; background-color: #f9f9f9; color: #001133; margin: 0 0 0.5em 1em; padding: 0.2em; float: right; clear: right; text-align:left; box-shadow: 0 1px 2px 1px rgb(0 0 0 / 4%); }

@media screen and (max-width: 800px) {
	.airlines_info { float: unset; }
}

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

[[분류:관리]]