MediaWiki:Common.css: Difference between revisions

From Touhou Patch Center
Jump to navigation Jump to search
m (Change link)
m (s/thcrap_image/thcrap_Image)
 
(10 intermediate revisions by 2 users not shown)
Line 1: Line 1:
/* Wikipedia CSS */
body.page-Touhou_Patch_Central #ca-delete {
display: none !important;
}
/* Margins for <ol> and <ul> */
/* Margins for <ol> and <ul> */
#content ol, #content ul,
#content ol, #content ul,
Line 9: Line 4:
margin-bottom: 0.5em;
margin-bottom: 0.5em;
}
}
 
/* Make the list of references in [[Template:Reflist]] smaller */
/* Make the list of references in [[Template:Reflist]] smaller */
.references-small {
.references-small {
font-size: 90%;
font-size: 90%;
}
}
 
/* Highlight clicked reference in blue to help navigation */
/* Highlight clicked reference in blue to help navigation */
ol.references > li:target,
ol.references > li:target,
Line 21: Line 16:
background-color: #DEF;
background-color: #DEF;
}
}
 
/* Ensure refs in table headers and the like aren't bold or italic */
/* Ensure refs in table headers and the like aren't bold or italic */
sup.reference {
sup.reference {
Line 27: Line 22:
font-style: normal;
font-style: normal;
}
}
 
/* Styling for citations */
/* Styling for citations */
span.citation, cite {
span.citation, cite {
Line 33: Line 28:
word-wrap: break-word;
word-wrap: break-word;
}
}
 
/* For linked citation numbers and document IDs, where
/* For linked citation numbers and document IDs, where
the number need not be shown on a screen or a handheld,
the number need not be shown on a screen or a handheld,
Line 43: Line 38:
}
}
}
}
 
/* Default skin for navigation boxes */
/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
table.navbox {            /* Navbox container style */
Line 54: Line 49:
padding: 1px;
padding: 1px;
}
}
 
/* Navbox Layout */
/* Navbox Layout */
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
table.navbox + table.navbox {  /* Single pixel border between adjacent navboxes */
Line 81: Line 76:
text-align:center;
text-align:center;
}
}
 
/* Navbox Colors */
/* Navbox Colors */
.navbox, .navbox-subgroup {
.navbox, .navbox-subgroup {
Line 107: Line 102:
background: transparent; /* Odd row striping */
background: transparent; /* Odd row striping */
}
}
 
/* Normal font styling for table row headers with scope="row" tag */
/* Normal font styling for table row headers with scope="row" tag */
.wikitable.plainrowheaders th[scope=row] {
.wikitable.plainrowheaders th[scope=row] {
Line 113: Line 108:
text-align: left;
text-align: left;
}
}
 
/* lists in data cells are always left-aligned */
/* lists in data cells are always left-aligned */
.wikitable td ul,
.wikitable td ul,
Line 120: Line 115:
text-align: left;
text-align: left;
}
}
 
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
/* Makes redirects appear in italics in categories and on [[Special:Allpages]] */
.redirect-in-category, .allpagesredirect {
.redirect-in-category, .allpagesredirect {
font-style: italic;
font-style: italic;
}
}
 
/* Icons for medialist templates [[Template:Listen]],
/* Icons for medialist templates [[Template:Listen]],
[[Template:Multi-listen_start]], [[Template:Video]],
[[Template:Multi-listen_start]], [[Template:Video]],
Line 134: Line 129:
padding-left: 40px;
padding-left: 40px;
}
}
 
/* Style rules for media list templates */
/* Style rules for media list templates */
div.medialist {
div.medialist {
Line 154: Line 149:
padding-bottom: 0;
padding-bottom: 0;
}
}
 
/* Change the external link icon to an Adobe icon for all PDF files
/* Change the external link icon to an Adobe icon for all PDF files
in browsers that support these CSS selectors, like Mozilla and Opera */
in browsers that support these CSS selectors, like Mozilla and Opera */
Line 172: Line 167:
padding-right: 18px;
padding-right: 18px;
}
}
 
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
/* Change the external link icon to an Adobe icon anywhere the PDFlink class
is used (notably Template:PDFlink). This works in IE, unlike the above. */
is used (notably Template:PDFlink). This works in IE, unlike the above. */
Line 180: Line 175:
padding-right: 18px;
padding-right: 18px;
}
}
 
