미디어위키:Common.css

동방위키
Garam (토론 | 기여)님의 2017년 8월 15일 (화) 11:34 판
둘러보기로 이동 검색으로 이동

참고: 설정을 저장한 후에 바뀐 점을 확인하기 위해서는 브라우저의 캐시를 새로 고쳐야 합니다.

  • 파이어폭스 / 사파리: Shift 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5 또는 Ctrl-R을 입력 (Mac에서는 ⌘-R)
  • 구글 크롬: Ctrl-Shift-R키를 입력 (Mac에서는 ⌘-Shift-R)
  • 인터넷 익스플로러 / 엣지: Ctrl 키를 누르면서 새로 고침을 클릭하거나, Ctrl-F5를 입력.
  • 오페라: Ctrl-F5를 입력.
/* Prevent line breaks in silly places: 
   1) Links when we don't want them to
   2) Bold "links" to the page itself
   2) HTML formulae
   3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
/* Wikipedia CSS */
/* <source lang="css"> */
/* Main page fixes */
#interwiki-completelist {
font-weight: bold;
}

div#content .printfooter {
      display: none;
}

.page-Touhou_Wiki h1.firstHeading {
display: none;
}

.page-Touhou_Wiki div#siteNotice {
    width: 70%;
    left: 0px;
}

/* Edit window toolbar */
#toolbar {
height: 22px;
margin-bottom: 6px;
}
 
/* Margins for <ol> and <ul> */
#content ol, #content ul,
#mw_content ol, #mw_content ul {
margin-bottom: 0.5em;
}
 
/* Make the list of references in [[Template:Reflist]] smaller */
.references-small {
font-size: 90%;
}
 
/* Highlight clicked reference in blue to help navigation */
ol.references > li:target,
sup.reference:target,
span.citation:target {
background-color: #DEF;
}
 
/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
font-weight: normal;
font-style: normal;
}
 
/* Styling for citations */
span.citation, cite {
font-style: normal;
word-wrap: break-word;
}
 
/* 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 {
span.citation *.printonly {
display: none;
}
}
 
/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
border: 1px solid #7384B5;
width: 100%;
margin: auto;
clear: both;
font-size: 88%;
text-align: center;
padding: 1px;
}

/* Navbox Layout */
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-list {
text-align: left;
}
.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-title, .navbox-above, .navbox-below {
padding-left:1em;
padding-right:1em;
text-align:center;
}

/* Navbox Colors */
.navbox, .navbox-subgroup {
background: #fdfdfd;     /* Background color */
}
.navbox-list {
border-color: #fdfdfd;   /* Must match background color */
}
.navbox-title,
table.navbox th {
background:#CEDAFF;     /* Level 1 color */
}
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
background: #DDE6FF;     /* Level 2 color */
}
.navbox-subgroup .navbox-group, .navbox-subgroup .navbox-abovebelow {
background: #DDE6FF;     /* Level 3 color */
}
.navbox-even {
background: #f7f7f7;     /* Even row striping */
}
.navbox-odd {
background: transparent; /* Odd row striping */
}

/* Community Portal items */
.PortalNewsOuter {
    background: #ffffff;
    width: 100%;
    text-align: center;
    border-radius: 80px; 
    border: 10px solid #dbf8ce;
}
.PortalNewsInner {
    background: #b5dbc1;
    width: 45%;
    border-radius: 80px;
    font-size: 200%;
    color: #285c4d;
}
.NewsBox {
    width: 30%;   
    border-radius: 20px;
    border: 3px solid;
    padding: 10px;
}
.RoundyLabel {
    width:20%;
    border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
    border: 1px solid;
}

/* 정보상자 틀 모양 */
.infobox {
border: 1px solid #aaa;
background-color: #f9f9f9;
color: black;
margin: 0.5em 0 0.5em 1em;
padding: 0.2em;
float: right;
clear: right;
}
.infobox td,
.infobox th {
vertical-align: top;
}
.infobox caption {
font-size: larger;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
 
.infobox.sisterproject {
width: 20em;
font-size: 90%;
}
 
.infobox.standard-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
}
.infobox.standard-talk.bordered td,
.infobox.standard-talk.bordered th {
border: 1px solid #c0c090;
}
 
