편집 요약 없음 |
편집 요약 없음 |
||
| 22번째 줄: | 22번째 줄: | ||
margin-top: 30px !important; /* 제목 위쪽 간격 */ | margin-top: 30px !important; /* 제목 위쪽 간격 */ | ||
} | } | ||
/* 번호와 제목 사이에 공백 추가 */ | |||
.mw-parser-output h2::before, | |||
.mw-parser-output h3::before, | |||
.mw-parser-output h4::before { | |||
content: ' ' !important; /* 번호와 제목 사이에 공백을 추가 */ | |||
} | |||
/* 제목 스타일 (H1 ~ H6) */ | /* 제목 스타일 (H1 ~ H6) */ | ||
2024년 12월 1일 (일) 17:32 판
/* 전체 사이트의 기본 폰트 변경 */
body {
font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; /* 원하는 폰트로 변경 */
font-size: 14px; /* 기본 폰트 크기 (선택 사항) */
line-height: 1.6; /* 줄 간격 */
}
/* 제목 밑에 점선을 실선으로 변경 */
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4 {
border-bottom: 1px solid #e1e8ed !important; /* 실선 스타일 */
padding-bottom: 10px !important; /* 제목과 본문 사이에 여백 추가 */
margin-bottom: 10px !important; /* 제목 아래 간격 추가 */
}
/* 본문에 들어가는 제목의 위쪽 간격을 늘리기 */
.mw-parser-output h2,
.mw-parser-output h3,
.mw-parser-output h4 {
margin-top: 30px !important; /* 제목 위쪽 간격 */
}
/* 번호와 제목 사이에 공백 추가 */
.mw-parser-output h2::before,
.mw-parser-output h3::before,
.mw-parser-output h4::before {
content: ' ' !important; /* 번호와 제목 사이에 공백을 추가 */
}
/* 제목 스타일 (H1 ~ H6) */
h1, h2, h3, h4, h5, h6 {
font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; /* 원하는 폰트로 변경 */
}
/* 본문 전체의 기본 글자 크기 */
body {
font-size: 14.5px !important; /* 강제 적용 */
line-height: 1.8 !important; /* 줄 간격도 강제 적용 */
}
/* 목차의 글자 크기 조정 */
#toc {
font-size: 14.5px !important; /* 강제 적용 */
}
/* 모든 텍스트의 자간을 좁히기 */
body {
letter-spacing: -0.1px; /* 원하는 자간 값으로 조정 */
}
/* 제목(H1~H6)의 자간도 동일하게 좁히기 */
h1, h2, h3, h4, h5, h6 {
letter-spacing: -0.3px;
}
.rellink {
text-align: left; /* 텍스트를 왼쪽으로 정렬 */
margin: 0; /* 여백 초기화 */
padding: 0; /* 여백 초기화 */
}
/* 이 CSS 설정은 리버티 스킨을 사용하는 사용자에게 적용됩니다 */
.mw-headline-number { color: #0275d8; }
.mw-headline-number::after { content: "."; }
/* 분류칸 그림자 제거 */
.skin-liberty .catlinks {
box-shadow: none !important; /* 그림자 제거 */
border: 1px solid #ddd; /* 필요 시 테두리 스타일을 정의 */
}