Wikia.css

@charset "UTF-8";

/*!
 * 언라이트 위키아
 * ko.unlight.wikia.com
 */

/* 다른 CSS 불러오기 | Import other CSS
 * load.php: 편집 후 적용까지 1~2분 소요됩니다.
 *           대신에 평소 속도가 빠릅니다.
 * index.php: 편집하면 수 초 후 적용됩니다.
 *            편집이 잦은 시트에 적합합니다.
 --------------------------------------------------*/
/* 헬퍼 | [[MediaWiki:Helper.css]] */
@import "/load.php?articles=MediaWiki:Helper.css&only=styles&mode=articles";

/* 대문 | [[MediaWiki:MainPage.css]] */
@import "/load.php?articles=MediaWiki:MainPage.css&only=styles&mode=articles";

/* 각종 틀 | [[MediaWiki:Template.css]] */
@import "/index.php?title=MediaWiki:Template.css&action=raw&ctype=text/css";

/* 기초 | Base
 --------------------------------------------------*/
/* 링크 | Links */
a {
    background-color: transparent;
}
a:active,
a:hover {
    outline: 0;
}

/* 강조할 글자 | Emphasized text */
b,
strong,
dt {
	color: #d2d2d2;
}

/* 위첨자, 아래첨자 | Superscript, Subscript */
sub,
sup {
    font-size: 85%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sup {
    top: -0.5em;
}
sub {
    bottom: -0.25em;
}

/* 그림 | Image */
img {
    border: 0;
}

/* 표 | Table */
table caption {
    font-weight: bold;
}
table th {
    text-align: center;
}
table th,
table td {
    padding: .1em .2em;
}

/* 모듈 | Module
 --------------------------------------------------*/
.clearfix::after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
	font-size: 0;
}
.group::after {
	clear: both;
	display: table;
	content: "";
}
.discrete {
	color: #555;
}

/* 사이트 테마 | Site theme
 --------------------------------------------------*/
/* 배경그림 */
body {
	background: #000 url('http://images.wikia.com/unlight/ko/images/8/8a/Wiki-background.jpg') top center repeat-y !important;
}

/* 페이지의 테두리 제거 */
.oasis-split-skin .WikiaPage {
    border: 0;
}

/* 가독성 낮은 UI 글자들 교정 | Enforce readability of the UI text */
.WikiaRail .module .more, /* 사이드레일 >> `더 보기` 버튼 */
.tally, /* 총 문서 보유 수 */
.WikiaPageHeader .view-source,
.WikiaConfirmation,
.SpeechBubble .edited-by, /* Thread: 문서의 타임스탬프 */
.wikia-rail.new-chat .ChatModule .chat-total,
.EditPage .cke_license, /* 편집 >> 라이센스 문구 */
.EditPage .module_page_controls .checkboxes > label, /* 편집 >> `사소한 편집` 등 라벨 */
.EditPage .cke_button .cke_label, /* 편집 >> 그림, 동영상 버튼 캡션 */
.Wall .timestamp a,
.Wall .timestamp span, /* 메시지 담벼락: 문서의 타임스탬프 */
.Forum .ThreadList .last-post, /* 게시판: 문서의 타임스탬프 */
.WikiaActivityModule .edited-by /* <wikiaforum /> 편집자 이름 */
{
    font-size: 11px !important;
}

/* 타이포그래피 | Typography
 --------------------------------------------------*/
/* `rem` 단위 지원 | Enable `rem` unit support */
@media only screen and (max-width: 1595px) {
	html {
		font-size: 14px;
	}
}
 
@media only screen and (min-width: 1596px) {
	html {
		font-size: 16px;
	}
}

/* 글꼴 종류 | Font type */
body,
.EditPageEditor textarea {
    font-family: system-ui, sans-serif;
}

:lang(ja) {
	font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", Osaka, "メイリオ", Meiryo, system-ui, sans-serif;
}

code,
pre,
#theme-solarized-dark,
.codeeditor #editarea {
    font-family: Consolas, "Liberation Mono", Courier, system-ui !important;
}

/* 문자 간격 | Text spacing */
.WikiaPage .WikiaArticle,
.ArticlePreview .WikiaArticle {
    line-height: 1.7; /* 줄 간격 */
    letter-spacing: -.005em; /* 글자 간격 */
}

/* 기본 글자색 | Base text color */
#mw-content-text {
	color: #9b9b9a;
}