/* Content in columns with CSS instead of tables [[Template:Columns]] */
/* Content in columns with CSS instead of tables [[Template:Columns]] */
div.columns-2 div.column {
div.columns-2 div.column {
Line 202: Line 197:
min-width: 120px;
min-width: 120px;
}
}
 
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
/* Cell sizes for ambox/tmbox/imbox/cmbox/ombox/fmbox/dmbox message boxes */
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
th.mbox-text, td.mbox-text {  /* The message body cell(s) */
Line 242: Line 237:
table.mbox-merge {border-top: 5px solid #8c08a4}  /* purple */
table.mbox-merge {border-top: 5px solid #8c08a4}  /* purple */
table.mbox-growth {border-top: 5px solid #47a30d}  /* green */
table.mbox-growth {border-top: 5px solid #47a30d}  /* green */
 
table.mbox.mbox-mini { /* Versión pequeña flotante */
table.mbox.mbox-mini { /* Versión pequeña flotante */
     float: right;
     float: right;
Line 249: Line 244:
     width: 25%;
     width: 25%;
}
}
 
/* These mbox-small classes must be placed after all other
/* These mbox-small classes must be placed after all other
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
ambox/tmbox/ombox etc classes. "body.mediawiki" is so
Line 268: Line 263:
line-height: 1.25em;
line-height: 1.25em;
}
}
 
/* Remove default styles for [[MediaWiki:Noarticletext]]. */
/* Remove default styles for [[MediaWiki:Noarticletext]]. */
div.noarticletext {
div.noarticletext {
Line 275: Line 270:
padding: 0;
padding: 0;
}
}
 
#wpSave {
#wpSave {
font-weight: bold;
font-weight: bold;
}
}
 
/* Removes underlines from certain links */
/* Removes underlines from certain links */
.nounderlines a,
.nounderlines a,
Line 285: Line 280:
text-decoration: none;
text-decoration: none;
}
}
 
/* Standard Navigationsleisten, aka box hiding thingy
/* Standard Navigationsleisten, aka box hiding thingy
from .de.  Documentation at [[Wikipedia:NavFrame]]. */
from .de.  Documentation at [[Wikipedia:NavFrame]]. */
Line 330: Line 325:
font-size: 90%;
font-size: 90%;
}
}
 
/* Hatnotes and disambiguation notices */
/* Hatnotes and disambiguation notices */
.rellink,
.rellink,
Line 342: Line 337:
font-style: normal;
font-style: normal;
}
}
 
/* Style for horizontal UL lists */
/* Style for horizontal UL lists */
.horizontal ul {
.horizontal ul {
Line 357: Line 352:
padding-right: 0;
padding-right: 0;
}
}
 
/* Allow transcluded pages to display in lists rather than a table.
/* Allow transcluded pages to display in lists rather than a table.
Compatible in Firefox; incompatible in IE6. */
Compatible in Firefox; incompatible in IE6. */
Line 363: Line 358:
.listify tr    { display: block; }
.listify tr    { display: block; }
.listify table { display: block; }
.listify table { display: block; }
 
/* Geographical coordinates defaults. See [[Template:Coord/link]]
/* Geographical coordinates defaults. See [[Template:Coord/link]]
for how these are used. The classes "geo", "longitude", and
for how these are used. The classes "geo", "longitude", and
Line 371: Line 366:
.geo-nondefault, .geo-multi-punct { display: none; }
.geo-nondefault, .geo-multi-punct { display: none; }
.longitude, .latitude            { white-space: nowrap; }
.longitude, .latitude            { white-space: nowrap; }
 
/* When <div class="nonumtoc"> is used on the table of contents,
/* When <div class="nonumtoc"> is used on the table of contents,
the ToC will display without numbers */
the ToC will display without numbers */
Line 386: Line 381:
margin: 0 0 0 2em;
margin: 0 0 0 2em;
}
}
 
/* Allow limiting of which header levels are shown in a TOC;
/* Allow limiting of which header levels are shown in a TOC;
<div class="toclimit-3">, for instance, will limit to
<div class="toclimit-3">, for instance, will limit to
Line 401: Line 396:
display: none;
display: none;
}
}
 
/* Styling for Template:Quote */
/* Styling for Template:Quote */
blockquote.templatequote {
blockquote.templatequote {
Line 415: Line 410:
font-size: 85%;
font-size: 85%;
}
}
 