/* 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;
}
 
/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
font-weight: normal;
text-align: left;
}
 
/* lists in data cells are always left-aligned */
.wikitable td ul,
.wikitable td ol,
.wikitable td dl {
text-align: left;
}
 
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
font-style: italic;
}
 
/* Icons for medialist templates [[Template:Listen]],
[[Template:Multi-listen_start]], [[Template:Video]],
[[Template:Multi-video_start]]
*/
div.listenlist {
background: url("http://upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png");
padding-left: 40px;
}
 
/* Style rules for media list templates */
div.medialist {
min-height: 50px;
margin: 1em;
background-position: top left;
background-repeat: no-repeat;
}
div.medialist ul {
list-style-type: none;
list-style-image: none;
margin: 0;
}
div.medialist ul li {
padding-bottom: 0.5em;
}
div.medialist ul li li {
font-size: 91%;
padding-bottom: 0;
}

 
/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
float: left;
width: 50%;
min-width: 300px;
}
div.columns-3 div.column {
float: left;
width: 33.3%;
min-width: 200px;
}
div.columns-4 div.column {
float: left;
width: 25%;
min-width: 150px;
}
div.columns-5 div.column {
float: left;
width: 20%;
min-width: 120px;
}
 
/* Messagebox templates */
.messagebox {
border: 1px solid #aaa;
background-color: #f9f9f9;
width: 80%;
margin: 0 auto 1em auto;
padding: .2em;
}
.messagebox.merge {
border: 1px solid #c0b8cc;
background-color: #f0e5ff;
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;
margin: 4px auto;
}
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.messagebox.nested-talk {
border: 1px solid #c0c090;
background-color: #f8eaba;
width: 100%;
margin: 2px 0;
padding: 2px;
}
.messagebox.small {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
}
.messagebox.small-talk {
width: 238px;
font-size: 85%;
float: right;
clear: both;
margin: 0 0 1em 1em;
line-height: 1.25em;
background: #F8EABA;
}
 
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {   /* The message body cell(s) */
border: none;
padding: 0.25em 0.9em;     /* 0.9em left/right */
width: 100%;               /* Make all mboxes the same width regardless of text length */
}
td.mbox-image {                /* The left image cell */
border: none;
padding: 2px 0 2px 0.9em;  /* 0.9em left, 0px right */
text-align: center;
}
td.mbox-imageright {           /* The right image cell */
border: none;
padding: 2px 0.9em 2px 0;  /* 0px left, 0.9em right */
text-align: center;
}
td.mbox-empty-cell {           /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}
 
/* Article message box styles */
table.ambox {
margin: 0px 10%;                  /* 10% = Will not overlap with other elements */
border: 1px solid #aaa;
border-left: 10px solid #1e90ff;  /* Default "notice" blue */
background: #fbfbfb;
}
table.ambox + table.ambox {      /* Single border between stacked boxes. */
margin-top: -1px;
}
.ambox th.mbox-text,
.ambox td.mbox-text {            /* The message body cell(s) */
padding: 0.25em 0.5em;       /* 0.5em left/right */
}
.ambox td.mbox-image {           /* The left image cell */
padding: 2px 0 2px 0.5em;    /* 0.5em left, 0px right */
}
.ambox td.mbox-imageright {      /* The right image cell */
padding: 2px 0.5em 2px 0;    /* 0px left, 0.5em right */
}
 
