미디어위키:Common.css

/* 이 CSS 설정은 모든 스킨에 동일하게 적용됩니다 */
/*
 * 위키백과 모든 스킨에 적용되는 CSS입니다.
 * [[위키백과:위키프로젝트 시스템]] 참고
 *
 * 편집 요약을 꼭 적어주고, 새 코드를 추가할 때에는 해당 코드의 출처, 간단한 설명, (요청이 있었을 경우) 해당 요청의 위치 등을 주석에 적어주세요.
 * 또한 각 코드 조각의 범위를 알아보기 쉽도록 정렬해주세요.
 *
 * 인쇄용 css (@media print 부분)은 Print.css에 별도로 추가해주세요.
 * 그렇지 않으면 인쇄용 문서를 웹에서 보는 것과 실제 인쇄하는 것이 다르게 나옵니다.
 *
 * 정리가 필요한 부분에는 XXX를 달아주세요.
 */

/* HTML 요소의 기본 스타일. en:에서 가져옴 */
dfn {
    font-style: inherit;  /* Reset default styling for <dfn> */
}
sup, sub {
    line-height: 1em;     /* <sup>와 <sub>의 줄간격 조절 */
}
 
/** <references/> 관련 CSS **/
 
ol.references,
div.reflist,
div.refbegin {
    font-size: 100%;           /* 기본 글꼴 크기 */
    margin-bottom: 0.5em;
}
div.refbegin-100 {
    font-size: 100%;           /* Option for normal fontsize in {{refbegin}} */
}
div.reflist ol.references {
    font-size: 100%;           /* Reset font-size when nested in div.reflist */
    list-style-type: inherit;  /* Enable custom list style types */
}
 
/* 선택된 항목에 배경색 씌우기 */
span.citation:target {
    background-color: #DEF;
}
 
/* 테이블 제목 등의 ref에서 bold/italic 제거 */
sup.reference {
    font-weight: normal;
    font-style: normal;
}
 
/* 인용에 대한 스타일 추가 (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;
}
 
/* Styling for the title of any work within a citation,
   or specifically the title of a periodical. */
.citation cite,
.citation cite.periodical {
    font-style: italic;
}
 
/* For linked citation numbers and document IDs, where
   the number need not be shown on a screen or a handheld,
   but should be included in the printed version */
@media screen, handheld {
    .citation *.printonly {
        display: none;
    }
}
 
/* 틀 설명문서 */
.template-documentation {
    clear: both;
    margin: 1em 0 0 0;
    border: 1px solid #aaa; 
    background-color: #ecfcf4; 
    padding: 1em;
}
 
/** 정보상자 **/
.infobox {
  float: right;
  clear: right;
  margin: 0.5em 0 0.5em 1em;
  padding: 0.2em;
  border: 1px solid #aaa;
  background: #f9f9f9;
  width: 25em;
}
.infobox caption {
  font-size: 125%;
  font-weight: bold;
}
.infobox th {
  white-space: nowrap;
}
.infobox th[colspan="2"] {
  text-align: center;
}
 .infobox[style*="solid"] td {
    border-right: none !important;
}
.infobox[style*="solid"] th {
    border-left: none !important;
}
.infobox[style*="solid"] th[colspan="2"] {
    border-left: none !important;
    border-right: none !important;
}

.infobox[style*="solid"] tr:last-child > th {
    border-radius: 0 0 0 4px !important;
}
.infobox[style*="solid"] tr:last-child > th, .infobox[style*="solid"] tr:last-child > td {
    border-bottom: none !important;
}
.infobox[style*="solid"] tr:first-child > th {
    border-top: none !important;
    border-radius: 3px 3px 0 0 !important;
}
 
#disambig {
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
}
 
#wpSave {
  font-weight: bold;
}
 
/*[[미디어위키토론:Common.css#.jamocomposed_block 수정]]-Request by Banwol, added by 분당선M*/
.jamocomposed_block {
 font-family: '함초롬돋움 LVT', 'HCR Dotum LVT', '함초롬바탕 LVT', 'HCR Batang LVT', '본고딕', 'Source Han Sans K', '본고딕 KR', 'Source Han Sans KR', 'Noto Sans CJK KR', '나눔바른고딕 옛한글', 'NanumBarunGothic YetHangul', '나눔명조 옛한글', 'NanumMyeongjo YetHangul', '은 바탕', 'Un Batang', '돋움 옛한글', 'Dotum Old Hangul', '바탕 옛한글', 'Batang Old Hangul', '굴림 옛한글', 'NewGulim Old Hangul', '궁서 옛한글', 'Gungsuh Old Hangul', '맑은 고딕', 'Malgun Gothic', '함초롬돋움', 'HCR Dotum', '함초롬바탕', 'HCR Batang', Code2000;
}
 
