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

4,671 바이트 추가됨 ,  2023년 7월 1일 (토)
편집 요약 없음
편집 요약 없음
편집 요약 없음
 
(같은 사용자의 중간 판 69개는 보이지 않습니다)
11번째 줄: 11번째 줄:


/* 본문 div 박스 안에 이미지 사이즈 조절 */
/* 본문 div 박스 안에 이미지 사이즈 조절 */
.img_box { width: 400px; text-align: center; margin: 0px auto 20px; font-size: 90%; }
.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; font-size: 90%; }
.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; */
   .mobile_mode { display: none; }
   .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 10px 0 30px; width: 340px; float: right; }
   .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 1em !important;}  /* ol 태그 추가 */
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 태그 상하 마진 없앰 */
[[분류:관리]]