table.ambox-notice {
border-left: 10px solid #1e90ff;    /* Blue */
}
table.ambox-speedy {
border-left: 10px solid #b22222;    /* Red */
background: #fee;                   /* Pink */
}
table.ambox-delete {
border-left: 10px solid #b22222;    /* Red */
}
table.ambox-content {
border-left: 10px solid #f28500;    /* Orange */
}
table.ambox-style {
border-left: 10px solid #f4c430;    /* Yellow */
}
table.ambox-move {
border-left: 10px solid #9932cc;    /* Purple */
}
table.ambox-protection {
border-left: 10px solid #bba;       /* Gray-gold */
}
 
/* Image message box styles */
table.imbox {
margin: 4px 10%;
border-collapse: collapse;
border: 3px solid #1e90ff;    /* Default "notice" blue */
background: #fbfbfb;
}
.imbox .mbox-text .imbox {  /* For imboxes inside imbox-text cells. */
margin: 0 -0.5em;       /* 0.9 - 0.5 = 0.4em left/right.        */
display: block;         /* Fix for webkit to force 100% width.  */
}
.mbox-inside .imbox {       /* For imboxes inside other templates.  */
margin: 4px;
}
 
table.imbox-notice {
border: 3px solid #1e90ff;    /* Blue */
}
table.imbox-speedy {
border: 3px solid #b22222;    /* Red */
background: #fee;             /* Pink */
}
table.imbox-delete {
border: 3px solid #b22222;    /* Red */
}
table.imbox-content {
border: 3px solid #f28500;    /* Orange */
}
table.imbox-style {
border: 3px solid #f4c430;    /* Yellow */
}
table.imbox-move {
border: 3px solid #9932cc;    /* Purple */
}
table.imbox-protection {
border: 3px solid #bba;       /* Gray-gold */
}
table.imbox-license {
border: 3px solid #88a;       /* Dark gray */
background: #f7f8ff;          /* Light gray */
}
table.imbox-featured {
border: 3px solid #cba135;    /* Brown-gold */
}
 
/* Category message box styles */
table.cmbox {
margin: 3px 10%;
border-collapse: collapse;
border: 1px solid #aaa;
background: #DFE8FF;    /* Default "notice" blue */
}
 
table.cmbox-notice {
background: #D8E8FF;    /* Blue */
}
table.cmbox-speedy {
margin-top: 4px;
margin-bottom: 4px;
border: 4px solid #b22222;    /* Red */
background: #FFDBDB;          /* Pink */
}
table.cmbox-delete {
background: #FFDBDB;    /* Red */
}
table.cmbox-content {
background: #FFE7CE;    /* Orange */
}
table.cmbox-style {
background: #FFF9DB;    /* Yellow */
}
table.cmbox-move {
background: #E4D8FF;    /* Purple */
}
table.cmbox-protection {
background: #EFEFE1;    /* Gray-gold */
}
 
/* Other pages message box styles */
table.ombox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #aaa;       /* Default "notice" gray */
background: #f9f9f9;
}
 
table.ombox-notice {
border: 1px solid #aaa;       /* Gray */
}
table.ombox-speedy {
border: 2px solid #b22222;    /* Red */
background: #fee;             /* Pink */
}
table.ombox-delete {
border: 2px solid #b22222;    /* Red */
}
table.ombox-content {
border: 1px solid #f28500;    /* Orange */
}
table.ombox-style {
border: 1px solid #f4c430;    /* Yellow */
}
table.ombox-move {
border: 1px solid #9932cc;    /* Purple */
}
table.ombox-protection {
border: 2px solid #bba;       /* Gray-gold */
}
 
/* Talk page message box styles */
table.tmbox {
margin: 4px 10%;
border-collapse: collapse;
border: 1px solid #c0c090;    /* Default "notice" gray-brown */
background: #f8eaba;
}
.mediawiki .mbox-inside .tmbox { /* For tmboxes inside other templates. The "mediawiki" class ensures that */
margin: 2px 0;               /* this declaration overrides other styles (including mbox-small above)   */
width: 100%;                 /* For Safari and Opera */
}
.mbox-inside .tmbox.mbox-small { /* "small" tmboxes should not be small when  */
line-height: 1.5em;          /* also "nested", so reset styles that are   */
font-size: 100%;             /* set in "mbox-small" above.                */
}
 
