|
|
| (같은 사용자의 중간 판 6개는 보이지 않습니다) |
| 1번째 줄: |
1번째 줄: |
| @media screen and (max-width: 768px) { | | @import url("https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"); |
| | |
| /* === 본문 영역 여백 줄이기 === */
| |
| .mw-body, .mw-body-content, .mw-parser-output {
| |
| padding: 10px !important;
| |
| margin: 0 !important;
| |
| }
| |
| | |
| /* === 목차(Toc) 겹침 제거 및 줄바꿈 === */
| |
| #toc, .toc {
| |
| float: none !important;
| |
| position: relative !important;
| |
| width: 100% !important;
| |
| max-width: 100% !important;
| |
| margin: 1em 0 !important;
| |
| box-sizing: border-box;
| |
| background: #f9f9f9;
| |
| }
| |
| | |
| /* === 이미지 박스/카드/테이블 폭 조정 === */
| |
| .thumb, .navbox, .wikitable, table {
| |
| width: 100% !important;
| |
| overflow-x: auto !important;
| |
| display: block !important;
| |
| box-sizing: border-box;
| |
| }
| |
| | |
| /* === 리스트 항목 줄바꿈 및 간격 조정 === */
| |
| ul, ol {
| |
| padding-left: 1.2em;
| |
| }
| |
| li {
| |
| line-height: 1.6em;
| |
| word-break: break-word;
| |
| }
| |
| | |
| /* === 번역 확장 등에서 겹치는 텍스트 박스 강제 정리 === */
| |
| div[style*="position:absolute"], div[style*="left:"], div[style*="top:"] {
| |
| position: static !important;
| |
| width: 100% !important;
| |
| }
| |
| | |
| /* === 제목 간격, 폰트 크기 조정 === */
| |
| h1, h2, h3, h4, h5 {
| |
| font-size: 1.2em;
| |
| margin-top: 1.2em;
| |
| margin-bottom: 0.5em;
| |
| }
| |
| | |
| /* === 전체 폰트 크기 약간 축소 === */
| |
| body {
| |
| font-size: 14px !important;
| |
| }
| |
| | |
| /* === 사이드 패널 모바일에서 숨기기 (원하면) === */
| |
| #mw-panel, #site-navigation, .sidebar {
| |
| display: none !important;
| |
| }
| |
| | |
| }
| |
| | |
| @media screen and (max-width: 768px) {
| |
| /* 목차 박스 겹침 제거 및 스타일 재정의 */
| |
| #toc, .toc {
| |
| float: none !important;
| |
| position: static !important;
| |
| width: 100% !important;
| |
| max-width: 100% !important;
| |
| margin: 1em auto !important;
| |
| background: #f9f9f9 !important;
| |
| padding: 10px !important;
| |
| border: 1px solid #ccc !important;
| |
| box-shadow: none !important;
| |
| box-sizing: border-box;
| |
| z-index: 0 !important;
| |
| }
| |
| | |
| /* 목차 안 리스트 줄바꿈 처리 */
| |
| #toc li, .toc li {
| |
| word-break: break-word;
| |
| line-height: 1.6em;
| |
| }
| |
| | |
| /* 너무 큰 폰트 줄이기 */
| |
| #toc, .toc {
| |
| font-size: 14px !important;
| |
| }
| |
| }
| |
| | |
| /* 전체 본문 줄간격 및 폰트 크기 */ | |
| .mw-parser-output {
| |
| font-size: 15px;
| |
| line-height: 1.7em;
| |
| word-break: break-word;
| |
| }
| |
| | |
| /* 문단 제목 간 여백 */ | |
| .mw-parser-output h2, | |
| .mw-parser-output h3, | |
| .mw-parser-output h4 {
| |
| margin-top: 2em;
| |
| margin-bottom: 1em;
| |
| }
| |
| | |
| /* 문단 단락 여백 */
| |
| .mw-parser-output p {
| |
| margin-bottom: 1em;
| |
| }
| |
| | |
| /* 리스트 여백 조정 */
| |
| .mw-parser-output ul,
| |
| .mw-parser-output ol {
| |
| padding-left: 1.5em;
| |
| margin-bottom: 1em;
| |
| }
| |
| .mw-parser-output li {
| |
| margin-bottom: 0.4em;
| |
| }
| |
| | |
| /* 굵은 텍스트 강조 스타일 약간 진하게 */ | |
| .mw-parser-output b,
| |
| .mw-parser-output strong {
| |
| font-weight: 600;
| |
| color: #333;
| |
| }
| |
| .mw-parser-output h2 + p, | |
| .mw-parser-output h3 + p { | |
| margin-top: 0.6em;
| |
| }
| |