미디어위키:Common.css

/** 이 CSS 설정은 모든 스킨에 적용됩니다 */

/*<pre><nowiki>*/

/**
 *
 * 특정 이름공간 문서의 배경을 하늘색, 토론 이름공간 문서의 배경을 노란색,
 * 프로젝트 이름공간 문서의 배경을 초록색으로 지정합니다.
 *
 * 하늘색 적용 대상: 특수기능(-1), 파일(6), 미디어위키(8)
 * 노란색 적용 대상: 토론(1), 사용자토론(3), 백괴게임토론(5), 파일토론(7),
 * 미디어위키토론(9), 틀토론(11), 도움말토론(13), 분류토론(15), 모듈토론(829)
 * 초록색 적용 대상: 백괴게임(4), 도움말(12)
 * 진한 초록색 적용 대상: 틀(10), 분류(14), 모듈(828)
 *
 **/
.ns-6 #content, .ns-6 #p-cactions li a:hover, .ns-6 #p-cactions li.selected a,
.ns-8 #content, .ns-8 #p-cactions li a:hover, .ns-8 #p-cactions li.selected a,
.ns--1 #content, .ns--1 #p-cactions li a:hover, .ns--1 #p-cactions li.selected a {
  background-color: #edf6fc;
}

.ns-1 #content, .ns-1 #p-cactions li a:hover, .ns-1 #p-cactions li.selected a,
.ns-3 #content, .ns-3 #p-cactions li a:hover, .ns-3 #p-cactions li.selected a,
.ns-5 #content, .ns-5 #p-cactions li a:hover, .ns-5 #p-cactions li.selected a,
.ns-7 #content, .ns-7 #p-cactions li a:hover, .ns-7 #p-cactions li.selected a,
.ns-9 #content, .ns-9 #p-cactions li a:hover, .ns-9 #p-cactions li.selected a,
.ns-11 #content, .ns-11 #p-cactions li a:hover, .ns-11 #p-cactions li.selected a,
.ns-13 #content, .ns-13 #p-cactions li a:hover, .ns-13 #p-cactions li.selected a,
.ns-15 #content, .ns-15 #p-cactions li a:hover, .ns-15 #p-cactions li.selected a,
.ns-829 #content, .ns-829 #p-cactions li a:hover, .ns-829 #p-cactions li.selected a{
  background-color: #fafaee;
}

.ns-4 #content, .ns-4 #p-cactions li a:hover, .ns-4 #p-cactions li.selected a,
.ns-12 #content, .ns-12 #p-cactions li a:hover, .ns-12 #p-cactions li.selected a {
  background-color: #ededed; /* 구 #f5fff5; */
}

.ns-10 #content, .ns-10 #p-cactions li a:hover, .ns-10 #p-cactions li.selected a,
.ns-14 #content, .ns-14 #p-cactions li a:hover, .ns-14 #p-cactions li.selected a,
.ns-828 #content, .ns-828 #p-cactions li a:hover, .ns-828 #p-cactions li.selected a{
  background-color: #deffde;
}

/* 이름공간의 번호, 명칭
 '-2' : '미디어', '-1' : '특수기능'
 '0' : '게임', '1' : '토론'
 '2' : '사용자', '3' : '사용자토론'
 '4' : '백괴게임', '5' : '백괴게임토론'
 '6' : '파일', '7' : '파일토론'
 '8' : '미디어위키', '9' : '미디어위키토론'
 '10' : '틀', '11' : '틀토론'
 '12' : '도움말', '13' : '도움말토론'
 '14' : '분류', '15' : '분류토론'
 '828' : '모듈', '829' : '모듈토론'
*/

/* 취소선. del은 하지 않겠음 */
s, strike{color:gray;}
s a, s a:visited{
    color: #7f7ff6;
    text-decoration: line-through;
}

/* 새내기들을 위해 윗부분 '편집' 버튼의 글씨를 언제나 굵게 */
#ca-edit a {
  font-weight: bold !important;
}