table.tmbox-speedy {
border: 2px solid #b22222;    /* Red */
background: #fee;             /* Pink */
}
table.tmbox-delete {
border: 2px solid #b22222;    /* Red */
}
table.tmbox-content {
border: 2px solid #f28500;    /* Orange */
}
table.tmbox-style {
border: 2px solid #f4c430;    /* Yellow */
}
table.tmbox-move {
border: 2px solid #9932cc;    /* Purple */
}
table.tmbox-protection,
table.tmbox-notice {
border: 1px solid #c0c090;    /* Gray-brown */
}
 
/* Disambig and set index box styles */
table.dmbox {
clear: both;
margin: 0.9em 1em;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: transparent;
}
 
/* Footer and header message box styles */
table.fmbox {
clear: both;
margin: 0.2em 0;
width: 100%;
border: 1px solid #aaa;
background: #f9f9f9;     /* Default "system" gray */
}
table.fmbox-system {
background: #f9f9f9;
}
table.fmbox-warning {
border: 1px solid #bb7070;  /* Dark pink */
background: #ffdbdb;        /* Pink */
}
table.fmbox-editnotice {
background: transparent;
}
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-lag-warn-high,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
clear: both;
margin: 0.2em 0;
border: 1px solid #bb7070;
background: #ffdbdb;
padding: 0.25em 0.9em;
}
/* Div based "system" style fmbox messages.
Used in [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.fmbox-system {
clear: both;
margin: 0.2em 0;
border: 1px solid #aaa;
background: #f9f9f9;
padding: 0.25em 0.9em;
}
 
/* These mbox-small classes must be placed after all other
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
clear: right;
float: right;
margin: 4px 0 4px 1em;
width: 238px;
font-size: 88%;
line-height: 1.25em;
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
margin: 4px 1em 4px 0;
width: 238px;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
 
 
/* Remove default styles for [[MediaWiki:Noarticletext]]. */
div.noarticletext {
border: none;
background: transparent;
padding: 0;
}
 
#wpSave {
font-weight: bold;
}
 
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.hiddenStructure {
display: inline ! important;
color: #f00;
background-color: #0f0;
}
 
/* suppress missing interwiki image links where #ifexist cannot
be used due to high number of requests see .hidden-redlink on
http://meta.wikimedia.org/wiki/MediaWiki:Common.css
*/
.check-icon a.new {
display: none;
speak: none;
}
 
/* 링크의 밑줄 제거 */
.nounderlines a,
.IPA a:link, .IPA a:visited {
text-decoration: none;
}
 
/* Standard Navigationsleisten, aka box hiding thingy
from .de.  Documentation at [[Wikipedia:NavFrame]]. */
div.NavFrame {
margin: 0;
padding: 4px;
border: 1px solid #aaa;
text-align: center;
border-collapse: collapse;
font-size: 95%;
}
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: hidden;
}
div.NavPic {
background-color: #fff;
margin: 0;
padding: 2px;
float: left;
}
div.NavFrame div.NavHead {
height: 1.6em;
font-weight: bold;
background-color: #ccf;
position: relative;
}
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
font-size: 100%;
}
div.NavEnd {
margin: 0;
padding: 0;
line-height: 1px;
clear: both;
}
a.NavToggle {
position: absolute;
top: 0;
right: 3px;
font-weight: normal;
font-size: 90%;
}

 /* 최근 바뀜, 주시 문서 목록에서 "되돌리기"의 글자 크기를 줄임. 2016-03-04. Garam. */
.page-특수기능_최근바뀜 .mw-rollback-link,
.page-특수기능_주시문서목록 .mw-rollback-link {
  font-size: smaller;
}

/* 미디어 자료가 Vector.css에서 너무 작게 나오지 않게 설정. 2016-03-04. Garam. */
table.mw_metadata {
  font-size: smaller;
}

