미디어위키:Common.css: 두 판 사이의 차이
다른 명령
MediaWiki default (토론 | 기여) 편집 요약 없음 |
MediaWiki default (토론 | 기여) 편집 요약 없음 |
||
| 122번째 줄: | 122번째 줄: | ||
overflow-x: auto; | overflow-x: auto; | ||
} | } | ||
} | |||
/* WikiJS Style for MediaWiki */ | |||
/* Infobox Template Styling */ | |||
.infobox { | |||
float: right; | |||
margin: 0 0 1em 1em; | |||
padding: 0; | |||
border: 1px solid #aaa; | |||
background: #f9f9fa; | |||
width: 340px; | |||
clear: right; | |||
font-size: 90%; | |||
border-radius: 8px; | |||
box-shadow: 0 2px 4px rgba(0,0,0,0.1); | |||
} | |||
.infobox th { | |||
background: #e7e7ef; | |||
padding: 8px 10px; | |||
text-align: left; | |||
font-weight: 600; | |||
border-bottom: 1px solid #ddd; | |||
} | |||
.infobox td { | |||
padding: 8px 10px; | |||
border-bottom: 1px solid #eee; | |||
} | |||
.infobox .infobox-title { | |||
text-align: center; | |||
font-size: 125%; | |||
font-weight: bold; | |||
background: #e7e7ef; | |||
padding: 10px; | |||
border-radius: 8px 8px 0 0; | |||
} | |||
.infobox .infobox-image { | |||
text-align: center; | |||
padding: 10px; | |||
} | |||
/* Gallery Styling (WikiJS packed mode) */ | |||
.mw-gallery-packed { | |||
margin: 20px 0; | |||
} | |||
.mw-gallery-packed .gallerybox { | |||
margin: 2px; | |||
border-radius: 4px; | |||
overflow: hidden; | |||
} | |||
.mw-gallery-packed img { | |||
transition: transform 0.3s ease; | |||
} | |||
.mw-gallery-packed img:hover { | |||
transform: scale(1.05); | |||
} | |||
/* Section Headers */ | |||
h2 { | |||
border-bottom: 2px solid #e7e7ef; | |||
padding-bottom: 0.3em; | |||
margin-top: 1.5em; | |||
margin-bottom: 0.5em; | |||
font-family: "Noto Sans KR", sans-serif; | |||
} | |||
h3 { | |||
margin-top: 1.2em; | |||
margin-bottom: 0.4em; | |||
font-family: "Noto Sans KR", sans-serif; | |||
color: #333; | |||
} | |||
/* Lists */ | |||
ul li { | |||
margin-bottom: 0.3em; | |||
line-height: 1.7; | |||
} | |||
/* Table Styling */ | |||
table.wikitable { | |||
border-collapse: collapse; | |||
border: 1px solid #ddd; | |||
background: #fff; | |||
margin: 1em 0; | |||
} | |||
table.wikitable th { | |||
background: #e7e7ef; | |||
border: 1px solid #ddd; | |||
padding: 8px 12px; | |||
font-weight: 600; | |||
} | |||
table.wikitable td { | |||
border: 1px solid #ddd; | |||
padding: 8px 12px; | |||
} | |||
/* Links */ | |||
a { | |||
color: #0645ad; | |||
text-decoration: none; | |||
} | |||
a:hover { | |||
text-decoration: underline; | |||
color: #0b5394; | |||
} | |||
a.new { | |||
color: #ba0000; | |||
} | |||
/* Body and Content Area */ | |||
.mw-body { | |||
background: #ffffff; | |||
padding: 20px; | |||
border-radius: 4px; | |||
box-shadow: 0 1px 3px rgba(0,0,0,0.05); | |||
} | |||
.mw-body-content { | |||
font-family: "Noto Serif KR", serif; | |||
font-size: 16px; | |||
line-height: 1.8; | |||
color: #222; | |||
} | |||
/* Paragraphs */ | |||
p { | |||
margin: 0.8em 0; | |||
line-height: 1.8; | |||
} | |||
/* Bold text */ | |||
strong, b { | |||
font-weight: 600; | |||
color: #111; | |||
} | |||
/* Category links */ | |||
#catlinks { | |||
background: #f8f9fa; | |||
padding: 10px; | |||
margin-top: 2em; | |||
border: 1px solid #e5e5e5; | |||
border-radius: 4px; | |||
} | |||
/* Page title */ | |||
.firstHeading { | |||
font-family: "Noto Sans KR", sans-serif; | |||
font-size: 2.2em; | |||
font-weight: 700; | |||
margin-bottom: 0.5em; | |||
padding-bottom: 0.3em; | |||
border-bottom: 3px solid #e7e7ef; | |||
} | } | ||
2025년 9월 18일 (목) 00:02 기준 최신판
/* 위키앙 공통 스타일시트 */ /* 유지보수: /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;
}
}
/* WikiJS Style for MediaWiki */
/* Infobox Template Styling */ .infobox {
float: right; margin: 0 0 1em 1em; padding: 0; border: 1px solid #aaa; background: #f9f9fa; width: 340px; clear: right; font-size: 90%; border-radius: 8px; box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
.infobox th {
background: #e7e7ef; padding: 8px 10px; text-align: left; font-weight: 600; border-bottom: 1px solid #ddd;
}
.infobox td {
padding: 8px 10px; border-bottom: 1px solid #eee;
}
.infobox .infobox-title {
text-align: center; font-size: 125%; font-weight: bold; background: #e7e7ef; padding: 10px; border-radius: 8px 8px 0 0;
}
.infobox .infobox-image {
text-align: center; padding: 10px;
}
/* Gallery Styling (WikiJS packed mode) */ .mw-gallery-packed {
margin: 20px 0;
}
.mw-gallery-packed .gallerybox {
margin: 2px; border-radius: 4px; overflow: hidden;
}
.mw-gallery-packed img {
transition: transform 0.3s ease;
}
.mw-gallery-packed img:hover {
transform: scale(1.05);
}
/* Section Headers */ h2 {
border-bottom: 2px solid #e7e7ef; padding-bottom: 0.3em; margin-top: 1.5em; margin-bottom: 0.5em; font-family: "Noto Sans KR", sans-serif;
}
h3 {
margin-top: 1.2em; margin-bottom: 0.4em; font-family: "Noto Sans KR", sans-serif; color: #333;
}
/* Lists */ ul li {
margin-bottom: 0.3em; line-height: 1.7;
}
/* Table Styling */ table.wikitable {
border-collapse: collapse; border: 1px solid #ddd; background: #fff; margin: 1em 0;
}
table.wikitable th {
background: #e7e7ef; border: 1px solid #ddd; padding: 8px 12px; font-weight: 600;
}
table.wikitable td {
border: 1px solid #ddd; padding: 8px 12px;
}
/* Links */ a {
color: #0645ad; text-decoration: none;
}
a:hover {
text-decoration: underline; color: #0b5394;
}
a.new {
color: #ba0000;
}
/* Body and Content Area */ .mw-body {
background: #ffffff; padding: 20px; border-radius: 4px; box-shadow: 0 1px 3px rgba(0,0,0,0.05);
}
.mw-body-content {
font-family: "Noto Serif KR", serif; font-size: 16px; line-height: 1.8; color: #222;
}
/* Paragraphs */ p {
margin: 0.8em 0; line-height: 1.8;
}
/* Bold text */ strong, b {
font-weight: 600; color: #111;
}
/* Category links */
- catlinks {
background: #f8f9fa; padding: 10px; margin-top: 2em; border: 1px solid #e5e5e5; border-radius: 4px;
}
/* Page title */ .firstHeading {
font-family: "Noto Sans KR", sans-serif; font-size: 2.2em; font-weight: 700; margin-bottom: 0.5em; padding-bottom: 0.3em; border-bottom: 3px solid #e7e7ef;
}