.oldhanyang {
  font-family: "New Gulim", "새굴림", "새돋움", "한컴돋움", "Naver Dictionary", "네이버사전", "Haansoft Batang", "한컴바탕", "새바탕";
}
 
/* 링크 밀줄 제거 */
.nounderlines a {
  text-decoration: none;
}
/* IPA 링크 밑줄 제거 */
.IPA a:link, .IPA a:visited {
  text-decoration: none;
}
 
/* 둘러보기 상자의 기본 스킨 */
table.navbox {      /* 둘러보기 상자 내용에 대한 스타일 */
  border: 1px solid #aaa;
  width: 100%;
  margin: auto;
  clear: both;
  font-size: 88%;
  text-align: center;
  padding: 1px;
  border-collapse: separate;
  border-spacing: 2px;
}
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
  margin-top: -1px;      /* (doesn't work for IE6, but that's okay)     */
}
.navbox-title,
.navbox-abovebelow,
table.navbox th {
  text-align: center;    /* Title and above/below styles */
  padding-left: 1em;
  padding-right: 1em;
}
.navbox-group {      /* 그룹 스타일 */
  white-space: nowrap;
  text-align: right;
  font-weight: bold;
  padding-left: 1em;
  padding-right: 1em;
}
.navbox, .navbox-subgroup {
  background: #fdfdfd;   /* 배경색 */
}
.navbox-list {
  border-color: #fdfdfd;   /* 배경색과 동일해야 함 */
}
.navbox-title,
table.navbox th {
  background: #ccccff;   /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
  background: #ddddff;   /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
  background: #e6e6ff;   /* Level 3 color */
}
.navbox-even {
  background: #f7f7f7;   /* Even row striping */
}
.navbox-odd {
  background: transparent; /* Odd row striping */
}
 
.collapseButton {      /* 'show'/'hide' buttons created dynamically */
  float: right;      /* by the CollapsibleTables javascript in  */
  font-weight: normal;   /* [[MediaWiki:Common.js]]are styled here  */
  text-align: right;   /* so they can be customised.        */
  width: auto;
}
.navbox .collapseButton {  /* In navboxes, the show/hide button balances */
  width: 6em;      /* the vde links from [[Template:Tnavbar]],   */
}              /* so they need to be the same width.     */

 
/* [[위키백과:관리자 요청/2007년 11월]] */
/* Prevent line breaks in silly places:
   1) Where desired
   2) Links when we don't want them to
   3) Bold "links" to the page itself
   4) Ref tags with group names <ref group="Note"> --> "[Note 1]" */
.nowrap,
.nowraplinks a,
.nowraplinks .selflink,
sup.reference a {
    white-space: nowrap;
}
 
/** 목차에서 특정 단계 이하 제목 숨기기 **/
.toclimit-2 .toclevel-2,
.toclimit-3 .toclevel-3,
.toclimit-4 .toclevel-4,
.toclimit-5 .toclevel-5,
.toclimit-6 .toclevel-6,
.toclimit-7 .toclevel-7 {
  display:none;
}
 