/* User block messages */
/* User block messages */
div.user-block {
div.user-block {
Line 423: Line 418:
background-color: #FFEFD5;
background-color: #FFEFD5;
}
}
 
/* Prevent line breaks in silly places:
/* Prevent line breaks in silly places:
1) Links when we don't want them to
1) Links when we don't want them to
Line 436: Line 431:
white-space: nowrap;
white-space: nowrap;
}
}
 
/* For template documentation */
/* For template documentation */
.template-documentation {
.template-documentation {
Line 445: Line 440:
padding: 1em;
padding: 1em;
}
}
 
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
/* Inline divs in ImageMaps (code borrowed from de.wiki) */
.imagemap-inline div {
.imagemap-inline div {
display: inline;
display: inline;
}
}
 
/* Reduce line-height for <sup> and <sub> */
/* Reduce line-height for <sup> and <sub> */
sup, sub {
sup, sub {
line-height: 1em;
line-height: 1em;
}
}
 
/* Minimum thumb width */
/* Minimum thumb width */
.thumbinner {
.thumbinner {
min-width: 100px;
min-width: 100px;
}
}
 
/* Remove white border from thumbnails */
/* Remove white border from thumbnails */
div.thumb {
div.thumb {
Line 473: Line 468:
margin: 0.5em 1.4em 0.8em 0;
margin: 0.5em 1.4em 0.8em 0;
}
}
 
/* Makes the background of a framed image white instead of gray. */
/* Makes the background of a framed image white instead of gray. */
/* Only visible with transparent images. */
/* Only visible with transparent images. */
Line 479: Line 474:
background-color: #fff;
background-color: #fff;
}
}
 
/* The backgrounds for galleries. */
/* The backgrounds for galleries. */
#content .gallerybox div.thumb {
#content .gallerybox div.thumb {
Line 496: Line 491:
background: white;
background: white;
}
}
 
/* Prevent floating boxes from overlapping any category listings,
/* Prevent floating boxes from overlapping any category listings,
file histories, edit previews, and edit [Show changes] views */
file histories, edit previews, and edit [Show changes] views */
Line 510: Line 505:
font-size:90%;
font-size:90%;
}
}
 
 
/* Remove bullets when there are multiple edit page warnings */
/* Remove bullets when there are multiple edit page warnings */
ul.permissions-errors > li {
ul.permissions-errors > li {
Line 518: Line 513:
margin: 0;
margin: 0;
}
}
 
/* No linewrap on the labels of the login/signup page */
/* No linewrap on the labels of the login/signup page */
body.page-Special_UserLogin .mw-label label,
body.page-Special_UserLogin .mw-label label,
body.page-Special_UserLogin_signup .mw-label label { white-space : nowrap; }
body.page-Special_UserLogin_signup .mw-label label { white-space : nowrap; }
 
/* Fix an alignment issue with oggplayer when rendered as center */
/* Fix an alignment issue with oggplayer when rendered as center */
.center .ogg-player-options ul {
.center .ogg-player-options ul {
margin: 0.3em 0px 0px 1.5em;
margin: 0.3em 0px 0px 1.5em;
}
}
 
/* Experimental CSS-based Ruby markup support */
/* Experimental CSS-based Ruby markup support */
 
/* Ruby text*/
/* Ruby text*/
 
ruby {
ruby {
     display: inline-table;
     display: inline-table;
Line 538: Line 533:
/* border collapse mechanism will be used to adjust vertical alignment */
/* border collapse mechanism will be used to adjust vertical alignment */
     vertical-align: bottom;
     vertical-align: bottom;
/* if ruby text contains text only and there are two ruby annotations (one placed above the base and one below)  
/* 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 */
then vertical centering roughly aligns baseline of base with baseline of parent */
 
     /* border-bottom: solid 1.1em transparent; */
     /* 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)  
/* 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  
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  
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) */
be annihilated using border collapse mechanism) */
}
}
 
