미디어위키:Common.css

/ * 위키백과 모든 스킨에 적용되는 CSS입니다.- 위키백과:위키프로젝트 시스템 참고- 편집 요약을 꼭 적어주고, 새 코드를 추가할 때에는 해당 코드의 출처, 간단한 설명, (요청이 있었을 경우) 해당 요청의 위치 등을 주석에 적어주세요.- 또한 각 코드 조각의 범위를 알아보기 쉽도록 정렬해주세요.- 인쇄용 css (@media print 부분)은 Print.css에 별도로 추가해주세요.- 그렇지 않으면 인쇄용 문서를 웹에서 보는 것과 실제 인쇄하는 것이 다르게 나옵니다.- 정리가 필요한 부분에는 TO-DO를 달아주세요.
*/
/* HTML 요소의 기본 스타일. en:에서 가져옴 */
/* Reset italic styling set by user agent */
cite,
dfn {
	font-style: inherit;
}
/* Straight quote marks for  */
q {
	quotes: '"' '"' "'" "'";
}
/* Avoid collision of blockquote with floating elements by swapping margin and padding */
blockquote {
	overflow: hidden;
	margin: 1em 0;
	padding: 0 40px;
}
/* Consistent size for ,  and  */
small {
	font-size: 90%;
}
.mw-body-content sub,
.mw-body-content sup {
	font-size: 85%;
}
/* Same spacing for indented and unindented paragraphs on talk pages */
.ns-talk .mw-body-content dd {
	margin-top: 0.4em;
	margin-bottom: 0.4em;
}
/* Reduce page jumps by hiding collapsed/dismissed content */
.client-js .collapsible:not( .mw-made-collapsible).collapsed > tbody > tr:not(:first-child),
/* Avoid FOUC/reflows on collapsed elements. */
/* This copies MediaWiki's solution for T42812 to apply to innercollapse/outercollapse (T325115). */
/* TODO: Use :is() selector at some reasonable future when support is good for Most Clients */
/* Reference: https://gerrit.wikimedia.org/g/mediawiki/core/+/ecda06cb2aef55b77c4b4d7ecda492d634419ead/resources/src/jquery/jquery.makeCollapsible.styles.less#75 */
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > p,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > table,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) > thead + tbody,
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) tr:not( :first-child ),
.client-js .outercollapse .innercollapse.mw-collapsible:not( .mw-made-collapsible ) .mw-collapsible-content,
/* Make the list of references smaller- Keep in sync with Template:Refbegin/styles.css- And Template:Reflist/styles.css
*/
ol.references {
	font-size: 90%;
	margin-bottom: 0.5em;
}
/* T156351: Support for Parsoid's Cite implementation */
@counter-style custom-backlink {
system: alphabetic;
symbols: '가' '나' '다' '라' '마' '바' '사' '아' '자' '차' '카' '타' '파' '하' '거' '너' '더' '러' '머' '버' '서' '어' '저' '처' '커' '터' '퍼' '허' '고' '노' '도' '로' '모' '보' '소' '오' '조' '초' '코' '토' '포' '호' '구' '누' '두' '루' '무' '부' '수' '우' '주' '추' '쿠' '투' '푸' '후' '그' '느' '드' '르' '므' '브' '스' '으' '즈' '츠' '크' '트' '프' '흐' '기' '니' '디' '리' '미' '비' '시' '이' '지' '치' '키' '티' '피' '히';
}
span rel="mw:referencedBy"  {
	counter-reset: mw-ref-linkback 0;
}
span rel='mw:referencedBy'  > a::before {
	content: counter( mw-ref-linkback, custom-backlink );
}
/* Styling for jQuery makeCollapsible, matching that of collapseButton */
.mw-parser-output .mw-collapsible-toggle:not(.mw-ui-button) {
	font-weight: normal;
	padding-right: 0.2em;
	padding-left: 0.2em;
}
.mw-collapsible-leftside-toggle .mw-collapsible-toggle {
	/* @noflip */
	float: left;
}
/* Lists in wikitable data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
	/* @noflip */
	text-align: left;
}
/* Change the external link icon to a PDF icon for all PDF files */
.mw-parser-output ahref$=".pdf".external,
.mw-parser-output ahref*=".pdf?".external,
.mw-parser-output ahref*=".pdf#".external,
.mw-parser-output ahref$=".PDF".external,
.mw-parser-output ahref*=".PDF?".external,
.mw-parser-output ahref*=".PDF#".external {
	background: url("//upload.wikimedia.org/wikipedia/commons/4/4d/Icon_pdf_file.png") no-repeat right;
	/* @noflip */
	padding: 8px 18px 8px 0;
}
/* System messages styled similarly to fmbox */
/* for .mw-warning-with-logexcerpt, behavior of this line differs between- the edit-protected notice and the special:Contribs for blocked users- The latter has specificity of 3 classes so we have to triple up here.
*/
/  다크 모드 대응을 위한 수정(2025-01-26): Ykhwong
*/
@media screen {
	.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
	div.mw-lag-warn-high,
	div.mw-cascadeprotectedwarning,
	div#mw-protect-cascadeon {
		background-color: #ffdbdb;
	}
	html.skin-theme-clientpref-night .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
	html.skin-theme-clientpref-night div.mw-lag-warn-high,
	html.skin-theme-clientpref-night div.mw-cascadeprotectedwarning,
	html.skin-theme-clientpref-night div#mw-protect-cascadeon {
		background-color: #391515;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt.mw-warning-with-logexcerpt,
	html.skin-theme-clientpref-os div.mw-lag-warn-high,
	html.skin-theme-clientpref-os div.mw-cascadeprotectedwarning,
	html.skin-theme-clientpref-os div#mw-protect-cascadeon {
		background-color: #391515;
	}
}
/* default colors for partial block message */
/* gotta get over the hump introduced by the triple class above */
/  다크 모드 대응을 위한 수정(2025-01-26): Ykhwong
*/
@media screen {
	.mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
		background-color: #fef6e7;
	}
	html.skin-theme-clientpref-night .mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
		background-color: #3b3935;
	}
}
@media screen and (prefers-color-scheme: dark) {
	html.skin-theme-clientpref-os .mw-contributions-blocked-notice-partial .mw-warning-with-logexcerpt.mw-warning-with-logexcerpt {
		background-color: #3b3935;
	}
}
/* Minimum thumb width */
figuretypeof~='mw:File/Thumb',
figuretypeof~='mw:File/Frame',
.thumbinner {
	min-width: 100px;
}
/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit Show changes views. */
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
	clear: both;
}
/* Styling for tags in changes pages */
.mw-tag-markers {
	/* font-style: italic; */
	font-size: 90%;
}
/* 사용자 그룹별 노출 제어. 영어 위키백과에서 가져옴. -- ChongDae */
/* Hide stuff meant for accounts with special permissions. Made visible again in
MediaWiki:Group-checkuser.css, MediaWiki:Group-sysop.css, MediaWiki:Group-abusefilter.css,
MediaWiki:Group-abusefilter-helper.css, MediaWiki:Group-patroller.css,
MediaWiki:Group-templateeditor.css, MediaWiki:Group-extendedmover.css,
MediaWiki:Group-extendedconfirmed.css, and Mediawiki:Group-autoconfirmed.css. */
.checkuser-show,
.sysop-show,
.abusefilter-show,
.abusefilter-helper-show,
.patroller-show,
.templateeditor-show,
.extendedmover-show,
.extendedconfirmed-show,
.autoconfirmed-show,
.user-show {
	display: none;
}
/* Hide the redlink generated by ,
this overrides the ".sysop-show { display: none; }" above that applies
to the same link as well. See phab:T45013
Hide the images in editnotices to keep them readable in VE view.
Long term, editnotices should become a core feature so that they can be designed responsive. */
.ve-ui-mwNoticesPopupTool-item .editnotice-redlink,
.ve-ui-mwNoticesPopupTool-item .mbox-image,
.ve-ui-mwNoticesPopupTool-item .mbox-imageright {
	display: none !important;
}
/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors {
	margin: 0;
}
ul.permissions-errors > li {
	list-style: none;
}
/* larger inline math */
span.mwe-math-mathml-inline {
	font-size: 118%;
}
/* Make  be left aligned with one space indent for - compatibility with style conventions
*/
.mwe-math-fallback-image-display,
.mwe-math-mathml-display {
	margin-left: 1.6em !important;
	margin-top: 0.6em;
	margin-bottom: 0.6em;
}
.mwe-math-mathml-display math {
	display: inline;
}
@media screen {
	/* Put a chequered background behind images, only visible if they have transparency,
	 * except on main, user, and portal namespaces
	 */
	body:not(.ns-0):not(.ns-2):not(.ns-100) .gallerybox .thumb img {
		background: #fff url(//upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png) repeat;
	}
	/* Display "From Wikipedia, the free encyclopedia" in skins that support it,
	   do not apply to print mode */
	#siteSub {
		display: block;
	}
}
/* Hide FlaggedRevs notice UI when there are no pending changes */
.flaggedrevs_draft_synced,
.flaggedrevs_stable_synced,
/* "Temporary" to remove links in sidebar T255381 */
#t-upload,
/* Hide broken download box on Special:Book pending T285400 */
.mw-special-Book #coll-downloadbox {
	display: none;
}
/ * BELOW HERE THERE BE SOONTOBE TEMPLATESTYLES THINGS;- SEE MediaWiki talk:Common.css/to do
*/
/* Infobox template style */
.infobox {
	border: 1px solid #a2a9b1;
	border-spacing: 3px;
	background-color: #f8f9fa;
	color: black;
	/* @noflip */
	margin: 0.5em 0 0.5em 1em;
	padding: 0.2em;
	/* @noflip */
	float: right;
	/* @noflip */
	clear: right;
	font-size: 88%;
	line-height: 1.5em;
	width: 25em; /* 22em → 25em */
}
.infobox-header,
.infobox-label,
.infobox-above,
.infobox-full-data,
.infobox-data,
.infobox-below,
.infobox-subheader,
.infobox-image,
.infobox-navbar,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	vertical-align: top;
}
.infobox-label,
.infobox-data,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox th,
.infobox td {
	/* @noflip */
	text-align: left;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-above,
.infobox .infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	font-size: 125%;
	font-weight: bold;
	text-align: center;
}
.infobox-title,
/* Remove element selector when every .infobox thing is using the standard module/templates  */
.infobox caption {
	padding: 0.2em;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-header,
.infobox .infobox-subheader,
.infobox .infobox-image,
.infobox .infobox-full-data,
.infobox .infobox-below {
	text-align: center;
}
/* Remove .infobox when element selectors above are removed */
.infobox .infobox-navbar {
	/* @noflip */
	text-align: right;
}
/* wikitable 관련 스타일 정비. 영어 위키백과에서 가져옴. 2014-2-6 ChongDae */
/* Normal font styling for wikitable row headers with scope="row" tag */
.wikitable.plainrowheaders thscope=row,
.wikitable.plainrowheaders thscope=rowgroup {
	font-weight: normal;
	/* @noflip */
	text-align: left;
}
/* Remove underlines from certain links */
.nounderlines a,
.IPA a:link,
.IPA a:visited {
	text-decoration: none !important;
}
/* 위키백과:관리자 요청/2007년 11월 */
/* Prevent line breaks in silly places where desired (nowrap)
and links when we don't want them to (nowraplinks a) */
.nowrap,
.nowraplinks a {
	white-space: nowrap;
}
/* But allow wrapping where desired: */
.wrap,
.wraplinks a {
	white-space: normal;
}
/* texhtml class for inline math (based on generic times-serif class) */
span.texhtml {
	font-family: "Nimbus Roman No9 L", "Times New Roman", Times, serif;
	font-size: 118%;
	line-height: 1;
	white-space: nowrap;
	/* Force tabular and lining display for texhtml */
	font-variant-numeric: lining-nums tabular-nums;
	font-kerning: none;
}
span.texhtml span.texhtml {
	font-size: 100%;
}
@media screen {
	.nochecker .gallerybox .thumb img {
		background-image: none;
	}
}
/* 그 외 사항 (한국어 위키백과 특화 수정사항)- 일부 항목은 틀스타일로 이관 필요
*/
/* 제목모양에서 줄 바꿈 문제 수정. (한국어 위키백과 전용) */
.infobox th {
	white-space: nowrap;
}
/* 최근 바뀜에서의 편집 관련 표시 작게. Monobook에서 옮김. */
/* ChongDae 2010년 3월 26일 (금) 22:32  */
.mw-changeslist .minoredit {
	font-size: smaller;
	color: #808080;
}
.mw-changeslist .newpage {
	font-size: smaller;
	color: #FF0000;
}
.mw-changeslist .botedit {
	font-size: smaller;
	color: #3CB371;
}
.mw-changeslist .unpatrolled {
	font-size: smaller;
}
/* 최근 바뀜 등에서 태그를 눈에 띄게 표시 */
.mw-changeslist .mw-tag-markers {
	color: #ff0000;
}
/* 편집 요약, 이유의 모양 설정. (기울임 없는 글꼴로 대체) */
.comment {
	font-style: normal !important;
}
.mw-special-Contributions .comment,
.mw-special-Log .comment,
.action-history .comment,
.mw-special-Watchlist .comment,
.mw-special-Newpages .comment,
.mw-special-Recentchanges .comment {
	font-size: 90%;
}
/* 준보호 문서 편집창 배경색. 주의 환기
수정(2025-01-26): 다크 모드에서는 주의 환기 불필요하므로 투명 처리 (Ykhwong)
*/
@media screen {
	.mw-textarea-sprotected {
		background-color: #FFFFDB;
	}
html.skin-theme-clientpref-night .mw-textarea-sprotected,
html.client-dark-mode .mw-textarea-sprotected {
		background-color: transparent;
	}
}
@media screen and ( prefers-color-scheme: dark ) {
html.skin-theme-clientpref-os .mw-textarea-sprotected {
	    background-color: transparent;
	}
}
/* 인용에 대한 스타일 추가 (CSS3). 예를 들어 URL이 너무 길면 상자를 벗어나지 않고 잘라냄. */
.citation {
word-wrap: break-word;
}

/* Default styling for titles of works, styling for the title of an article
within a periodical, or a contribution within a compilation. */
cite,
.citation cite.article,
.citation cite.contribution {
font-style: inherit;
}
table.stub {
width: 100%;
margin: 1em auto 0;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
font-size: smaller;
}
table.stub + table.stub {
margin-top: -1px;
border-top: 0;
}
/* 위키백과:사랑방/2007년 4월#영어판의 틀을 번역했는데, 모양이 다르게 나옵니다.
:en:MediaWiki:Common.css에서 가져옴 */
/* TO-DO: 모듈:Navbox/styles.css로 이관 후 navbox 클래스를 수동으로 사용하는 모든 문서에서 navbox 클래스 삭제 필요 */
/* Default style for navigation boxes */
.navbox {                     /* Navbox container style */
	box-sizing: border-box;
	border: 1px solid #a2a9b1;
	width: 100%;
	clear: both;
	font-size: 88%;
	text-align: center;
	padding: 1px;
	margin: 1em auto 0;       /* Prevent preceding content from clinging to navboxes */
}
.navbox .navbox {
	margin-top: 0;            /* No top margin for nested navboxes */
}
.navbox + .navbox {
	margin-top: -1px;         /* Single pixel border between adjacent navboxes */
}
.navbox-inner,
.navbox-subgroup {
	width: 100%;
}
.navbox-group,
.navbox-title,
.navbox-abovebelow {
	padding: 0.25em 1em;      /* Title, group and above/below styles */
	line-height: 1.5em;
	text-align: center;
}
th.navbox-group {             /* Group style */
	white-space: nowrap;
	/* @noflip */
	text-align: right;
}
.navbox,
.navbox-subgroup {
	background-color: #fdfdfd; /* Background color */
}
.navbox-list {
	line-height: 1.5em;
	border-color: #fdfdfd;    /* Must match background color */
}
/* cell spacing for navbox cells */
tr + tr > .navbox-abovebelow,
tr + tr > .navbox-group,
tr + tr > .navbox-image,
tr + tr > .navbox-list {    /* Borders above 2nd, 3rd, etc. rows */
	border-top: 2px solid #fdfdfd; /* Must match background color */
}
.navbox th,
.navbox-title {
	background-color: #ccccff;      /* Level 1 color */
}
.navbox-abovebelow,
th.navbox-group,
.navbox-subgroup .navbox-title {
	background-color: #ddddff;      /* Level 2 color */
}
.navbox-subgroup .navbox-group,
.navbox-subgroup .navbox-abovebelow {
	background-color: #e6e6ff;      /* Level 3 color */
}
.navbox-even {
	background-color: #f7f7f7;      /* Even row striping */
}
.navbox-odd {
	background-color: transparent;  /* Odd row striping */
}
.navbox .hlist td dl,
.navbox .hlist td ol,
.navbox .hlist td ul,
.navbox td.hlist dl,
.navbox td.hlist ol,
.navbox td.hlist ul {
	padding: 0.125em 0;       /* Adjust hlist padding in navboxes */
}
/* Default styling for Navbar template */
.navbar {
	display: inline;
	font-size: 88%;
	font-weight: normal;
}
.navbar ul {
	display: inline-block;
	white-space: nowrap;
}
.mw-body-content .navbar ul {
	line-height: inherit;
}
.navbar li {
	word-spacing: -0.125em;
}
.navbar.mini li abbrtitle {
	font-variant: small-caps;
	border-bottom: none;
	text-decoration: none;
	cursor: inherit;
}
/* Navbar styling when nested in infobox and navbox */
.infobox .navbar {
	font-size: 100%;
}
.navbox .navbar {
	display: block;
	font-size: 100%;
}
.navbox-title .navbar {
	/* @noflip */
	float: left;
	/* @noflip */
	text-align: left;
	/* @noflip */
	margin-right: 0.5em;
}
/위키백과:관리자_요청/2011년_10월. 둘러보기 틀에서 list를 사용하는 경우 목록을 가로로 보이게 하여 기존의 수동 목록에 비해 의미성/편의성이 높습니다.
을 통해 사용.
2013-02-28: 영어판 css 가져옴. ul 목록뿐 아니라 dt/dd도 지원. --klutzy
*/
/* TO-DO: 틀:Hlist/styles.css로 이관 후 hlist 클래스를 수동으로 사용하는 모든 문서에서 hlist 클래스 삭제 필요 */
/* Style for horizontal lists (separator following item).
@source mediawiki.org/wiki/Snippets/Horizontal_lists
@revision 8 (2016-05-21)
@author User:Edokter
*/
.hlist dl,
.hlist ol,
.hlist ul {
	margin: 0;
	padding: 0;
}
/* Display list items inline */
.hlist dd,
.hlist dt,
.hlist li {
	margin: 0;
	display: inline;
}
/* Display nested lists inline */
.hlist.inline,
.hlist.inline dl,
.hlist.inline ol,
.hlist.inline ul,
.hlist dl dl, .hlist dl ol, .hlist dl ul,
.hlist ol dl, .hlist ol ol, .hlist ol ul,
.hlist ul dl, .hlist ul ol, .hlist ul ul {
	display: inline;
}
/* Hide empty list items */
.hlist .mw-empty-li {
	display: none;
}
/* Generate interpuncts */
.hlist dt:after {
	content: ": ";
}
/* * Note hlist style usage differd in- the Minerva skin. Remember .hlist is a class defined in core as well! Please check Minerva desktop (and Minerva.css) when changing- See https://phabricator.wikimedia.org/T213239
*/
.hlist dd:after,
.hlist li:after {
	content: " · ";
	font-weight: bold;
}
.hlist dd:last-child:after,
.hlist dt:last-child:after,
.hlist li:last-child:after {
	content: none;
}
/* Add parentheses around nested lists */
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
.hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before {
	content: " (";
	font-weight: normal;
}
.hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after,
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
	content: ")";
	font-weight: normal;
}
/* Put ordinals in front of ordered list items */
.hlist ol {
	counter-reset: listitem;
}
.hlist ol > li {
	counter-increment: listitem;
}
.hlist ol > li:before {
	content: " " counter(listitem) "\a0";
}
.hlist dd ol > li:first-child:before,
.hlist dt ol > li:first-child:before,
.hlist li ol > li:first-child:before {
	content: " (" counter(listitem) "\a0";
}
/* Unbulleted lists */
.plainlist ol,
.plainlist ul {
	line-height: inherit;
	list-style: none none;
	margin: 0;
}
.plainlist ol li,
.plainlist ul li {
	margin-bottom: 0;
}
/* 일본어판의 hlist 스타일 가져옴 */
.hlist-pipe dd:after,
.hlist-pipe li:after {
content: " | ";
font-weight: normal;
}
.hlist-hyphen dd:after,
.hlist-hyphen li:after {
content: " - ";
font-weight: normal;
}
.hlist-comma dd:after,
.hlist-comma li:after {
content: ", ";
font-weight: normal;
}
.hlist-slash dd:after,
.hlist-slash li:after {
content: " / ";
font-weight: normal;
}
/* ,  등의 틀에 쓰이는 class. */
/* TO-DO: rellink, dablink, hatnote 클래스를 사용하는 모든 문서에서 해당 클래스들 삭제 필요.- 해당 클래스들을 사용하는 틀들의 루아화 필요.- 루아 모듈에서는 아래 클래스를 사용하지 않으므로 루아 이관이 끝나면 아래 항목 삭제 필요.
*/
.rellink,
.dablink,
.hatnote {
/* font-style: italic; */ /* 영어 위키백과와 달리 이탤릭 사용하지 않음 */
font-size: 90%;           /* 한국어 위키백과에서는 대신 작은 글씨로 본문과 구분함 */
/* @noflip */
padding-left: 1.6em;
margin-top: 0.5em; /* 최근 모든 언어의 위키백과에서 문서 상단 부분의 여백이 최소화되어 상단 여백을 추가함. Ykhwong 2017년 10월 21일 (토) */
margin-bottom: 0.5em;
}
/* toccolours 클래스: 일부 틀의 디자인에 사용됨 */
/* TO-DO: toccolours도 정리 후 걷어내기 */
.toccolours {
border:1px solid #aaaaaa;
background-color: #f9f9f9;
padding: 5px;
font-size: 95%;
}
/* Put anything you mean to be a sitewide addition above the TemplateStyles- comment above.
*/