/** PDF 링크 모양 **/
/* [[특:Permalink/13592922#PDF 아이콘 추가|미디어위키토론:Common.css]] */
a[href$=".pdf"].external.text,
a[href*=".pdf?"].external.text,
a[href*=".pdf#"].external.text,
a[href$=".PDF"].external.text,
a[href*=".PDF?"].external.text,
a[href*=".PDF#"].external.text {
  background: url(//upload.wikimedia.org/wikipedia/commons/thumb/2/23/Icons-mini-file_acrobat.gif/15px-Icons-mini-file_acrobat.gif) center right no-repeat;
  padding-right: 17px;
}

 
/** 최근 바뀜, 주시 문서 목록에서 "되돌리기" 글자 크기 줄임 **/
/* [[사용자:ITurtle|iTurtle]] ([[사용자토론:ITurtle|토론]]) 2009년 5월 8일 (금) 22:04 (KST) */
.page-특수기능_최근바뀜 .mw-rollback-link,
.page-특수기능_주시문서목록 .mw-rollback-link {
  font-size: smaller;
}
 
/* 최근 바뀜에서의 편집 관련 표시 작게. Monobook에서 옮김. */
/* ChongDae 2010년 3월 26일 (금) 22:32  */
.minoredit {
  font-size: smaller;
  color: #808080;
}
.newpage {
  font-size: smaller;
  color: #FF0000;
}
.botedit {
  font-size: smaller;
  color: #3CB371;
}
.unpatrolled {
  font-size: smaller;
}
 
/* 지리 좌표 기본값. 이들이 어떻게 쓰이는지에 대해서는 [[틀:Coord/link]] 참고.
   "geo", "longtitude", "latitude" 클래스는 Geo 마이크로포맷이 사용함.
iTurtle 2009년 11월 28일 (토) 16:40 (KST)
*/
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude       { white-space: nowrap; }
 
/* 미디어 자료 관련 */
/* Vector.css에서 너무 작게 나오는 것 방지 PuzzletChung 2010년 1월 5일 (화) 13:48 (KST) */
table.mw_metadata {
  font-size: smaller;
}
 
/* 편집 요약, 이유의 모양 설정.
 (기울임 대신 글자 크기 약간 작게 하여 구별) */
.comment {
  font-style: normal !important;
  font-size: 9pt;
}
 
/* 최근 바뀜에서 문서 분량 변경에 색깔 넣기
 (증가는 초록색 감소는 빨간색) */
.mw-plusminus-pos {
  color:green;
}
.mw-plusminus-neg {
  color:red;
}
 
/* toccolours 클래스: 일부 틀의 디자인에 사용됨 */
.toccolours {
   border:1px solid #aaaaaa;
   background-color: #f9f9f9;
   padding: 5px;
   font-size: 95%;
}

/* thumb 프레임이 붙어 있는 그림의 배경을 하얀색으로 */
div.thumb div a img {
  background-color:#ffffff;
}
 
/* 넘겨주기 링크 */
.allpagesredirect a,
.watchlistredir a,
.redirect-in-category a:link,
.redirect-in-category a:visited {
  color:#888888;
}
 
/* 준보호 문서 편집창 배경색. 주의 환기 */
.mw-textarea-sprotected {
  background: #FFFFDB;
}
 
/* gallery 사용시 섬네일 글자 크기 조정 */
.gallerytext p {
  font-size: 90%;
}
 
/* 최근 바뀜 등에서 태그를 눈에 띄게 표시 */
.mw-tag-markers {
  color: red;
}
 
/*
[[위키백과:관리자_요청/2011년_10월]]. 둘러보기 틀에서 list를 사용하는 경우 목록을 가로로 보이게 하여 기존의 수동 목록에 비해 의미성/편의성이 높습니다.
{{가로목록}}을 통해 사용.
2013-02-28: 영어판 css 가져옴. ul 목록뿐 아니라 dt/dd도 지원. --klutzy
*/
/* Style for horizontal lists (separator following item).
   Note: hlist formatting will break if the resulting HTML lacks a breakable character
   between list items. This happens when the following conditions are true:
   1) The list is made using wiki markup (where HTML is built by parser.php)
   2) HTMLTidy is disabled or unavailable (such as on Special: pages)
   In such cases, building lists with .hlist using HTML instead of wiki markup
   will work around this problem. See also [[Bugzilla:39617]].
   IE8-specific classes are assigned in [[MediaWiki:Common.js/IEFixes.js]].
   Last updated: January 24, 2013
   @source mediawiki.org/wiki/Snippets/Horizontal_lists
   @maintainer: [[en:User:Edokter]]
   @revision: 3.1
*/
.skin-monobook .hlist dl,
.skin-modern .hlist dl,
.skin-vector .hlist dl {
    line-height: 1.5em;
}
.hlist dl,
.hlist ol,
.hlist ul {
    margin: 0;
    padding: 0;
}
/* Display list items inline and make them nowrap */
.hlist dd,
.hlist dt,
.hlist li {
    margin: 0;
    display: inline;
    white-space: nowrap;
}
/* Allow wrapping for list items (in tight spaces) */
.hlist.hwrap dd,
.hlist.hwrap dt,
.hlist.hwrap li {
    white-space: normal;
}
/* Display nested lists inline and allow them to wrap */
.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;
    white-space: normal;
}
/* Generate interpuncts */
.hlist dt:after {
    content: ":";
}
.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 numbers in front of ordered list items */
.hlist.hnum ol {
    counter-reset: list-item;
}
.hlist.hnum ol > li {
    counter-increment: list-item;
}
.hlist.hnum ol > li:before {
    content: counter(list-item) " ";
}
.hlist.hnum dd ol > li:first-child:before,
.hlist.hnum dt ol > li:first-child:before,
.hlist.hnum li ol > li:first-child:before {
    content: "(" counter(list-item) " ";
}
 