/* 문서 제목 밑 모양 조절 */
#siteSub {
    display: inline;
    font-size: 100%;
    font-weight: normal;
}
#bodyContent #siteSub a {
  color: #000;
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  padding-right: 0;
}

/* 2단계 글자를 굵게 */
h2 { 
    font-weight: bold;
}

/* 저장 글자를 굵게 */
#wpSave {
font-weight: bold;
}

/* 선택된 항목에 배경색 씌우기 */
ol.references > li:target, sup.reference:target {
  background-color: #DEF;
}

/* pre 상자 */
pre {
padding: 1em;
border: 1px solid #003399;
color: #003399;
background-color: #F4F6FE;
line-height: 1.1em;
overflow: auto;
}

/* 편집 요약, 이유의 모양 설정.
 (기울임 대신 글자 크기 약간 작게 하여 구별) */
.comment {
  font-style: normal !important;
  font-size: 9pt;
}

/* 최근 바뀜에서의 편집 관련 표시 */
.minor {
  color: gray;
}
.newpage {
  color: green;
}
.bot {
  color: #3CB371;
}

/* 최근 바뀜에서 문서 분량 변경에 색깔 넣기
 (증가는 초록색 감소는 빨간색) */
.mw-plusminus-pos {
  color:green;
}
.mw-plusminus-neg {
  color:red;
}

/* 문서 목록과 주시문서 목록에서 넘겨주기의 모양 설정
 (연한 회색) */
.allpagesredirect a,
.watchlistredir a  {
  color:#888888;
}

/* 차이 보기에서 변화한 부분 모양 조절.
  (회색 점선의 사각형으로 둘러쌈)  */ 
.diffchange {
  background-color: inherit;
  border: 1px dotted #888888;
}

/* toccolours 클래스: 일부 틀의 디자인에 사용됨 */
.toccolours {
   border:1px solid #aaaaaa;
   background-color: #f9f9f9;
   padding: 5px;
   font-size: 95%;
}

.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;
}
/* 표 문법 (출처 : 한국어 위키백과) */
/* let's make a class that deals with tables better 
   Any complaints, please message Ta bu shi da yu */
table.wikitable,
table.prettytable {
  margin: 1em 1em 1em 0;
  background: #f9f9f9;
  border: 1px #aaaaaa solid;
  border-collapse: collapse;
}
 
table.wikitable th, table.wikitable td,
table.prettytable th, table.prettytable td {
  border: 1px #aaaaaa solid;
  padding: 0.2em;
}
 
table.wikitable th,
table.prettytable th {
  background: #f2f2f2;
  text-align: center;
}
 
table.wikitable caption,
table.prettytable caption {
  margin-left: inherit;
  margin-right: inherit;
  font-weight: bold;
}
 
/* Merge template style */
.messagebox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   width: 85%;
   margin: 0 auto 1em auto;
   padding: .2em;
   text-align: justify;
   font-size: 80%;
}
.messagebox.merge {
   border: 1px solid #cf9fff;
   background-color: #f5edf5;
   text-align: center;
}
.messagebox.cleanup {
   border: 1px solid #9f9fff;
   background-color: #efefff;
   text-align: center;
}
.messagebox.standard-talk {
   border: 1px solid #c0c090;
   background-color: #f8eaba;
}
 
.infobox {
   border: 1px solid #aaaaaa;
   background-color: #f9f9f9;
   margin-bottom: 0.5em;
   margin-left: 1em; 
   padding: .2em;
   float: right;
   clear: right;
}
.infobox td,
.infobox th {
   vertical-align: top;
}
.infobox caption {
   font-size: larger;
   margin-left: inherit;
}
.infobox.bordered {
   border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
   border: 1px solid #aaaaaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
   border: 0;
}
.infobox.sisterproject {
   width: 20em;
   font-size: 90%;
}
 
@media print {
    .infobox.sisterproject {
        display: none;
    }
}
 
/* styles for bordered infobox with merged rows */
.infobox.bordered .mergedtoprow td,
.infobox.bordered .mergedtoprow th {
   border: 0;
   border-top: 1px solid #aaa;
   border-right: 1px solid #aaa;
}
 
