편집
46,576
번
편집 요약 없음 |
편집 요약 없음 |
||
(같은 사용자의 중간 판 69개는 보이지 않습니다) | |||
11번째 줄: | 11번째 줄: | ||
/* 본문 div 박스 안에 이미지 사이즈 조절 */ | /* 본문 div 박스 안에 이미지 사이즈 조절 */ | ||
.img_box { width: 400px; text-align: center; margin: 0px auto 20px | .img_box { width: 400px; text-align: center; margin: 0px auto 20px; } | ||
.img_box > img { object-fit: cover; width: 100%; } | .img_box > img { object-fit: cover; width: 100%; } | ||
/* img { object-fit: cover; width: 100%; } */ | /* img { object-fit: cover; width: 100%; } */ | ||
/* 본문 안 iframe 사이즈 맞춤 */ | /* 본문 안 iframe 사이즈 맞춤 */ | ||
.mov_box { width: 400px; text-align: center; margin: 0px auto 20px | .mov_box { width: 400px; text-align: center; margin: 0px auto 20px; } | ||
.mov_box > iframe { display:block; width:100%; height: auto; } | .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) { | @media (max-width: 600px) { | ||
.cascade { display: flex; flex: 1; flex-flow:column; } | .cascade { display: flex; flex: 1; flex-flow:column; } | ||
.cascade-sub-left { margin: 10px 0 0 0; } | .cascade-sub-left { margin: 10px 0 0 0; width: 99.5% !important; } | ||
.cascade-sub-right { margin: 10px 0 0 0; } | .cascade-sub-right { margin: 10px 0 0 0; width: 99.5% !important; } | ||
.main-board { display: none; margin: 15px 10px 0 0;} /* display: block; */ | .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%; } | .img_box { width: 100%; } | ||
.thumbinner, .img_box .thumbinner { width: 150px !important; } | |||
} | } | ||
33번째 줄: | 42번째 줄: | ||
.cascade-sub-left { margin: 10px 5px 0 0; } | .cascade-sub-left { margin: 10px 5px 0 0; } | ||
.cascade-sub-right { margin: 10px 0 0 5px; } | .cascade-sub-right { margin: 10px 0 0 5px; } | ||
.main-board { margin: 15px | .main-board { margin: 15px 0 0 30px !important; width: 340px; float: right; } | ||
.mobile_mode { display: inline-block; } | .mobile_mode { display: inline-block; } | ||
} | } | ||
74번째 줄: | 83번째 줄: | ||
@media screen and (max-width: 550px) { | @media screen and (max-width: 550px) { | ||
#p-logo-text { position: absolute; top: 1.2em; } | #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; } | |||
} | } | ||
95번째 줄: | 126번째 줄: | ||
.wikitable { font-size: 90%; } | .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; } | #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 편집 모드 폰트 */ | /* CodeMirror 편집 모드 폰트 */ | ||
104번째 줄: | 135번째 줄: | ||
/* ul {margin: unset;} /* 본문 블릿 여백 설정 삭제 */ | /* ul {margin: unset;} /* 본문 블릿 여백 설정 삭제 */ | ||
li {margin: 0.3em 0 0.3em 0.3em; /* 수정(추가) - 본문 블릿 여백 추가 */} | li {margin: 0.3em 0 0.3em 0.3em; /* 수정(추가) - 본문 블릿 여백 추가 */} | ||
ol {padding: 0; margin: 0.3em 0 0.5em | ol {padding: 0; margin: 0.3em 0.3em 0.5em 1.5em !important;} /* ol 태그 추가 */ | ||
.toc ul {margin: 0 0 0 0.5em !important;} /* important 추가 */ | .toc ul {margin: 0 0 0 0.5em !important;} /* important 추가 */ | ||
.toctitle { margin-bottom: 1em; } | .toctitle { margin-bottom: 1em; } | ||
153번째 줄: | 184번째 줄: | ||
/* 모바일에서 섬네일 여백 */ | /* 모바일에서 섬네일 여백 */ | ||
.floatright, .tright { margin: 0 0 0.5em 0.5em !important; } | .floatright, .tright { margin: 0 0 0.5em 0.5em !important; clear: right; } | ||
.floatleft, .tleft { margin: 0 0.5em 0.5em 0 !important; } | .floatleft, .tleft { margin: 0 0.5em 0.5em 0 !important; } | ||
170번째 줄: | 201번째 줄: | ||
/* comment 익스텐션 설명 폭 길이 제거 */ | /* 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; } | .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 태그 상하 마진 없앰 */ | |||
[[분류:관리]] |