미디어위키:Timeless.css

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

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

/* 화면 폭에 따른 자동 변경 */
@media (max-width: 600px) {
  .cascade { display: flex; flex: 1; flex-flow:column; }
  .cascade-sub-left { margin: 10px 0 0 0; }
  .cascade-sub-right { margin: 10px 0 0 0; }
  .main-board { display: none; margin: 15px 10px 0 0;} /* display: block; */
  .mobile_mode { display: none; }
  .img_box { width: 100%; }
}

@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 10px 0 30px; width: 40%; 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: 90em; }
}

@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; } */
}

@media screen and (max-width: 850px) {
div.thumb { float: right; }
.thumbimage { width: 100%; }
}

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

/* 사이드 네비 타이틀 아래 여백(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.06em; }
.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 { font-family: 'Noto Sans Korean', 'Noto Sans', 'Nanum Gothic', 'KoPub Dotum', 'Malgun Gothic', '맑은 고딕', sans-serif; }

/* CodeMirror 편집 모드 폰트 */
pre.CodeMirror-line.cm-mw-section-2 { font-size: 1.4em; font-weight: bold; line-height: 2; border-bottom: solid 2px #c8ccd1; }
pre.CodeMirror-line.cm-mw-section-3 { font-size: 1.2em; }

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

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

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

/* 본문 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%; } /* 애드센스 오버플로 되는 현상 방지 */