.infobox.bordered .mergedrow td,
.infobox.bordered .mergedrow th {
   border: 0;
   border-right: 1px solid #aaa;
}
 
/* "공지"용 스타일 */
.notice {
    margin: 1em;
    padding: 0.2em;
}

/* Removes useless links from printout */
@media print {
    #privacy, #about, #disclaimer {display:none;}
}

/* [[MediaWiki:Edittools]] 편집 입력 도구의 버튼 */
.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;
}

/* 검은 배경 */
.blackbg { background-color: #000000; color: #FFFFFF; }
.blackbg a { color: #FFFFCC; }
.blackbg a:visited { color: #FFFFCC; }
.blackbg a:hover { color: #FFFFFF; }
.blackbg a.new { color: #FF6666; }
.scmd { color: #FFFFCC; }
.blackbg * a.extiw { color: #CCFFCC !important; }
.blackbg * a.external { color: #FFFFCC !important; }

/* 보여주지 말아야 할 글자를 가리키면 원래 글자가 나타남 */
.censored {
	color: black;
	background-color: black;
	padding: 1px;
}

.censored a {
	color: black;
	text-decoration: underline;
	padding: 1px;
}

.censored:hover {
	color: inherit;
	background-color: inherit !important;
}

/* 숨겨진 내용 보이기 -Dawg */
.sighidden { display: none; }
.sigexpand:hover .sighidden { display: inline; }
.sigclick:active .sighidden { display: inline; }

#embedFlashDoc { display: none; }

/* [[큐브]] */
body-page.-큐브_큐브.subpages {
 display: none;
}
 
/* 위키미디어에서 가져온 버튼 */
.nt-button-2011-start { 
	background-image: url("http://images3.wikia.nocookie.net/__cb20111102171618/uncyclopedia/images/a/a7/CNtranslatebutton2.png");
	background-position: 100% 100%;
	float: right;
	height: 30px;
	width: 4px;
}
.nt-button-2011-end { 
	background-image: url("http://images3.wikia.nocookie.net/__cb20111102171618/uncyclopedia/images/a/a7/CNtranslatebutton2.png");
	background-position: 0% 0%;
	float: right;
	height: 30px;
	width: 4px;
}
.nt-button-2011-label { 
	background-image: url("http://images3.wikia.nocookie.net/__cb20111102171618/uncyclopedia/images/a/a7/CNtranslatebutton2.png");
	background-position: 50% 50%;
	background-repeat: repeat-x;
	color: rgb(0, 0, 0);
	cursor: pointer;
	float: right;
	font-family: sans-serif;
	font-size: 1em;
	font-weight: 700;
	height: 30px;
	line-height: 30px;
	padding-bottom: 0px;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 0px;
	text-decoration: none;
	white-space: nowrap;
}

/* [[틀:깜빡]] 관련  크로스 브라우저 패치 */
/* @group Blink */
 
 
@-webkit-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
 
 
@-moz-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
 
/*
@-ms-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
*/
 
 
@-o-keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
 
 
@keyframes blink {
    0% { opacity: 1; }
    50% { opacity: 1; }
    50.01% { opacity: 0; }
    100% { opacity: 0; }
}
/* @end */

/* marquee */

@keyframes marquee {
  0% {text-indent: 100%; }
  100% {text-indent: -200%; }
}


/* 최근 바뀜 등에서 태그를 눈에 띄게 표시 */
.mw-tag-markers {
  font-weight: bold;
}

/*</nowiki></pre>*/

/* [[틀:주석]] 리뉴얼
   제작자: [[사용자:Lemminkäinen]] */
.ref2:hover .ref2_exp {
	display:block !important;
}
/* [[틀:주석]] 리뉴얼 끝 */

/* 링크 냅두면 가만히 가리키면 밑줄 (가짜링크 포함) */
/* 백괴게임:관리자 요청/2018년 7월#{{가짜 링크}} 마우스 오버시 밑줄 */
.portlet a, .fakelinks {
   text-decoration: none;
}
.portlet a:hover, .fakelinks:hover {
   text-decoration: underline;
}

.references-small { font-size: 70%;}

/* 반응형 [[틀:알림 상자]] */
.ambox-hybrid {
    width: 75%;
}

@media (max-width: 1000px) {
    .ambox-hybrid {
        width: 100%;
    }
}
/* 반응형 [[틀:알림 상자]] 끝 */

/*
 * class="useronly" 로그인한 상태에만 표시됩니다.
 * class="anononly" 비로그인 상태에만 표시됩니다.
 * class="user-unknown" 스크립트가 실행되기 전이나, 확인이 불가능한 경우 표시됩니다.
 */
/*
body:not(.user-login) .useronly, body:not(.user-anon) .anononly {
	display: none;
}	
body.user-login .user-unknown, body.user-anon .user-unknown {
	display: none;
}
*/

/* [[틀:주석|주석]] */
.ref-symbol {
    border-bottom: 1px dashed #3399FF;
    cursor: help;
}
.ref-symbol::after {
    content: "?";
    color: #0000FF;
    vertical-align: super;
    font-size: smaller;
    text-decoration: none;
    display: inline-block;
}
/* [[틀:주석|주석]] 끝 */

/* [[틀:툴팁|툴팁]]
 * 제작자: [[사용자:hsl0|hsl0]]
 */
.tooltip {
	display: inline-block;
}
.tooltip:hover .tooltip-msg {
    display: block;
    position: absolute;
    padding: 0.25em 0.75em;
}
.tooltip-msg {
    display: none;
    width: auto;
    font-size: 100%;
    cursor: auto;
}
.tooltip-msg img {
    margin-right: 0.5em !important;
}
/* [[틀:툴팁|툴팁]] */

/* [[틀:링크경고|링크경고]]
 * 제작자: [[사용자:hsl0|hsl0]]
 */
.linkwarn :not(.tooltip-msg) a, .linkwarn > a {
    border-bottom: 1px dashed #ff3399;
}
.linkwarn :not(.tooltip-msg) a::after, .linkwarn > a::after {
    content: "!";
    color: #ff0000;
    vertical-align: super;
    font-size: smaller;
    font-weight: bold;
    text-decoration: none;
    display: inline-block;
}
/* [[틀:링크경고|링크경고]] 끝*/

/* 모바일 환경에서 알림창 폭을 화면 폭에 맞추기 */
@media(max-width: 530px) {
    .mw-echo-ui-notificationBadgeButtonPopupWidget-popup {
        left: 0 !important;
    }
    .mw-echo-ui-notificationBadgeButtonPopupWidget-popup > .oo-ui-popupWidget-popup {
        width: min(100vw, 500px) !important;
    }
    .mw-echo-ui-notificationBadgeButtonPopupWidget-popup .oo-ui-popupWidget-body {
        width: 100% !important;
    }
}

/* 모바일 환경에서 최근 바뀜의 들여쓰기 줄이기 */
@media(max-width: 520px) {
    table.mw-enhanced-rc td.mw-enhanced-rc-nested {
        padding-left: 0;
    }
    .client-js .mw-changeslist ul, .client-js .mw-changeslist table.mw-enhanced-rc {
        margin-left: 0;
    }
}
/* 문서 내부의 큰 이미지의 경우 모바일환경에서 화면밖을 삐져나가는 현상 수정 --[[사용자:BANIP|BANIP]] ([[사용자토론:BANIP|토론]]) 2023년 7월 8일 (토) 18:50 (KST) */
.mw-parser-output .image img{
    max-width:100%;
    height:auto;
}

/* 공지사항 스타일링 [[사용자:BANIP|BANIP]] ([[사용자토론:BANIP|토론]]) 2023년 7월 10일 (월) 22:10 (KST) */
#siteNotice{ text-align:left; }
#siteNotice ul{	list-style: none; }
#siteNotice ul{	margin:0.3em 0 0 2em;}
#siteNotice ul li img{ position: absolute; left: 0px;}