/* 편집 요약 모양 설정. 기울임 대신에 글자 크기를 다소 작게 함. 2016-03-04. Garam. */
.comment {
  font-style: normal !important;
  font-size: 9pt;
}

/* 프레임이 붙어 있는 그림의 배경을 하얀색으로 설정. 2016-03-04. Garam. */
div.thumb div a img {
  background-color:#ffffff;
}

/* 참고 및 본문 설명 틀 모양 설정 */
.rellink,
.dablink {
/* font-style: italic; */  /* 한국어에서는 기울임을 사용하지 않음 */
   font-size: 90%;         /* 대신에 본문과는 글자 크기로 구분 */
padding-left: 2em;
margin-bottom: 0.5em;
}
.rellink i,
.dablink i {
font-style: normal;
}
 
/* Style for horizontal UL lists */
.horizontal ul {
padding: 0;
margin: 0;
}
.horizontal li {
padding: 0 0.6em 0 0.4em;
display: inline;
border-right: 1px solid;
}
.horizontal li:last-child {
border-right: none;
padding-right: 0;
}
 
/* Allow transcluded pages to display in lists rather than a table.
Compatible in Firefox; incompatible in IE6. */
.listify td    { display: list-item; }
.listify tr    { display: block; }
.listify table { display: block; }
 
/* Geographical coordinates defaults. See [[Template:Coord/link]]
for how these are used. The classes "geo", "longitude", and
"latitude" are used by the [[Geo microformat]].
*/
.geo-default, .geo-dms, .geo-dec  { display: inline; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude             { white-space: nowrap; }
 
/* When <div class="nonumtoc"> is used on the table of contents,
the ToC will display without numbers */
.nonumtoc .tocnumber { display: none; }
.nonumtoc #toc ul,
.nonumtoc .toc ul {
line-height: 1.5em;
list-style: none;
margin: .3em 0 0;
padding: 0;
}
.nonumtoc #toc ul ul,
.nonumtoc .toc ul ul {
margin: 0 0 0 2em;
}
 
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
showing ==headings== and ===headings=== but no further
(as long as there are no =headings= on the page, which
there shouldn't be according to the MoS).
*/
.toclimit-2 .toclevel-1 ul,
.toclimit-3 .toclevel-2 ul,
.toclimit-4 .toclevel-3 ul,
.toclimit-5 .toclevel-4 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
display: none;
}
 
/* Styling for Template:Quote */
blockquote.templatequote {
margin-top: 0;
}
blockquote.templatequote div.templatequotecite {
line-height: 1em;
text-align: left;
padding-left: 2em;
margin-top: 0;
}
blockquote.templatequote div.templatequotecite cite {
font-size: 85%;
}
 
/* User block messages */
div.user-block {
padding: 5px;
margin-bottom: 0.5em;
border: 1px solid #A9A9A9;
background-color: #FFEFD5;
}
 
/* Prevent line breaks in silly places:
1) Links when we don't want them to
2) Bold "links" to the page itself
2) HTML formulae
3) Ref tags with group names <ref group="Note"> --> "[Note 1]"
*/
.nowraplinks a,
.nowraplinks .selflink,
span.texhtml,
sup.reference a {
white-space: nowrap;
}
 
/* For template documentation */
.template-documentation {
clear: both;
margin: 1em 0 0 0;
border: 1px solid #aaa;
background-color: #ecfcf4;
padding: 1em;
}
 
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
.imagemap-inline div {
display: inline;
}
 
/* Increase the height of the image upload box */
#wpUploadDescription {
height: 13em;
}
 
/* Reduce line-height for <sup> and <sub> */
sup, sub {
line-height: 1em;
}
 
/* Minimum thumb width */
.thumbinner {
min-width: 100px;
}
 
/* Remove white border from thumbnails */
div.thumb {
border: none;
}
div.tright {
border: none;
margin: 0.5em 0 0.8em 1.4em;
}
div.tleft {
border: none;
margin: 0.5em 1.4em 0.8em 0;
}
 
