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

/*
 * 위키백과 모든 스킨에 적용되는 CSS입니다.
 * [[위키백과:위키프로젝트 시스템]] 참고
 *
 * 편집 요약을 꼭 적어주고, 새 코드를 추가할 때에는 해당 코드의 출처, 간단한 설명, (요청이 있었을 경우) 해당 요청의 위치 등을 주석에 적어주세요.
 * 또한 각 코드 조각의 범위를 알아보기 쉽도록 정렬해주세요.
 *
 * 인쇄용 css (@media print 부분)은 Print.css에 별도로 추가해주세요.
 * 그렇지 않으면 인쇄용 문서를 웹에서 보는 것과 실제 인쇄하는 것이 다르게 나옵니다.
 *
 * 정리가 필요한 부분에는 XXX를 달아주세요.
 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+KR:wght@200..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Noto+Sans+KR:wght@100..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&family=Noto+Serif+KR:wght@200..900&family=Noto+Serif:ital,wght@0,100..900;1,100..900&family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');
/* 본문 텍스트 */
.mw-parser-output {
    font-family: "Open Sans", sans-serif;
}

/* 코드 영역 보호 */
pre, code, tt, .mw-code, .mw-highlight pre {
    font-family: "Courier New", monospace;
}

/* 입력창도 보호 */
textarea, input, select {
    font-family: inherit;
}

/* 제목 */
h1#firstHeading.firstHeading.mw-first-heading {
	font-family:"Open Sans", sans-serif;
	font-weight:500;
}

/* 모바일 스크롤 내릴 때 상단 제목 */
.vector-sticky-header-context-bar-primary {
	font-family:"Open Sans", sans-serif;
	font-weight:500;
}

/* 큰 소제목 */
.vector-body .mw-heading h2 {
    font-family:"Gowun Batang", serif;
	font-weight:400;
}

/* 모바일 큰 소제몰 */
.content .mw-heading2, .content h2 {
    font-family:"Open Sans", sans-serif;
	font-weight:500;
}

/* 모바일 목록 왼쪽 조정 */
.mf-mobile .mw-parser-output ul {
    padding-left: 1.2em;
    margin-left: 1.2em;
}

/* ===== 대문 전체 레이아웃 ===== */
.mainpage-container {
    max-width: 1100px;
    margin: 0 auto;
}

/* ===== 헤더 ===== */
.mainpage-header {
    text-align: center;
    margin: 2.5em 0;
}

.mainpage-header h1 {
    font-size: 2.2rem;
    margin-bottom: 0.3em;
}

.mainpage-header p {
    color: #555;
}

/* ===== 카드 레이아웃 ===== */
.mainpage-grid {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
}

/* ===== 카드 ===== */
.mainpage-card {
    flex: 1;
    min-width: 280px;
    padding: 0 20px 20px 20px;
    border: 1px solid #ddd;
    border-radius: 12px;
    background: #fff;
}

.mw-parser-output .mainpage-card h2 {
    margin-top: 0;
    padding-top: 0;
    font-size: 1.3rem;
}

/* ===== 하단 섹션 ===== */
.mainpage-footer-box {
    margin-top: 30px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
}

/* ===== 리스트 정리 ===== */
.mw-parser-output .mainpage-card ul,
.mw-parser-output .mainpage-footer-box ul {
    padding-left: 0px;
    margin-left: 1.2em;
}

/* ===== 불필요한 기본 스타일 제거 ===== */
.mw-parser-output h2 {
    border-bottom: none;
}