ruby > rt, rtc {
ruby > rt, rtc {
     display: table-header-group;
     display: table-header-group;
}
}
/* used to move first ruby container above the base */
/* used to move first ruby container above the base */
 
/* ruby > rb, rbc, ruby > rt + rt, rtc + rtc {
/* ruby > rb, rbc, ruby > rt + rt, rtc + rtc {
     display: table-row;
     display: table-row;
} */
} */
/* base and second ruby are formatted as table-rows */
/* base and second ruby are formatted as table-rows */
 
ruby > rt + rt, rtc + rtc {
ruby > rt + rt, rtc + rtc {
     border-bottom: hidden;
     border-bottom: hidden;
}
}
/* if there are two annotations then extra border is no longer necessary and can be annihilated using border collapse mechanism */
/* if there are two annotations then extra border is no longer necessary and can be annihilated using border collapse mechanism */
 
rb, rbc, rt, rtc {
rb, rbc, rt, rtc {
     white-space: nowrap;
     white-space: nowrap;
}
}
/* prohibits line breaks inside ruby text */
/* prohibits line breaks inside ruby text */
 
rtc > rt, rbc > rb {
rtc > rt, rbc > rb {
     display: table-cell;
     display: table-cell;
}
}
/* used to distribute annotations in table like manner */
/* used to distribute annotations in table like manner */
 
rtc > rt[rbspan] {
rtc > rt[rbspan] {
     column-span: attr(rbspan);
     column-span: attr(rbspan);
}
}
/* ruby text may span several cells */
/* ruby text may span several cells */
 
ruby > rt, rtc {
ruby > rt, rtc {
     font-size: 0.7em;
     font-size: 0.7em;
Line 583: Line 578:
}
}
/* font-size of ruby text is reduced */
/* font-size of ruby text is reduced */
 
rp {
rp {
     display: none;
     display: none;
}
}
/* fallback markup is no longer necessary */
/* fallback markup is no longer necessary */
 
/* Cell Styles */
/* Cell Styles */
/* outcell:  dark-blue outer border of table
/* outcell:  dark-blue outer border of table
   incell:  light-blue table cells with various rounded corners */
   incell:  light-blue table cells with various rounded corners */
 
.outcell, .roundytable {
.outcell, .roundytable {
     border: 1px solid #9370D8;
     border: 1px solid #9370D8;
     border-radius: 5px;
     border-radius: 5px;
}
}
.incell, .incell_top, .incell_bottom, .incell_topleft,  
.incell, .incell_top, .incell_bottom, .incell_topleft,
.incell_topright, .incell_bottomleft, .incell_bottomright, .roundytable th {
.incell_topright, .incell_bottomleft, .incell_bottomright, .roundytable th {
     background: #cdade0;
     background: #cdade0;
Line 623: Line 618:
}
}


/* Roundy tables */  
/* Roundy tables */
.roundytable {
.roundytable {
border-spacing:7px;
border-spacing:7px;
Line 641: Line 636:
   border-color: #7384B5;
   border-color: #7384B5;
}
}
 
/* Force pre tag auto wrap text */
/* Force pre tag auto wrap text */
pre {
pre {
Line 762: Line 757:
}
}
#n-Youtube {
#n-Youtube {
   background-image: url('/w/images/4/47/youtube.png');
   background-image: url('/w/logos/youtube.png');
   background-repeat: no-repeat;
   background-repeat: no-repeat;
   padding-left: 20px!important;
   padding-left: 20px!important;
Line 783: Line 778:
}
}


/* Smaller sidebar */
/* Smaller sidebar
div#content {
  --------------- */
margin-left:128px;
div#content,
#left-navigation,
/* footer */ [role="contentinfo"] {
margin-left:128px!important;
}
}
#left-navigation {
div#mw-panel,
margin-left:128px;
#p-logo a,
#p-logo {
width:128px;
}
}
div#mw-panel {
div#mw-panel {
width:128px;
padding-left:0em;
padding-left:0em;
}
#p-logo a {
width:128px;
}
}
#p-logo {
#p-logo {
left:0em;
left:0em;
width:128px;
}
div#footer {
margin-left:128px;
}
}
/* --------------- */


