미디어위키:Common.css
참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.
- 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
- 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
- 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
- 오페라: Ctrl-F5를 입력.
/** 이 CSS 설정은 모든 스킨에 적용됩니다 */
/* 다크 모드 스타일 */
:root {
--ns-4-background-color: #ededed;
--ns-color: initial;
}
@media (prefers-color-scheme: dark) {
:root {
--ns-4-background-color: #323232;
--ns-color: #ffffff;
}
.body {
background-color: #28292a;
}
.mw-page-container { background-color: #1f1f1f; }
.mw-dismissable-notice { color: #ffffff; }
.ns-0 #content, .ns-0 #p-cactions li a:hover, .ns-0 #p-cactions li.selected a, .ns-0 .mw-headline {
background-color: #323232; color: #ffffff;
}
}
/*<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: #f5fff5;
}
*/
.ns-4 #content, .ns-4 #p-cactions li a:hover, .ns-4 #p-cactions li.selected a, .ns-4 .mw-headline, .ns-12 #content, .ns-12 #p-cactions li a:hover, .ns-12 #p-cactions li.selected a, .ns-12 .mw-headline
{
background-color: var(--ns-4-background-color); color: var(--ns-color);
}
.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;
}
/* 서버 공지 */
#siteNotice table {
background:transparent;
text-align:left;
}
/* 문서 제목 밑 모양 조절 */
#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%;
}
/* 둘러보기 상자를 위한 기본 스킨 (Default skin for navigation boxes) */
table.navbox { /* Navbox container style */
border: 1px solid #aaa;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}
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 { /* Group style */
white-space: nowrap;
text-align: right;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
.navbox, .navbox-subgroup {
background: #fdfdfd; /* Background color */
}
.navbox-list {
border-color: #fdfdfd; /* Must match background color */
}
.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. */
/* Navbox 둘러보기 틀 모양 수정 - 영어 위키백과에서 복사하여 붙여옴 */
/* Standard Navigationsleisten, aka box hiding thingy from .de. Documentation at [[Wikipedia:NavFrame]]. */
div.Boxmerge,
div.NavFrame {
margin: 0px;
padding: 4px;
border: 1px solid #aaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
div.Boxmerge div.NavFrame {
border-style: none;
border-style: hidden;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #fff;
margin: 0px;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
background-color: #ccccff;
position:relative;
}
div.NavFrame p {
font-size: 100%;
}
div.NavFrame div.NavContent {
font-size: 100%;
}
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0px;
padding: 0px;
line-height: 1px;
clear: both;
}
a.NavToggle {
position:absolute;
top:0px;
right:3px;
font-weight:normal;
font-size:smaller;
}
/* [[위키백과:사랑방/2007년 4월#영어판의 틀을 번역했는데, 모양이 다르게 나옵니다.]]
[[:en:MediaWiki:Common.css]]에서 가져옴 */
table.navbox {
background-color: #f9f9f9;
border: 1px solid #aaa;
clear: both;
font-size: 90%;
margin: 1em 0em 0em;
padding: 2px;
text-align: center;
width: 100%;
}
table.navbox th {
background-color: #ccf;
padding-left: 1em;
padding-right: 1em;
}
table.navbox tr:not(:first-child) th {
background-color: #ddf;
}
@media print {
.navbox {
display: none;
}
}
/* 표 문법 (출처 : 한국어 위키백과) */
/* 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;
}
}