미디어위키:Common.css

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.

/* 위키앙 공통 스타일시트 */ /* 유지보수: /home/wiki/css-versions/common.css */

/* 기본 폰트 및 색상 설정 */ body {

 font-family: "Noto Serif KR", serif;
 background-color: #fff;
 color: #202122;

}

/* 링크 스타일 */ a {

 color: #0645ad;
 text-decoration: none;

}

a:hover {

 text-decoration: underline;

}

/* 페이지 헤더 스타일 */ .page-header {

 font-size: 1.8em;
 border-bottom: 1px solid #a2a9b1;
 margin-bottom: 0.5em;

}

/* 테이블 스타일 */ table {

 border-collapse: collapse;
 width: auto;
 background-color: #f9f9f9;
 border: 1px solid #aaa;

}

th {

 text-align: left;
 background-color: #f2f2f2;
 padding: 6px 10px;
 border: 1px solid #ccc;

}

td {

 padding: 6px 10px;
 border: 1px solid #ccc;

}

/* 목차 헤더 장식 조정 */ .contents h2:after, .contents h3:after, .contents h4:after, .contents h5:after, .contents h6:after {

 width: 60% !important;

}

/* 테이블 내 단락 패딩 제거 */ td > p {

 padding: 0 !important;

}

/* 추가 한국어 위키 최적화 */ /* 제목 폰트 */ h1, h2, h3, h4, h5, h6 {

 font-family: "Noto Sans KR", sans-serif;
 line-height: 1.3;

}

/* 인용구 스타일 */ blockquote {

 border-left: 4px solid #c8ccd1;
 padding-left: 16px;
 margin: 1em 0;
 color: #54595d;

}

/* 코드 블록 스타일 */ pre, code {

 font-family: "Nanum Gothic Coding", "Courier New", monospace;
 background-color: #f8f9fa;
 border: 1px solid #eaecf0;
 border-radius: 2px;
 padding: 1px 4px;

}

pre {

 padding: 12px;
 overflow-x: auto;

}

/* 정보 상자 기본 스타일 */ .infobox {

 border: 1px solid #a2a9b1;
 background-color: #f8f9fa;
 margin: 0.5em 0 0.5em 1em;
 padding: 3px;
 float: right;
 clear: right;
 width: 22em;
 font-size: 88%;

}

/* 알림 상자 스타일 */ .mw-message-box {

 border: 1px solid #c8ccd1;
 padding: 12px;
 margin: 0.5em 0;
 background-color: #f8f9fa;

}

/* 모바일 반응형 조정 */ @media (max-width: 768px) {

 .infobox {
   width: 100%;
   float: none;
   margin: 0.5em 0;
 }

 table {
   width: 100%;
   display: block;
   overflow-x: auto;
 }

}