/* 링크 색상 | Link color */
a:not([class]):hover {
	color: #c78abd; /* 마우스를 올렸을 때 */
	text-decoration: none;
}
.WikiaPage a.new {
    color: #b65464; /* 없는 문서 */
}
.WikiaPage a.new:hover {
    color: #dd7385; /* 없는 문서 + 마우스 올림 */
}

/* 문서 형식 | Article formatting
 --------------------------------------------------*/
/* 단락 제목 | Headings */
.WikiaArticle h2,
.WikiaArticle h3,
.WikiaArticle h4,
.WikiaArticle h5,
.WikiaArticle h6 {
	color: #ccc;
	margin: 1em 0 .25em;
	line-height: normal;
}
.WikiaArticle h2 {
    font-size: 1.75rem;
}
.WikiaArticle h3 {
    font-size: 1.5rem;
}
.WikiaArticle h4 {
    font-size: 1.25rem;
}
.WikiaArticle h5,
.WikiaArticle h6 {
    font-size: 1rem;
}
.WikiaArticle #mw-content-text > h2 {
	margin-top: 1.5em;
}
.WikiaArticle #mw-content-text > h2 + h3,
.WikiaArticle #mw-content-text > h3 + h4 {
    margin-top: 1em;
}

/* 목차 | ToC */
#toc {
	border: 1px solid #1f1f1f;
	padding: .5rem;
}
#toc ol ol {
    margin-left: 1.5em;
}

/* 목록 태그 | List */
.WikiaArticle ul {
	list-style: disc;
}
 
/* 소스 코드 | Source code */
.WikiaArticle code,
.WikiaArticle pre {
    background: #0b0b0b;
    border: 1px solid #1f1f1f;
    font-family: inherit;
    white-space: pre-wrap;
    word-wrap: break-word;
}
.WikiaArticle code {
    padding: .15em;
}
.WikiaArticle pre {
    margin: .25em 0;
    line-height: normal;
}

/* 구분선 | Horizontal line */
.WikiaArticle hr {
    border: 0;
    border-top: 1px solid #1f1f1f;
}
 
/* 표 | Table */
table caption {
	font-weight: bold;
}
table th {
	color: #d2d2d2;
	text-align: center;
}

table.wikitable {
	background: transparent;
	border: 0;
}
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
	border: 1px #1f1f1f solid;
	padding: .25em;
}
table.wikitable th,
table.wikitable.striped tr:nth-child(odd) {
	background: #0b0b0b;
}

/* 팬덤 확장 태그 | Fandom extension tags
 --------------------------------------------------*/
/* 태버 | <tabber /> */
ul.tabbernav {
	padding: 1px 0 !important;
	border-bottom: 1px solid #202020 !important;
	font: bold 13px '맑은 고딕' !important;
}
ul.tabbernav li a {
	border: 1px solid #202020 !important;
	border-bottom: none !important;
	padding: 2px 10px !important;
	white-space: nowrap;
}
ul.tabbernav li a:not(:first-child) {
	margin-left: -1px;
}
ul.tabbernav li a:link {
	background: #4f4341 !important;
	color: #d5d5d5 !important;
}
ul.tabbernav li a:hover {
	text-decoration: none !important;
	background: #0a0a0a !important; 
}
ul.tabbernav li.tabberactive a {
	background: #fff !important; 
	color: #000 !important;
	border-bottom: none !important;
}
ul.tabbernav li.tabberactive a:hover {
	text-decoration: none;
	border-color: #202020 !important;
}
.tabberlive .tabbertab {
	border: none !important;
}

/* 최근 바뀜: <activityfeed /> */
.activityfeed strong {
    font-size: 1rem !important;
    font-weight: normal !important;
}