.docbox {
.docbox {
Line 828: Line 821:


/* Theme list styles */
/* Theme list styles */
.node-d {
.relation-d {
color:#808080;
color:#808080;
background-color:#f2f2f2;
background-color:#f2f2f2;
}
}
.node-a {
.relation-a {
background-color:#f2f2f2;
background-color:#f2f2f2;
}
}
Line 840: Line 833:
width: 12px;
width: 12px;
height: 12px;
height: 12px;
background-image:url('/w/images/thumb/3/3f/Touhouwiki.png/12px-Touhouwiki.png');  
background-image:url('/w/images/thumb/3/3f/Touhouwiki.png/12px-Touhouwiki.png');
}
}


Line 852: Line 845:
}
}


/* Fix so <source> tags, and .css and .js pages, get normal text size  
/* Fix so <source> tags, and .css and .js pages, get normal text size
   also in some versions of Firefox, Safari, Konqueror, Chrome etc. */
   also in some versions of Firefox, Safari, Konqueror, Chrome etc. */
div.mw-geshi div,
div.mw-geshi div,
Line 906: Line 899:
}
}


/* {{thcrap_image}} */
/* {{thcrap_Image}} */
.imagetable table, .imagetable tr, .imagetable td {
.imagetable table, .imagetable tr, .imagetable td {
text-align: center;
text-align: center;
Line 912: Line 905:
}
}
.imagetable .header {
.imagetable .header {
font-style: italic;
padding: 0.25em;
}
.tabbertab {
margin-top: -0.5em!important;
padding: 0px!important;
border: none!important;
}
.tabbernav {
margin-bottom: 0px!important;
font-style: italic;
font-style: italic;
}
}
Line 929: Line 912:


.rotate {
.rotate {
 
/* Safari */
/* Safari */
-webkit-transform: rotate(-90deg);
-webkit-transform: rotate(-90deg);
 
/* Firefox */
/* Firefox */
-moz-transform: rotate(-90deg);
-moz-transform: rotate(-90deg);
 
/* IE */
/* IE */
-ms-transform: rotate(-90deg);
-ms-transform: rotate(-90deg);
 
/* Opera */
/* Opera */
-o-transform: rotate(-90deg);
-o-transform: rotate(-90deg);
 
/* Internet Explorer */
/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
 
}
}

Latest revision as of 01:03, 11 September 2023

/* 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;
}
.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 */
}

/* 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;
}

/* Change the external link icon to an Adobe icon for all PDF files
in browsers that support these CSS selectors, like Mozilla and Opera */
#content a[href$=".pdf"].external,
#content a[href*=".pdf?"].external,
#content a[href*=".pdf#"].external,
#content a[href$=".PDF"].external,
#content a[href*=".PDF?"].external,
#content a[href*=".PDF#"].external,
#mw_content  a[href$=".pdf"].external,
#mw_content  a[href*=".pdf?"].external,
#mw_content  a[href*=".pdf#"].external,
#mw_content  a[href$=".PDF"].external,
#mw_content  a[href*=".PDF?"].external,
#mw_content  a[href*=".PDF#"].external {
background: url("http://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") center right no-repeat;
padding-right: 18px;
}

/* Change the external link icon to an Adobe icon anywhere the PDFlink class
is used (notably Template:PDFlink). This works in IE, unlike the above. */
#content span.PDFlink a,
#mw_content span.PDFlink a {
background: url("http://upload.wikimedia.org/wikipedia/commons/2/23/Icons-mini-file_acrobat.gif") center right no-repeat;
padding-right: 18px;
}

/* 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;
}

/* 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.5em; /* 0.5em 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.5em; /* 0.5em left, 0px right */
text-align: center;
}
td.mbox-imageright {           /* The right image cell */
border: none;
padding: 2px 0.5em 2px 0;  /* 0px left, 0.5em right */
text-align: center;
}
td.mbox-empty-cell {           /* An empty narrow cell */
border: none;
padding: 0px;
width: 1px;
}

