미디어위키:Common.css: 두 판 사이의 차이
기술노트
편집 요약 없음 |
편집 요약 없음 |
||
1번째 줄: | 1번째 줄: | ||
/* ========================================================= | /* ========================================================= | ||
MediaWiki:Common.css | MediaWiki:Common.css — 나무위키 스타일: 사이트 제목 / 대문 / 본문 | ||
- 모든 영역을 맑은 고딕으로 통일 | |||
========================================================= */ | ========================================================= */ | ||
/* 기본 폰트 | /* 기본 폰트 전체 통일 */ | ||
html, body, #content, #mw-content-text, .mw-body, .mw-parser-output { | html, body, #content, #mw-content-text, .mw-body, .mw-parser-output, | ||
#firstHeading, .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, | |||
.mw-body .mw-headline, | |||
#toc, #toc * { | |||
font-family: "Malgun Gothic","맑은 고딕", sans-serif !important; | font-family: "Malgun Gothic","맑은 고딕", sans-serif !important; | ||
color: #202122; | color: #202122; | ||
letter-spacing: -0.2px | letter-spacing: -0.2px !important; | ||
} | } | ||
/* | /* 사이트 제목 / 로고 — 굵고 돋보이게 */ | ||
#p-logo, .logo, /* 또는 스킨에 따라 사이트 제목이 있는 선택자 */ | |||
#site-title, .site-name { | |||
# | font-family: "Malgun Gothic","맑은 고딕", sans-serif !important; | ||
font-size: 2rem; /* 약 32px */ | |||
font-weight: 700; | |||
color: #1f2328; | |||
letter-spacing: -0.1px; | |||
} | } | ||
/* 대문 페이지 특별 스타일 */ | |||
body.page-Daemun, /* “대문” 페이지가 이런 식의 클래스명이라면 */ | |||
#content .daemun-title { | |||
margin-top: 2rem; | |||
margin-bottom: 2rem; | |||
text-align: center; | |||
font-size: 2.5rem; /* 대문은 제목 크게 */ | |||
font-weight: 800; | |||
color: #1c1c1c; | |||
letter-spacing: -0.1px; | |||
} | |||
/* | /* 본문 텍스트 스타일 */ | ||
.mw-body-content p { | |||
margin: 0.8rem 0 1rem 0; | |||
font- | line-height: 1.6; | ||
color: # | font-size: 1rem; /* 기본 본문 크기 */ | ||
color: #202122; | |||
} | } | ||
/* 섹션 제목 | /* 본문 제목 (섹션 제목) 스타일 조정 */ | ||
.mw-body h2 { | .mw-body h2 { | ||
font-size: 1. | font-size: 1.5rem; /* 약 24px */ | ||
font-weight: 700; | font-weight: 700; | ||
margin-top: 2rem; | |||
margin-bottom: 1rem; | |||
border-bottom: 1px solid #e5e7eb; | border-bottom: 1px solid #e5e7eb; | ||
padding-bottom: . | padding-bottom: 0.5rem; | ||
} | } | ||
.mw-body h3 { | .mw-body h3 { | ||
font-size: 1. | font-size: 1.25rem; /* 약 20px */ | ||
font-weight: 700; | font-weight: 700; | ||
margin-top: 1.5rem; | |||
margin-bottom: 0.75rem; | |||
margin- | |||
} | } | ||
/* | /* 목차 스타일 (TOC) */ | ||
. | #toc, .toc { | ||
background: #f8fafc; | |||
border: 1px solid #e5e7eb; | |||
border-radius: 6px; | |||
padding: .6rem .75rem; | |||
font-size: .95rem; | |||
line-height: 1.6; | |||
} | |||
#toc .toctitle { | |||
font-weight: 700; | |||
letter-spacing: -0.1px; | |||
} | |||
/* 링크 색상 */ | /* 링크 색상 */ | ||
70번째 줄: | 81번째 줄: | ||
text-decoration: none; | text-decoration: none; | ||
} | } | ||
.mw-body a:hover, .mw-body a:focus { text-decoration: underline | .mw-body a:hover, .mw-body a:focus { | ||
text-decoration: underline; | |||
} | } | ||
/* 표 스타일 */ | |||
/* 표 | |||
.mw-body .wikitable { | .mw-body .wikitable { | ||
border: 1px solid #e5e7eb; | border: 1px solid #e5e7eb; | ||
border-collapse: collapse; | border-collapse: collapse; | ||
background: #fff; | |||
font-size: .95rem; | font-size: .95rem; | ||
} | } | ||
.mw-body .wikitable th { | .mw-body .wikitable th { | ||
106번째 줄: | 101번째 줄: | ||
padding: .45rem .6rem; | padding: .45rem .6rem; | ||
} | } | ||
/* 코드 블록 */ | /* 코드 블록 */ | ||
121번째 줄: | 115번째 줄: | ||
} | } | ||
/* | /* 기타 UI 요소 (검색창, 사이드바, 버튼 등)도 통일 */ | ||
input, textarea, select, button, | |||
.vector-menu, .mw-portlet, .mw-portlet-body, | |||
.vector-menu-tabs, .vector-menu-dropdown, | |||
#searchInput, .vector-search-box-input { | |||
font-family: "Malgun Gothic","맑은 고딕", sans-serif !important; | |||
} | |||
/* | /* 자간 후보 조정 */ | ||
.mw-parser-output :not(pre):not(code):not(kbd):not(samp):not(tt) { | .mw-parser-output :not(pre):not(code):not(kbd):not(samp):not(tt) { | ||
letter-spacing: -0.25px !important; | letter-spacing: -0.25px !important; | ||
} | } | ||
pre, code, kbd, samp, tt { | |||
letter-spacing: 0 !important; | |||
pre, code, kbd, samp, tt { | |||
} | } |
2025년 9월 11일 (목) 13:51 판
/* =========================================================
MediaWiki:Common.css — 나무위키 스타일: 사이트 제목 / 대문 / 본문
- 모든 영역을 맑은 고딕으로 통일
========================================================= */
/* 기본 폰트 전체 통일 */
html, body, #content, #mw-content-text, .mw-body, .mw-parser-output,
#firstHeading, .mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6,
.mw-body .mw-headline,
#toc, #toc * {
font-family: "Malgun Gothic","맑은 고딕", sans-serif !important;
color: #202122;
letter-spacing: -0.2px !important;
}
/* 사이트 제목 / 로고 — 굵고 돋보이게 */
#p-logo, .logo, /* 또는 스킨에 따라 사이트 제목이 있는 선택자 */
#site-title, .site-name {
font-family: "Malgun Gothic","맑은 고딕", sans-serif !important;
font-size: 2rem; /* 약 32px */
font-weight: 700;
color: #1f2328;
letter-spacing: -0.1px;
}
/* 대문 페이지 특별 스타일 */
body.page-Daemun, /* “대문” 페이지가 이런 식의 클래스명이라면 */
#content .daemun-title {
margin-top: 2rem;
margin-bottom: 2rem;
text-align: center;
font-size: 2.5rem; /* 대문은 제목 크게 */
font-weight: 800;
color: #1c1c1c;
letter-spacing: -0.1px;
}
/* 본문 텍스트 스타일 */
.mw-body-content p {
margin: 0.8rem 0 1rem 0;
line-height: 1.6;
font-size: 1rem; /* 기본 본문 크기 */
color: #202122;
}
/* 본문 제목 (섹션 제목) 스타일 조정 */
.mw-body h2 {
font-size: 1.5rem; /* 약 24px */
font-weight: 700;
margin-top: 2rem;
margin-bottom: 1rem;
border-bottom: 1px solid #e5e7eb;
padding-bottom: 0.5rem;
}
.mw-body h3 {
font-size: 1.25rem; /* 약 20px */
font-weight: 700;
margin-top: 1.5rem;
margin-bottom: 0.75rem;
}
/* 목차 스타일 (TOC) */
#toc, .toc {
background: #f8fafc;
border: 1px solid #e5e7eb;
border-radius: 6px;
padding: .6rem .75rem;
font-size: .95rem;
line-height: 1.6;
}
#toc .toctitle {
font-weight: 700;
letter-spacing: -0.1px;
}
/* 링크 색상 */
.mw-body a {
color: #1a73e8;
text-decoration: none;
}
.mw-body a:hover, .mw-body a:focus {
text-decoration: underline;
}
/* 표 스타일 */
.mw-body .wikitable {
border: 1px solid #e5e7eb;
border-collapse: collapse;
background: #fff;
font-size: .95rem;
}
.mw-body .wikitable th {
background: #f3f4f6;
font-weight: 700;
}
.mw-body .wikitable th,
.mw-body .wikitable td {
border: 1px solid #e5e7eb;
padding: .45rem .6rem;
}
/* 코드 블록 */
pre, code, kbd, samp, tt {
font-family: ui-monospace, SFMono-Regular, Menlo, Consolas,
"Liberation Mono", monospace !important;
font-size: .95em;
}
pre {
background: #f8fafc;
border: 1px solid #e5e7eb;
border-radius: 6px;
padding: .7rem;
}
/* 기타 UI 요소 (검색창, 사이드바, 버튼 등)도 통일 */
input, textarea, select, button,
.vector-menu, .mw-portlet, .mw-portlet-body,
.vector-menu-tabs, .vector-menu-dropdown,
#searchInput, .vector-search-box-input {
font-family: "Malgun Gothic","맑은 고딕", sans-serif !important;
}
/* 자간 후보 조정 */
.mw-parser-output :not(pre):not(code):not(kbd):not(samp):not(tt) {
letter-spacing: -0.25px !important;
}
pre, code, kbd, samp, tt {
letter-spacing: 0 !important;
}