/* Unbulleted lists */
.plainlist ul {
    line-height: inherit;
    list-style: none none;
    margin: 0;
}
.plainlist ul li {
    margin-bottom: 0;
}
 
/* {{참고}}, {{본문}} 등의 틀에 쓰이는 class. */
.rellink,
.dablink {
    /* font-style: italic; */ /* 영어 위키백과와 달리 이탤릭 사용하지 않음 */
    /*font-size: 90%;      */ /* 한국어 위키백과에서는 대신 작은 글씨로 본문과 구분함 */
    /* @noflip */
    /* padding-left: 1.6em; */
    margin-bottom: 0.5em;
    line-height: 1.6em;
}
 
/* wikitable 관련 스타일 정비. 영어 위키백과에서 가져옴. 2014-2-6 ChongDae */
 
/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
    font-weight: normal;
    /* @noflip */
    text-align: left;
}
 
/* Lists in data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
    /* @noflip */
    text-align: left;
}
/* ...unless they also use the hlist class */
.wikitable.hlist td ul,
.wikitable.hlist td ol,
.wikitable.hlist td dl {
    text-align: inherit;
}

 
/* 정렬 가능한 표용 정렬 키: [[틀:이름정렬]] 등 참조 */
td .sortkey,
th .sortkey {
    display: none;
    speak: none;
}

s, strike{color:gray;}
s a, s a:visited{
    color: #7f7ff6;
    text-decoration: line-through;
}

/* [[MediaWiki:Edittools]] 편집 입력 도구의 버튼 */
.my-buttons {
  padding: 0.5em;
}
.my-buttons a {
  color: #005896;
  font-weight: bold;
  font-size: 0.9em;
  text-decoration: none;
  padding: 0 0.1em 0.1em 0.1em;
}
.my-buttons a:hover, .my-buttons a:active {
  background-color: #bbccdd !important;
}
#editpage-specialchars a {
  text-decoration: none;
}
#editpage-specialchars a:hover {
  text-decoration: underline;
}