table.mbox {
    margin: 0 10%;
    border-collapse: collapse;
    background-color: #fbfbfb;
    border-bottom: 1px solid #aaa;
    border-left: 1px solid #CCC;
    border-right: 1px solid #CCC;
    font-size: 95%;
}
table.mbox-notice {border-top: 5px solid #608EC2}  /* blue */
table.mbox-protection {border-top: 5px solid #bba} /* grey */
table.mbox-delete,
table.mbox-serious {border-top: 5px solid #b22222} /* red */
table.mbox-content {border-top: 5px solid #f28500} /* orange */
table.mbox-style {border-top: 5px solid #f4c430}   /* yellow */
table.mbox-merge {border-top: 5px solid #8c08a4}   /* purple */
table.mbox-growth {border-top: 5px solid #47a30d}  /* green */

table.mbox.mbox-mini { /* Versión pequeña flotante */
    float: right;
    clear: right;
    margin: 0 0 0 1em;
    width: 25%;
}

/* 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;
}

/* Removes underlines from certain links */
.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%;
}

/* Hatnotes and disambiguation notices */
.rellink,
.dablink {
font-style: italic;
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
3) HTML formulae
4) 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;
}

/* 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;
}

/* Styling for Abuse Filter tags */
.mw-tag-markers {
font-family:sans-serif;
font-style:italic;
font-size:90%;
}

/* 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;
}

/* 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;
}
/* font-size of ruby text is reduced */

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

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

.outcell, .roundytable {
    border: 1px solid #9370D8;
    border-radius: 5px;
}
.incell, .incell_top, .incell_bottom, .incell_topleft,
.incell_topright, .incell_bottomleft, .incell_bottomright, .roundytable th {
    background: #cdade0;
    text-align: center;
    font-size: 120%;
    border-radius: 3px 3px 3px 3px;
}
.incell_top, .roundytable th {
    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;
}

/* Roundy tables */
.roundytable {
	border-spacing:7px;
}
/* Yin-Yang Orb */
h2:before
{
	content:"☯ ";
	color: #8864b0;
	text-indent:-1em;
}

h1, h2 {
  border-bottom-color: #7384B5;
}
.catlinks, .toc, #toc, .mw-warning, div#simpleSearch {
  border-color: #7384B5;
}

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

/* Table of Contents */
#toc,
.toc,
.mw-warning {
	border: 1px solid #aaa;
	background-color: #f9f9f9;
	padding: 5px;
	font-size: 95%;
}
#toc h5,
.toc h5 {
	display: inline;
	border: none;
	padding: 0;
	font-size: 20%;
	font-weight: bold;
}
#toc #toctitle,
.toc #toctitle,
#toc .toctitle,
.toc .toctitle {
	text-align: center;
}
#toc ul,
.toc ul {
	list-style-type: none;
	list-style-image: none;
	margin-left: 0;
	padding-left: 0;
	text-align: left;
}
#toc ul ul,
.toc ul ul {
	margin: 0 0 0 2em;
}
#toc .toctoggle,
.toc .toctoggle {
	font-size: 94%;
}
/* Captcha Highlight */
.conf-box {
	border-radius: 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-color:#f00;
	box-shadow: 0 0 2px #17662C;
	padding:1em;
	border-style:solid;
	border-width:thick;
	font-size:110%
}

/* Hide initially collapsed content without having to wait for JavaScript to do it */
.mw-collapsed .mw-collapsible-content {
	display: none;
}

/* Small dates */
.mw-formatted-date {
	font-size: x-small;
}

/* Main page roundy labels */
.roundylabel:hover {
	background-color:#fff670;
}
.roundylabel a {
	display: block;
}
.roundylabel {
	width:148px;
	padding:0.25em 0.5em;
	text-align:center;
	background-color:#dde6ff;
	border: 1px solid #A2C5E6;
	border-radius:1em;
}

/* Sitenotice */
#siteNotice {
	color:#ab6afb;
}

/* Sidebar icons */
#n-Discord {
   background-image: url('/w/logos/discord.png');
   background-repeat: no-repeat;
   padding-left: 20px!important;
}
#n-GitHub {
   background-image: url('/w/logos/github.png');
   background-repeat: no-repeat;
   padding-left: 20px!important;
}
#n-Gitter {
   background-image: url('/w/logos/gitter.png');
   background-repeat: no-repeat;
   padding-left: 20px!important;
}
#n-IRC-chat {
   background-image: url('/w/logos/irc.png');
   background-repeat: no-repeat;
   padding-left: 20px!important;
}
#n-Twitter {
   background-image: url('/w/logos/twitter.png');
   background-repeat: no-repeat;
   padding-left: 20px!important;
}
#n-Facebook {
   background-image: url('/w/logos/facebook.png');
   background-repeat: no-repeat;
   padding-left: 20px!important;
}
#n-Youtube {
   background-image: url('/w/logos/youtube.png');
   background-repeat: no-repeat;
   padding-left: 20px!important;
}