/* Makes the background of a framed image white instead of gray. */
/* Only visible with transparent images. */
div.thumb img.thumbimage {
background-color: #fff;
}
 
/* The backgrounds for galleries. */
#content .gallerybox div.thumb {
background-color: #F9F9F9;   /* Light gray padding */
}
/* Put a chequered background behind images, only visible if they have transparency */
.gallerybox .thumb img,
#file img {
background: white url("http://upload.wikimedia.org/wikipedia/commons/5/5d/Checker-16x16.png") repeat;
}
/* But not on articles, user pages, portals or with opt-out. */
.ns-0 .gallerybox .thumb img,
.ns-2 .gallerybox .thumb img,
.ns-100 .gallerybox .thumb img,
.nochecker .gallerybox .thumb img {
background: white;
}
 
/* 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;
}
 
/* Selectively hide headers in WikiProject banners */
.wpb .wpb-header             { display: none; }
.wpbs-inner .wpb .wpb-header { display: block; }     /* for IE */
.wpbs-inner .wpb .wpb-header { display: table-row; } /* for real browsers */
.wpbs-inner .wpb-outside     { display: none; }      /* hide things that should only display outside shells */
 
/* Styling for Abuse Filter tags */
.mw-tag-markers {
font-family:sans-serif;
font-style:italic;
font-size:90%;
}
 
/* Fix so <tt>, <code> and <pre> tags get normal text size also in
some versions of Firefox, Safari, Konqueror, Chrome etc.
Remove once r69336 and r76322 are live. */
tt, code, pre, kbd, samp {
font-family: monospace, "Courier New";
}
/* Same fix, but for inline code generated by #tag:syntaxhighlight */
span.mw-geshi {
font-family: monospace, "Courier New" !important;
}
 
/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors > li {
list-style: none;
}
ul.permissions-errors {
margin: 0;
}
 
/* No linewrap on the labels of the login/signup page */
body.page-Special_UserLogin .mw-label label,
body.page-Special_UserLogin_signup .mw-label label { white-space : nowrap; }
 
/* Fix an alignment issue with oggplayer when rendered as center */
.center .ogg-player-options ul {
margin: 0.3em 0px 0px 1.5em;
}
 
/* </source> */

/* Experimental CSS-based Ruby markup support */

/* Ruby text*/

ruby {
    display: inline-table;
    text-align: center;
    border-collapse: collapse;
/* border collapse mechanism will be used to adjust vertical alignment */
    vertical-align: bottom;
/* if ruby text contains text only and there are two ruby annotations (one placed above the base and one below) 
then vertical centering roughly aligns baseline of base with baseline of parent */

    /* border-bottom: solid 1.1em transparent; */
/* o.75em is height of ruby text (0.5000d7 1.2em = 0.6em) plus space between baseline and text-bottom (about 0.15em) 
this extra border is counter-weight used to restore vertical centering broken by presence of ruby text (in case if 
there is only one ruby annotation, if there are two annotations then counter-weight is no longer necessary and can 
be annihilated using border collapse mechanism) */
}

ruby > rt, rtc {
    display: table-header-group;
}
/* used to move first ruby container above the base */

/* ruby > rb, rbc, ruby > rt + rt, rtc + rtc {
    display: table-row;
} */
/* base and second ruby are formatted as table-rows */

ruby > rt + rt, rtc + rtc {
    border-bottom: hidden;
}
/* if there are two annotations then extra border is no longer necessary and can be annihilated using border collapse mechanism */

rb, rbc, rt, rtc {
    white-space: nowrap;
}
/* prohibits line breaks inside ruby text */

rtc > rt, rbc > rb {
    display: table-cell;
}
/* used to distribute annotations in table like manner */

rtc > rt[rbspan] {
    column-span: attr(rbspan);
}
/* ruby text may span several cells */

ruby > rt, rtc {
    font-size: 0.7em;
    line-height: 1.2em;
    letter-spacing: -0.1em;
}
/* font-size of ruby text is reduced */

