|
|
| 1번째 줄: |
1번째 줄: |
| /* CSS placed here will affect users of the Timeless skin | | /* CSS placed here will affect users of the Timeless skin |
| Timeless 스킨을 사용할 때만 적용되는 스타일 */ | | Timeless 스킨을 사용할 때만 적용되는 스타일 */ |
|
| |
| @media screen and (min-width: 1425px) {
| |
| /* .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: 1424px) {
| |
| /* .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; }
| |
| .thumbimage { width: 100%; }
| |
| .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.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; }
| |