/* Mainpage icons */
.mp-icon {
	background-repeat:no-repeat!important;
	background-position:0.25em center!important;
}

#mp-favicon	{ background-image:url('/favicon.ico'); }
#mp-globe	{ background-image:url('/w/images/thumb/f/fa/Globe.svg/16px-Globe.svg.png'); }
#mp-twitter	{ background-image:url('/w/logos/twitter.png'); }

/* Progress table */
.progtable td, .progtable tr {
	border-bottom: 1px dotted black;
	padding-right: 1em;
}

/* Smaller sidebar
   --------------- */
div#content,
#left-navigation,
/* footer */ [role="contentinfo"] {
	margin-left:128px!important;
}
div#mw-panel,
#p-logo a,
#p-logo {
	width:128px;
}
div#mw-panel {
	padding-left:0em;
}
#p-logo {
	left:0em;
}
/* --------------- */

.docbox {
	clear:both;
	background: #f1e6f8;
	padding: 1em;
}

/* DT styles */
.side0 {color: #4c4c8c;}
.side1 {color: #8c4c4c;}
.no-trans {background-color: #f7e4e4;}
.dt code {float: right;}
.dt p {white-space: pre;}
.assist span {display: table-cell;}

/* TL notes */
.tlnote {
	color: gray;
	font-weight: bold;
	float: right;
	white-space: normal
}

/* Theme list styles */
.relation-d {
	color:#808080;
	background-color:#f2f2f2;
}
.relation-a {
	background-color:#f2f2f2;
}
/* Custom CSS rule for touhouwik.net links in the theme table. Saves a lot of HTML bloat. */
.touhouwiki a {
	display: block;
	width: 12px;
	height: 12px;
	background-image:url('/w/images/thumb/3/3f/Touhouwiki.png/12px-Touhouwiki.png');
}

/* Gray fields */
tt,
.field {
	border: 1px solid #ddd;
	padding: 2px 4px;
	border-radius: 0.25em;
	background-color: #f9f9f9;
}

/* Fix so <source> tags, and .css and .js pages, get normal text size
   also in some versions of Firefox, Safari, Konqueror, Chrome etc. */
div.mw-geshi div,
pre,
.mw-geshi {
	font-family: monospace, "Courier New" !important;
}

.mw-geshi {
	border: none;
}

/* Remove ordered list numbers for binary hacks */
.thcrap-binhack ol {
    list-style: none;
    margin: 0em!important;
}

/* Consistent parts of Topinfo */
.topinfo_head {
	margin:0 auto;
	border-top-left-radius: 2.5em;
	border-top-right-radius: 2.5em;
	padding:0.25em 1.75em;
	font-size:125%;
	font-weight:bold;
	display:table;
}
.topinfo span {
	background-color: #ffffff!important;
	border-radius: 1em;
	padding: 0.25em 0.5em;
	margin: 0 0.5em;
}
.topinfo_head span {
	padding: 0.5em;
	display: inline-block;
}
.topinfo_body {
	border-collapse: collapse;
	border-radius: 1.25em;
	width:100%;
	margin:0 auto;
}
.topinfo_body tr:first-child {
	border-top:0px!important;
}
.topinfo_body th {
	text-align:right;
}
.topinfo_body td {
	width:100%;
}

/* {{thcrap_Image}} */
.imagetable table, .imagetable tr, .imagetable td {
	text-align: center;
	vertical-align: top;
}
.imagetable .header {
	font-style: italic;
}
.imagetable img {
	background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAAHklEQVQYlWNIS0v7j4xnzpyJghnooABdAF0DHRQAAAOGn2EyqOHhAAAAAElFTkSuQmCC) repeat;
}

.rotate {

/* Safari */
-webkit-transform: rotate(-90deg);

/* Firefox */
-moz-transform: rotate(-90deg);

/* IE */
-ms-transform: rotate(-90deg);

/* Opera */
-o-transform: rotate(-90deg);

/* Internet Explorer */
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);

}