rp {
    display: none;
}
/* fallback markup is no longer necessary */


/* For [[Template:Lyrics]] */

.template_lyrics {
}
.template_lyrics td, .template_lyrics th {
    padding: 5px;
}
.template_lyrics table td, .template_lyrics table th {
    /* don't pad inner tables, if they exist */
    padding: 0px;
}
.template_lyrics th {
    font-size: 120%; 
}
.template_lyrics .lyrics_row td p {
    white-space: pre-line;
}

/* Cell Styles */
/* outcell:  dark-blue outer border of table
   incell:  light-blue table cells with various rounded corners */

.outcell {
    border: 1px solid #7384B5;
    border-radius: 5px;
}
.incell, .incell_top, .incell_bottom, .incell_topleft, 
.incell_topright, .incell_bottomleft, .incell_bottomright {
    background: #DDE6FF;
    text-align: center;
    font-size: 120%;
}
.incell_top {
    border-radius: 3px 3px 0px 0px;
}
.incell_bottom {
    border-radius: 0px 0px 3px 3px;
}
.incell_topleft {
    border-radius: 3px 0px 0px 0px;
}
.incell_topright {
    border-radius: 0px 3px 0px 0px;
}
.incell_bottomleft {
    border-radius: 0px 0px 0px 3px;
}
.incell_bottomright {
    border-radius: 0px 0px 3px 0px;
}
/* 문단의 태극 문양 그림. 영어판에서 가져옴. . 2016-03-04. Garam. */
.mw-headline {
  background-image: url('images/yinyangz.png');
  background-repeat: no-repeat;
  background-position: left 75%;
  padding-left: 22px;
  padding-top: 22px;
}
#toc h2, .toc h2 {
  background-image: none;
}
h1, h2 {
  border-bottom-color: #7384B5;
}
.catlinks, .toc, #toc, .mw-warning, div#simpleSearch {
  border-color: #7384B5;
}

/* Ensure everything inside a spoiler is blacked out. Without this, links show through. */
.t_hidetext, .t_hidetext * {
  background-color: black;
  color: black;
}
.t_hidetext a {
  color: black !important;
}
.t_hidetext:hover, .t_hidetext:hover *, .t_hidetext:focus, .t_hidetext:focus * {
  color: white !important;
}
.t_hidetext:hover a {
  color: #30A0EF !important;
}
.t_hidetext:hover a:visited {
  color: #7084DA !important;
}
.t_hidetext:hover a.new {
  color: #ED6A6A !important;
}
.t_hidetext:hover a.new:visited {
  color: #ED9999 !important;
}
.t_hidetext:hover a.extiw {
  color: #47C !important;
}
.t_hidetext:hover a.extiw:visited {
  color: #969 !important;
}

/* Force pre tag auto wrap text */
pre {
    white-space: pre-wrap;
}

/* Make Lua text readable */
.source-lua {
    font-size: 1.2em;
}

/* Used for [[User:K/de:Filename_Conflicts]] */
.de-image>a {
  background: none !important;
}
.de-image>a>img {
  width: 200px;
}

/* Touhou Wiki Main Page mkIII -- Credit: CSS by Darkslime, Sefam, K; Artwork by Leo Modesto */
/* Portability notes: Uses .incell_top, so also copy style rules using that. */
#MainPage {
    width: 100%;
	padding: 1px 3px 1px 3px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#MainPage * {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#mp-LeftColumn {
	float: left;
	width: 74.8%;
	margin-right: 0.1%;
}
#mp-RightColumn {
	float: right;
	width: 24.8%;
	margin-left: 0.1%;
}

.mp-box {
	float: left;
}
.mp-innerBox {
	position: relative;
	width: 100%;
	border: 1px solid #7384B5;
	border-radius: 5px 5px 5px 5px;
	margin: 3px 1px;
}
.mp-innerBox>div {
	margin: 6px;
}