/* 찾아 바꾸기용 */
span.searchmatch { background-color: #FFCCCC; font-weight: bold; }

/* 모든 태그 자동 줄바꿈 설정 
* {
  word-break: normal;
} */

.tp_link a:active { color: inherit !important; }
.tp_link a:hover { color: inherit !important; }
.tp_link a:link { color: inherit !important; }
.tp_link a:visited { color: inherit !important; }

/* 개행: gallery, thumbnail 설명, 상단 알림, 푸터, 각주·문서 미리보기 팝업, 가입 페이지 */
.gallerytext p, 
.thumbcaption,
#localNotice *,
.footer-info-lastmod, 
.footer-info-copyright, 
.mwe-popups *, 
#userloginForm, 
.mw-createacct-benefits-container {
  word-break: keep-all;
  overflow-wrap: break-word;
}

pre[class*=source] {
    overflow: scroll;
}

/**
 * 모바일 사진/표 float 제거
 * IE8 미지원
 */
@media (max-width: 551px) {
	div.tleft, div.tright,
	*:not(.libre-notice) > div.floatleft,
	*:not(.libre-notice) > div.floatright,
	table.floatleft, table.floatright,
	table[align=left], table[align=right], table[style*=float] {
		margin: auto;
		float: none !important;
		clear: both;
		text-align: center;
	}
	div.thumbinner {
		margin: auto;
	}
}

/**
 * 검색 입력창이 천원돌파하는 문제
 */
input[type="number"], .mw-ui-input-inline {
	max-width: 100%;
}

/* 표 정렬  CSS */
table.floatright {
    float:right;
}
table.floatleft {
    float:left;
}
table.alignright {
    margin:0.5em 0.5em 0.5em auto;
}
table.aligncenter, table.alignmiddle {
    margin:auto;
}

/* 커지는 이미지 크기 조절 */
div.thumbinner {
    max-width:100%;
}

/**
 * Styling for links generated by [[MediaWiki:Edittools]]
 * @source https://www.mediawiki.org/wiki/Extension:CharInsert#Styling
 * @updated 2012-02-29
 */
.mw-charinsert-buttons {
	margin-top: 10px;
	border: 1px solid #aaaaaa;
	padding: 1px;
	text-align: center;
	font-size: 110%;
}
.mw-charinsert-buttons a {
	color: black;
	background-color: #cde !important;
	font-weight: bold;
	font-size: .9em;
	text-decoration: none;
	border: thin #069 outset;
	padding: 0 .1em .1em;
}
.mw-charinsert-buttons a:hover,
.mw-charinsert-buttons a:active {
	background-color: #bcd;
	border-style: inset;
}
.client-js .mw-edittools-section {
	display: inline;
}
.client-js .mw-edittools-section input[type="button"] {
	font-size: 0.9em;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 1px;
}

/* [[틀:모바일탭]] */
@media screen and (min-width: 1024px) {
    .libre-tab-mobile .libre-tab-btns {
        display: flex;
        margin-left: 0 !important;
        list-style: none;
    }
    .libre-tab-mobile .libre-tab-btn {
        flex: 1 1 auto;
        text-align: center;
        font-weight: bold;
        padding-right: 2rem;
    }
    .libre-tab-mobile .libre-tab-main {
        display: flex;
        background-color: #f5f8fa;
        border: 1px solid #e1e8ed;
        border-radius: 0.35rem;
        padding: 1rem;
    }
    .libre-tab-mobile .libre-tab-main-content {
        flex: 1 1 auto;
        margin-right: 1rem;
        padding-right: 1rem;
        border-right: 2px dashed #e1e8ed;
    }
    .libre-tab-mobile .libre-tab-main-content:last-child {
        border-right: 0;
        margin-right: 0;
        padding-right: 0;
    }
}
@media screen and (max-width: 1023px) {
    .libre-tab-mobile .libre-tab-btns {
        list-style: none;
        margin: 0 !important;
        border-top: 1px solid #e1e8ed;
        border-left: 1px solid #e1e8ed;
        border-right: 1px solid #e1e8ed;
        background-color: #f5f8fa;
    }

    .libre-tab-mobile .libre-tab-btn {
        position: relative;
        display: inline-block;
        padding: 0.5rem;
        text-align: center;
        width: 6rem;
        cursor: pointer;
        border-right: 1px solid #e1e8ed;
    }

    .libre-tab-mobile .libre-tab-btn-active,
    .libre-tab-mobile .libre-tab-btn:hover {
        background-color: white;
    }

    .libre-tab-mobile .libre-tab-btn-active::before,
    .libre-tab-mobile .libre-tab-btn:hover::before {
        position: absolute;
        left: 0px;
        bottom: 0px;
        content: ' ';
        width: 6rem;
        display: block;
        border-bottom: 2px solid #4188F1;
    }

    .libre-tab-mobile .libre-tab-main {
        border: 1px solid #e1e8ed;
        padding: 1.5rem;
    }

    .libre-tab-mobile .libre-tab-main {
        border: 1px solid #e1e8ed;
        padding: 1.5rem;
    }

    .libre-tab-mobile .libre-tab-main-content {
        display: none;
    }

    .libre-tab-mobile .libre-tab-main-content-active {
        display: block;
    }
}

/* responsive table */
@media (max-width: 520px) {
    .libre-responsive-table {
        border-top: 1px solid #e1e8ed !important;
        border-bottom: 1px solid #e1e8ed !important;
    }
    .libre-responsive-table thead th {
        display: none;
    }
    .libre-responsive-table tbody th,
    .libre-responsive-table tbody td {
        border-top: 0 !important;
        border-bottom: 0 !important;
        text-align: left !important;
        display: block;
    }
    .libre-responsive-table tbody th:before,
    .libre-responsive-table tbody td:before {
        content: attr(data-th) ": ";
        font-weight: bold;
        width: 8em;
        display: inline-block;
        margin-right: 0.3em;
    }
}

/* wikiediter 수정 */
#msupload-select {
display:none;
}

/* 펼치기/접기시 제목 안 움직이도록 */
.mw-collapsible-toggle {
	width: 4em;
}

/* 정보상자 돌파 제한 */
.infobox {max-width:100%;}

/* 현관 다크 모드 */
@media (prefers-color-scheme: dark) {
    .menuicon img {
        filter: /* #DDD */ invert(99%) sepia(0%) saturate(740%) hue-rotate(316deg) brightness(96%) contrast(81%) !important;
    }
}