/* 블로그리스트: <bloglist /> */
.WikiaBlogListingBox {
    line-height: inherit;
}
.WikiaBlogListingBox > h2,
.WikiaBlogListingBox > a.more,
.WikiaBlogListingBox .post-summary,
.WikiaBlogListingBox .commentslikes .commentsbubble::after {
    display: none;
}
.WikiaArticle .WikiaBlogListingBox ul {
    clear: both;
    border: none;
    margin: 0;
    padding: 0;
}
.WikiaBlogListingBox ul .WikiaBlogListingPost {
    border-top-color: #1f1f1f;
}
.WikiaBlogListingBox .commentslikes {
    bottom: 10px;
}
.WikiaBlogListingBox .commentslikes a {
    display: block;
}
.WikiaBlogListingBox .commentslikes .commentsbubble {
    background: transparent;
    border: 0;
    color: #a15e96;
    margin: 0;
    width: auto;
    vertical-align: middle;
    top: 0;
    left: 0;
    font-size: 12px;
    text-align: left;
}
.WikiaBlogListingBox .commentslikes .commentsbubble::before {
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz48IURPQ1RZUEUgc3ZnIFBVQkxJQyAiLS8vVzNDLy9EVEQgU1ZHIDEuMS8vRU4iICJodHRwOi8vd3d3LnczLm9yZy9HcmFwaGljcy9TVkcvMS4xL0RURC9zdmcxMS5kdGQiPjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iQ2FwYV8xIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB4PSIwcHgiIHk9IjBweCIgd2lkdGg9IjMwMHB4IiBoZWlnaHQ9IjMwMHB4IiB2aWV3Qm94PSIwIDAgMzAwIDMwMCIgZW5hYmxlLWJhY2tncm91bmQ9Im5ldyAwIDAgMzAwIDMwMCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHBhdGggZmlsbD0iIzliOWI5YSIgZD0iTTE1MC4wMDEsMjcuMzc3Yy03MS40MTYsMC0xMjkuMzExLDUxLjkwNS0xMjkuMzExLDExNS45MzVjMCwyMy41OTYsNy44ODMsNDUuNTMyLDIxLjM4OCw2My44NDJjLTEuNzc0LDIxLjE1Ni02Ljg3OSw1MC45NTUtMjEuMzg4LDY1LjQ2OWMwLDAsNDQuMzMyLTYuMjIzLDc0LjM2My0yNC4zNTdjMTYuNjgyLDcuMDI5LDM1LjI5NywxMC45OCw1NC45NDcsMTAuOThjNzEuNDE2LDAsMTI5LjMxLTUxLjkwNCwxMjkuMzEtMTE1LjkzNFMyMjEuNDE2LDI3LjM3NywxNTAuMDAxLDI3LjM3N3oiLz48L3N2Zz4=);
    background-size: 14px 14px;
    border: 0;
    display: block;
    width: 14px;
    height: 14px;
    top: -2px;
    left: -17px;
}
.WikiaBlogListingBox ul .WikiaBlogListingPost h2 {
    border: none;
    font-size: 1rem;
    font-weight: normal;
    line-height: 1.5;
}
.WikiaBlogListingBox .author-details span {
    font-size: 12px;
}
.WikiaBlogListingBox .author-details a {
    font-size: inherit;
}

/* 투표 | <poll /> */
.ajax-poll {
	border: 0 !important;
	margin: .5rem 0 !important;
}
.ajax-poll .pollAnswerVotes {
    font-size: 12px;
}
#ajax-poll-area {
	padding-right: 10px;
}
#ajax-poll-area > div:last-child {
    font-size: 12px;
    line-height: 1.5;
}

/* 기타 | Others
 --------------------------------------------------*/
/* 주석 툴팁 | LiveReference */
#liveReference {
    background: black;
    border: 2px solid #525252;
    border-radius: .25em;
    box-shadow: 0 1px 5px -1px rgba(0, 0, 0, .3);
    color: white;
    max-width: 20em;
    margin: -12px 0 0 8px;
    padding: 10px;
    position: absolute;
    z-index: 1000;
    font-size: 0.92rem;
    line-height: 1.6;
    transform: translate(-50%, -100%);
}
#liveReference::before {
    border-color: #525252 transparent transparent transparent;
    border-style: solid;
    border-width: 13px 13px 0 13px;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -13px;
    content: "";
}
#liveReference::after {
    border-color: black transparent transparent transparent;
    border-style: solid;
    border-width: 10px 10px 0 10px;
    width: 0;
    height: 0;
    position: absolute;
    top: 100%;
    left: 50%;
    margin-left: -10px;
    content: "";
}
 
#liveReference.flip {
    margin: 28px 0 0 8px;
    transform: translate(-50%, 0);
}
#liveReference.flip::before,
#liveReference.flip::after {
    top: auto;
    bottom: 100%;
}
#liveReference.flip::before {
    border-color: transparent transparent #525252 transparent;
    border-width: 0 13px 13px 13px;
}
#liveReference.flip::after {
    border-color: transparent transparent black transparent;
    border-width: 0 10px 10px 10px;
}