.mp-box.mp-wide {
	width: 100%;
}
.mp-wide>.mp-tall {
	width: 33%;
	padding: 0 3px;
}
.mp-tall>.mp-innerBox {
	width: 100%;
	min-height: 775px;
	max-height: 1495px;
}

#mp-Games {
	padding-left: 0;
}
#mp-Music {
}
#mp-PrintWorks {
	width: 34%;
	padding-right: 0;
}

#mp-Games>.mp-innerBox {
	background-color: #FFF4EE;
    border-color: #A88580;
}
#mp-Music>.mp-innerBox {
	background-color: #FFFBEE;
    border-color: #A8A077;
}
#mp-PrintWorks>.mp-innerBox {
	background-color: #F4F9FF;
    border-color: #9298A8;
}

#BoxOthers>.mp-innerBox {
	clear: left;
	padding-top: 5px;
	width: 100%;
}

.mp-innerBox>.mp-header {
	text-align: center;
	padding: 2px;
	font-size: 120%;
	border-radius: 3px 3px 0px 0px;
}

#mp-Games .mp-header {
	background-color: #FFC9C2;
}
#mp-Music .mp-header {
	background-color: #FFF3B4;
}
#mpPrintWorks .mp-header {
	background-color: #C4D3FF;
}

.mp-subBox {
	margin-top: 5px;
	float: none;
	clear: both;
}
#mp-Info {
	width: 100%;
}
#mp-Info .mp-content {
	margin-top: 0.25em;
	margin-bottom: 0.75em;
}

/* Images by leomodesto */
.mp-innerBox>.mp-image {
        margin: 0;
        position: absolute;
        right: 0;
}

/* Cirno-Daiyousei (Header) */
#mp-Welcome .mp-image {
    top: -69px;
    right: 0px;
    width: 152px;
    height: 80px;
    position: absolute;
    background: transparent url("skins/common/images/charsprites.png") 0px 0px no-repeat;
}
#mp-Welcome .mp-image:hover {
    background-position: -152px 0px;
}

/* Lily White (News) */
#mp-News .mp-image {
        width: 103px;
        height: 93px;
        right: -10px;
        top: -27px;
        background: transparent url("skins/common/images/charsprites.png") -201px -81px no-repeat;
}
#mp-News .mp-image.mp-smaller-image {
        background: transparent url("skins/common/images/charsprites.png") -151px -164px no-repeat;
        width: 74px;
        height: 70px;
        right: -6px;
}

/* Three Fairies (Body columns, full- and low-resolution) */
#mp-WorksColumns .mp-image {
        right: 0px;
        height: 82px;
}
#mp-Games .mp-image {
        background: transparent url("skins/common/images/charsprites.png") 0px -81px no-repeat;
        top: -12px;
        width: 60px;
} 
#mp-Music .mp-image {
        background: transparent url("skins/common/images/charsprites.png") -60px -81px no-repeat;
        top: -14px;
        width: 68px;
}
#mp-PrintWorks .mp-image {
        background: transparent url("skins/common/images/charsprites.png") -129px -81px no-repeat;
        top: -20px;
        width: 70px;
}
#mp-WorksColumns .mp-image.mp-smaller-image {
        right: 0px;
        top: -12px;
        height: 60px;
}
#mp-Games .mp-image.mp-smaller-image {
        background: transparent url("skins/common/images/charsprites.png") 0px -164px no-repeat;
        width: 45px;
}
#mp-Music .mp-image.mp-smaller-image {
        background: transparent url("skins/common/images/charsprites.png") -45px -164px no-repeat;
        width: 51px;
}
#mp-PrintWorks .mp-image.mp-smaller-image {
        background: transparent url("skins/common/images/charsprites.png") -98px -164px no-repeat;
        width: 52px;
}

/* --- end main page mkIII */

/* For positioning icons at top-right, used in Template
   "Spoken Article" and "Featured Article" */
div.topicon {
  position: absolute;
  top: -2em;
  margin-right: -10px;
  display: block !important;
}