MediaWiki:Common.css: Difference between revisions

MediaWiki interface page
m (streamline dropdown code)
(Navbox table tweaks)
 
(114 intermediate revisions by 3 users not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */
/* Common color variable declarations */
:root {
--element-light: rgb(220, 220, 120);
--element-light-txt: rgb(0, 0, 0, 0.9);
--element-dark: rgb(120, 80, 120);
--element-dark-txt: rgb(255, 255, 255, 0.9);
--element-fire: rgb(250, 120, 120);
--element-fire-txt: rgb(0, 0, 0, 0.9);
--element-water: rgb(80, 150, 250);
--element-water-txt: rgb(0, 0, 0, 0.9);
--element-earth: rgb(180, 120, 70);
--element-earth-txt: rgb(0, 0, 0, 0.9);
--element-wind: rgb(120, 200, 120);
--element-wind-txt: rgb(0, 0, 0, 0.9);
--command-revolver: rgb(13, 181, 237);
--command-revolver-txt: rgb(0, 0, 0, 0.9);
--command-drive: rgb(247, 135, 52);
--command-drive-txt: rgb(0, 0, 0, 0.9);
--command-special: rgb(228, 219, 120);
--command-special-txt: rgb(0, 0, 0, 0.9);
--command-border: rgba(255, 255, 255, 0.75);
--bg-bb: rgb(3, 126, 226);
--bg-bbdw: rgb(108, 16, 27);
--bg-p4u: rgb(221, 177, 0);
--bg-uni: rgb(144, 56, 184);
--bg-rwby: rgb(248, 76, 96);
--bg-ah: rgb(196, 99, 194);
--bg-sk: rgb(137, 202, 255);
--bg-bk: rgb(187, 168, 118);
--bg-plain: grey;
--fg-white: rgba(255, 255, 255, 0.9);
--bg-template-documentation: inherit;
/*used to be #ecfcf4 very pale foam green*/
}
/* Hide "Main Page" and siteSub from the Main Page along with loading icon */
.rootpage-Main_Page #firstHeading,
.rootpage-Main_Page #siteSub,
.rootpage-Main_Page #mw-indicator-smw-entity-examiner {
display: none;
}


/* Edit window toolbar */
/* Edit window toolbar */
#toolbar {
#toolbar {
height: 22px;
height: 22px;
margin-bottom: 6px;
margin-bottom: 6px;
}
}


/* Margins for <ol> and <ul> */
/* Margins for <ol> and <ul> */
#content ol, #content ul,
#content ol,
#mw_content ol, #mw_content ul {
#content ul,
margin-bottom: 0.5em;
#mw_content ol,
#mw_content ul {
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,
sup.reference:target,
sup.reference:target,
span.citation:target {
span.citation:target {
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 {
font-weight: normal;
font-weight: normal;
font-style: normal;
font-style: normal;
}
}
 
/* Styling for citations */
/* Styling for citations */
span.citation, cite {
span.citation,
font-style: normal;
cite {
word-wrap: break-word;
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 */
/* Default skin for navigation boxes */
table.navbox {            /* Navbox container style */
/* Navbox container style */
border: 1px solid #7384B5;
table.navbox {
width: 100%;
width: 100%;
margin: auto;
margin: 0;
clear: both;
clear: both;
font-size: 88%;
font-size: smaller;
text-align: center;
text-align: center;
padding: 1px;
padding: 0px;
}
}


/* Navbox Layout */
/* Navbox Layout */
table.navbox + table.navbox { /* Single pixel border between adjacent navboxes */
table.navbox + table.navbox {
margin-top: -1px;         /* (doesn't work for IE6, but that's okay)      */
/* Single pixel border between adjacent navboxes */
margin-top: -1px;
}
}
/* Title and above/below styles */
.navbox-title,
.navbox-title,
.navbox-abovebelow,
.navbox-abovebelow,
table.navbox th {
table.navbox th {
text-align: center;     /* Title and above/below styles */
text-align: center;
padding-left: 1em;
padding-left: 4px;
padding-right: 1em;
padding-right: 4px;
}
}
.navbox-group {             /* Group style */
 
white-space: nowrap;
.navbox-group {
text-align: right;
/* Group style */
font-weight: bold;
white-space: nowrap;
padding-left: 1em;
text-align: right;
padding-right: 1em;
font-weight: bold;
padding-left: 1em;
padding-right: 1em;
}
}
.navbox-list {
.navbox-list {
text-align: left;
text-align: left;
}
 
/* ================================ *
* BlazBlue Wiki navigation buttons *
* ================================ */
.bb-wiki-nav-button {
display: inline-block;
vertical-align: inherit;
overflow-x: hidden;
overflow-y: hidden;
margin: 0.25em;
line-height: normal;
}
}
.collapseButton {          /* 'show'/'hide' buttons created dynamically */
 
float: right;          /* by the CollapsibleTables javascript in    */
/* =========== *
font-weight: normal;  /* [[MediaWiki:Common.js]]are styled here    */
* Fat buttons *
text-align: right;    /* so they can be customised.               */
* =========== */
width: auto;
.tabdiv > ul > li {
cursor: pointer;
}
}
.navbox .collapseButton { /* In navboxes, the show/hide button balances */
 
width: 6em;           /* the vde links from [[Template:Tnavbar]],  */
.collapseButton {
}                         /* so they need to be the same width.        */
/* 'show'/'hide' buttons created dynamically */
.navbox-title, .navbox-above, .navbox-below {
float: right;
padding-left:1em;
/* by the CollapsibleTables javascript in    */
padding-right:1em;
font-weight: normal;
text-align:center;
/* [[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 Colors */
.navbox, .navbox-subgroup {
.navbox,
background: #fdfdfd;     /* Background color */
.navbox-subgroup {
background: #fdfdfd;
/* Background color */
}
}
.navbox-list {
.navbox-list {
border-color: #fdfdfd;   /* Must match background color */
border-color: #fdfdfd;
/* Must match background color */
}
}
.navbox-title,
.navbox-title,
table.navbox th {
table.navbox th {
background:#CEDAFF;     /* Level 1 color */
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 */
}
}


/* Infobox template style */
/* Infobox template style */
.infobox {
.infobox {
border: 1px solid #aaa;
width: 320px;
background-color: #f9f9f9;
margin: 0.5em 0 0.5em 1em;
color: black;
padding: 2px;
margin: 0.5em 0 0.5em 1em;
float: right;
padding: 0.2em;
clear: right;
float: right;
text-align: left;
clear: right;
font-size: smaller;
line-height: 1.5em;
}
}
.infobox td,
.infobox td,
.infobox th {
.infobox th {
vertical-align: top;
vertical-align: top;
text-align: center;
}
}
.infobox caption {
.infobox caption {
font-size: larger;
font-size: larger;
}
}
.infobox.bordered {
.infobox.bordered {
border-collapse: collapse;
border-collapse: collapse;
}
}
.infobox.bordered td,
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #aaa;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
.infobox.bordered .borderless th {
border: 0;
border: 0;
}
}
 
.infobox.sisterproject {
.infobox.sisterproject {
width: 20em;
width: 20em;
font-size: 90%;
font-size: 90%;
}
}
 
.infobox.standard-talk {
.infobox p {
border: 1px solid #c0c090;
margin: 0;
background-color: #f8eaba;
}
}
.infobox.standard-talk.bordered td,
 
.infobox.standard-talk.bordered th {
.infobox-character-td {
border: 1px solid #c0c090;
text-align: center;
}
padding: 0;
/* 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;
}
}
.character-imageset {
.infobox.bordered .mergedrow td,
width: 100%;
.infobox.bordered .mergedrow th {
border: 0;
border-right: 1px solid #aaa;
}
}
/* 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"] {
font-weight: normal;
font-weight: normal;
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,
.wikitable td ol,
.wikitable td ol,
.wikitable td dl {
.wikitable td dl {
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,
font-style: italic;
.allpagesredirect {
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 202: Line 263:
*/
*/
div.listenlist {
div.listenlist {
background: url("https://upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png");
background: url("https://upload.wikimedia.org/wikipedia/commons/3/3f/Gnome_speakernotes_30px.png");
padding-left: 40px;
padding-left: 40px;
}
}
 
/* Style rules for media list templates */
/* Style rules for media list templates */
div.medialist {
div.medialist {
min-height: 50px;
min-height: 50px;
margin: 1em;
margin: 1em;
background-position: top left;
background-position: top left;
background-repeat: no-repeat;
background-repeat: no-repeat;
}
}
div.medialist ul {
div.medialist ul {
list-style-type: none;
list-style-type: none;
list-style-image: none;
list-style-image: none;
margin: 0;
margin: 0;
}
}
div.medialist ul li {
div.medialist ul li {
padding-bottom: 0.5em;
padding-bottom: 0.5em;
}
}
div.medialist ul li li {
div.medialist ul li li {
font-size: 91%;
font-size: 91%;
padding-bottom: 0;
padding-bottom: 0;
}
}


/* 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 {
float: left;
float: left;
width: 50%;
width: 50%;
min-width: 300px;
min-width: 300px;
}
}
div.columns-3 div.column {
div.columns-3 div.column {
float: left;
float: left;
width: 33.3%;
width: 33.3%;
min-width: 200px;
min-width: 200px;
}
}
div.columns-4 div.column {
div.columns-4 div.column {
float: left;
float: left;
width: 25%;
width: 25%;
min-width: 150px;
min-width: 150px;
}
}
div.columns-5 div.column {
div.columns-5 div.column {
float: left;
float: left;
width: 20%;
width: 20%;
min-width: 120px;
min-width: 120px;
}
}
 
/* Messagebox templates */
/* Messagebox templates */
.messagebox {
.messagebox {
border: 1px solid #aaa;
border: 1px solid #aaa;
background-color: #f9f9f9;
background-color: #f9f9f9;
width: 80%;
width: 80%;
margin: 0 auto 1em auto;
margin: 0 auto 1em auto;
padding: .2em;
padding: 0.2em;
}
}
.messagebox.merge {
.messagebox.merge {
border: 1px solid #c0b8cc;
border: 1px solid #c0b8cc;
background-color: #f0e5ff;
background-color: #f0e5ff;
text-align: center;
text-align: center;
}
}
.messagebox.cleanup {
.messagebox.cleanup {
border: 1px solid #9f9fff;
border: 1px solid #9f9fff;
background-color: #efefff;
background-color: #efefff;
text-align: center;
text-align: center;
}
}
.messagebox.standard-talk {
.messagebox.standard-talk {
border: 1px solid #c0c090;
border: 1px solid #c0c090;
background-color: #f8eaba;
background-color: #f8eaba;
margin: 4px auto;
margin: 4px auto;
}
}
/* For old WikiProject banners inside banner shells. */
/* For old WikiProject banners inside banner shells. */
.mbox-inside .standard-talk,
.mbox-inside .standard-talk,
.messagebox.nested-talk {
.messagebox.nested-talk {
border: 1px solid #c0c090;
border: 1px solid #c0c090;
background-color: #f8eaba;
background-color: #f8eaba;
width: 100%;
width: 100%;
margin: 2px 0;
margin: 2px 0;
padding: 2px;
padding: 2px;
}
}
.messagebox.small {
.messagebox.small {
width: 238px;
width: 238px;
font-size: 85%;
font-size: 85%;
float: right;
float: right;
clear: both;
clear: both;
margin: 0 0 1em 1em;
margin: 0 0 1em 1em;
line-height: 1.25em;
line-height: 1.25em;
}
}
.messagebox.small-talk {
.messagebox.small-talk {
width: 238px;
width: 238px;
font-size: 85%;
font-size: 85%;
float: right;
float: right;
clear: both;
clear: both;
margin: 0 0 1em 1em;
margin: 0 0 1em 1em;
line-height: 1.25em;
line-height: 1.25em;
background: #F8EABA;
background: #f8eaba;
}
}
 
/* 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,
border: none;
td.mbox-text {
padding: 0.25em 0.9em;     /* 0.9em left/right */
/* The message body cell(s) */
width: 100%;               /* Make all mboxes the same width regardless of text length */
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;
td.mbox-image {
padding: 2px 0 2px 0.9em; /* 0.9em left, 0px right */
/* The left image cell */
text-align: center;
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;
td.mbox-imageright {
padding: 2px 0.9em 2px 0; /* 0px left, 0.9em right */
/* The right image cell */
text-align: center;
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;
td.mbox-empty-cell {
padding: 0px;
/* An empty narrow cell */
width: 1px;
border: none;
padding: 0px;
width: 1px;
}
}
 
/* Article message box styles */
/* Article message box styles */
table.ambox {
table.ambox {
margin: 0px 10%;                 /* 10% = Will not overlap with other elements */
margin: 0px 10%;
border: 1px solid #aaa;
/* 10% = Will not overlap with other elements */
border-left: 10px solid #1e90ff; /* Default "notice" blue */
border: 1px solid #aaa;
background: #fbfbfb;
border-left: 10px solid #1e90ff;
/* Default "notice" blue */
background: #fbfbfb;
}
}
table.ambox + table.ambox {     /* Single border between stacked boxes. */
 
margin-top: -1px;
table.ambox + table.ambox {
/* Single border between stacked boxes. */
margin-top: -1px;
}
}
.ambox th.mbox-text,
.ambox th.mbox-text,
.ambox td.mbox-text {           /* The message body cell(s) */
.ambox td.mbox-text {
padding: 0.25em 0.5em;       /* 0.5em left/right */
/* 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-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 */
.ambox td.mbox-imageright {
/* The right image cell */
padding: 2px 0.5em 2px 0;
/* 0px left, 0.5em right */
}
}
 
table.ambox-notice {
table.ambox-notice {
border-left: 10px solid #1e90ff;   /* Blue */
border-left: 10px solid #1e90ff;
/* Blue */
}
}
table.ambox-speedy {
table.ambox-speedy {
border-left: 10px solid #b22222;   /* Red */
border-left: 10px solid #b22222;
background: #fee;                   /* Pink */
/* Red */
background: #fee;
/* Pink */
}
}
table.ambox-delete {
table.ambox-delete {
border-left: 10px solid #b22222;   /* Red */
border-left: 10px solid #b22222;
/* Red */
}
}
table.ambox-content {
table.ambox-content {
border-left: 10px solid #f28500;   /* Orange */
border-left: 10px solid #f28500;
/* Orange */
}
}
table.ambox-style {
table.ambox-style {
border-left: 10px solid #f4c430;   /* Yellow */
border-left: 10px solid #f4c430;
/* Yellow */
}
}
table.ambox-move {
table.ambox-move {
border-left: 10px solid #9932cc;   /* Purple */
border-left: 10px solid #9932cc;
/* Purple */
}
}
table.ambox-protection {
table.ambox-protection {
border-left: 10px solid #bba;       /* Gray-gold */
border-left: 10px solid #bba;
/* Gray-gold */
}
}
 
/* Image message box styles */
/* Image message box styles */
table.imbox {
table.imbox {
margin: 4px 10%;
margin: 4px 10%;
border-collapse: collapse;
border-collapse: collapse;
border: 3px solid #1e90ff;   /* Default "notice" blue */
border: 3px solid #1e90ff;
background: #fbfbfb;
/* 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.        */
.imbox .mbox-text .imbox {
display: block;         /* Fix for webkit to force 100% width.  */
/* 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;
.mbox-inside .imbox {
/* For imboxes inside other templates.  */
margin: 4px;
}
}
 
table.imbox-notice {
table.imbox-notice {
border: 3px solid #1e90ff;   /* Blue */
border: 3px solid #1e90ff;
/* Blue */
}
}
table.imbox-speedy {
table.imbox-speedy {
border: 3px solid #b22222;   /* Red */
border: 3px solid #b22222;
background: #fee;             /* Pink */
/* Red */
background: #fee;
/* Pink */
}
}
table.imbox-delete {
table.imbox-delete {
border: 3px solid #b22222;   /* Red */
border: 3px solid #b22222;
/* Red */
}
}
table.imbox-content {
table.imbox-content {
border: 3px solid #f28500;   /* Orange */
border: 3px solid #f28500;
/* Orange */
}
}
table.imbox-style {
table.imbox-style {
border: 3px solid #f4c430;   /* Yellow */
border: 3px solid #f4c430;
/* Yellow */
}
}
table.imbox-move {
table.imbox-move {
border: 3px solid #9932cc;   /* Purple */
border: 3px solid #9932cc;
/* Purple */
}
}
table.imbox-protection {
table.imbox-protection {
border: 3px solid #bba;       /* Gray-gold */
border: 3px solid #bba;
/* Gray-gold */
}
}
table.imbox-license {
table.imbox-license {
border: 3px solid #88a;       /* Dark gray */
border: 3px solid #88a;
background: #f7f8ff;         /* Light gray */
/* Dark gray */
background: #f7f8ff;
/* Light gray */
}
}
table.imbox-featured {
table.imbox-featured {
border: 3px solid #cba135;   /* Brown-gold */
border: 3px solid #cba135;
/* Brown-gold */
}
}
 
/* Category message box styles */
/* Category message box styles */
table.cmbox {
table.cmbox {
margin: 3px 10%;
margin: 3px 10%;
border-collapse: collapse;
border-collapse: collapse;
border: 1px solid #aaa;
border: 1px solid #aaa;
background: #DFE8FF;   /* Default "notice" blue */
background: #dfe8ff;
/* Default "notice" blue */
}
}
 
table.cmbox-notice {
table.cmbox-notice {
background: #D8E8FF;   /* Blue */
background: #d8e8ff;
/* Blue */
}
}
table.cmbox-speedy {
table.cmbox-speedy {
margin-top: 4px;
margin-top: 4px;
margin-bottom: 4px;
margin-bottom: 4px;
border: 4px solid #b22222;   /* Red */
border: 4px solid #b22222;
background: #FFDBDB;         /* Pink */
/* Red */
background: #ffdbdb;
/* Pink */
}
}
table.cmbox-delete {
table.cmbox-delete {
background: #FFDBDB;   /* Red */
background: #ffdbdb;
/* Red */
}
}
table.cmbox-content {
table.cmbox-content {
background: #FFE7CE;   /* Orange */
background: #ffe7ce;
/* Orange */
}
}
table.cmbox-style {
table.cmbox-style {
background: #FFF9DB;   /* Yellow */
background: #fff9db;
/* Yellow */
}
}
table.cmbox-move {
table.cmbox-move {
background: #E4D8FF;   /* Purple */
background: #e4d8ff;
/* Purple */
}
}
table.cmbox-protection {
table.cmbox-protection {
background: #EFEFE1;   /* Gray-gold */
background: #efefe1;
/* Gray-gold */
}
}
 
/* Other pages message box styles */
/* Other pages message box styles */
table.ombox {
table.ombox {
margin: 4px 10%;
margin: 4px 10%;
border-collapse: collapse;
border-collapse: collapse;
border: 1px solid #aaa;       /* Default "notice" gray */
border: 1px solid #aaa;
background: #f9f9f9;
/* Default "notice" gray */
background: #f9f9f9;
}
}
 
table.ombox-notice {
table.ombox-notice {
border: 1px solid #aaa;       /* Gray */
border: 1px solid #aaa;
/* Gray */
}
}
table.ombox-speedy {
table.ombox-speedy {
border: 2px solid #b22222;   /* Red */
border: 2px solid #b22222;
background: #fee;             /* Pink */
/* Red */
background: #fee;
/* Pink */
}
}
table.ombox-delete {
table.ombox-delete {
border: 2px solid #b22222;   /* Red */
border: 2px solid #b22222;
/* Red */
}
}
table.ombox-content {
table.ombox-content {
border: 1px solid #f28500;   /* Orange */
border: 1px solid #f28500;
/* Orange */
}
}
table.ombox-style {
table.ombox-style {
border: 1px solid #f4c430;   /* Yellow */
border: 1px solid #f4c430;
/* Yellow */
}
}
table.ombox-move {
table.ombox-move {
border: 1px solid #9932cc;   /* Purple */
border: 1px solid #9932cc;
/* Purple */
}
}
table.ombox-protection {
table.ombox-protection {
border: 2px solid #bba;       /* Gray-gold */
border: 2px solid #bba;
/* Gray-gold */
}
}
 
/* Talk page message box styles */
/* Talk page message box styles */
table.tmbox {
table.tmbox {
margin: 4px 10%;
margin: 4px 10%;
border-collapse: collapse;
border-collapse: collapse;
border: 1px solid #c0c090;   /* Default "notice" gray-brown */
border: 1px solid #c0c090;
background: #f8eaba;
/* 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)  */
.mediawiki .mbox-inside .tmbox {
width: 100%;                 /* For Safari and Opera */
/* 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  */
.mbox-inside .tmbox.mbox-small {
font-size: 100%;             /* set in "mbox-small" above.                */
/* "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 {
table.tmbox-speedy {
border: 2px solid #b22222;   /* Red */
border: 2px solid #b22222;
background: #fee;             /* Pink */
/* Red */
background: #fee;
/* Pink */
}
}
table.tmbox-delete {
table.tmbox-delete {
border: 2px solid #b22222;   /* Red */
border: 2px solid #b22222;
/* Red */
}
}
table.tmbox-content {
table.tmbox-content {
border: 2px solid #f28500;   /* Orange */
border: 2px solid #f28500;
/* Orange */
}
}
table.tmbox-style {
table.tmbox-style {
border: 2px solid #f4c430;   /* Yellow */
border: 2px solid #f4c430;
/* Yellow */
}
}
table.tmbox-move {
table.tmbox-move {
border: 2px solid #9932cc;   /* Purple */
border: 2px solid #9932cc;
/* Purple */
}
}
table.tmbox-protection,
table.tmbox-protection,
table.tmbox-notice {
table.tmbox-notice {
border: 1px solid #c0c090;   /* Gray-brown */
border: 1px solid #c0c090;
/* Gray-brown */
}
}
 
/* Disambig and set index box styles */
/* Disambig and set index box styles */
table.dmbox {
table.dmbox {
clear: both;
clear: both;
margin: 0.9em 1em;
margin: 0.9em 1em;
border-top: 1px solid #ccc;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
border-bottom: 1px solid #ccc;
background: transparent;
background: transparent;
}
}
 
/* Footer and header message box styles */
/* Footer and header message box styles */
table.fmbox {
table.fmbox {
clear: both;
clear: both;
margin: 0.2em 0;
margin: 0.2em 0;
width: 100%;
width: 100%;
border: 1px solid #aaa;
border: 1px solid #aaa;
background: #f9f9f9;     /* Default "system" gray */
background: #f9f9f9;
/* Default "system" gray */
}
}
table.fmbox-system {
table.fmbox-system {
background: #f9f9f9;
background: #f9f9f9;
}
}
table.fmbox-warning {
table.fmbox-warning {
border: 1px solid #bb7070; /* Dark pink */
border: 1px solid #bb7070;
background: #ffdbdb;       /* Pink */
/* Dark pink */
background: #ffdbdb;
/* Pink */
}
}
table.fmbox-editnotice {
table.fmbox-editnotice {
background: transparent;
background: transparent;
}
}
/* Div based "warning" style fmbox messages. */
/* Div based "warning" style fmbox messages. */
div.mw-warning-with-logexcerpt,
div.mw-warning-with-logexcerpt,
Line 543: Line 738:
div.mw-cascadeprotectedwarning,
div.mw-cascadeprotectedwarning,
div#mw-protect-cascadeon {
div#mw-protect-cascadeon {
clear: both;
clear: both;
margin: 0.2em 0;
margin: 0.2em 0;
border: 1px solid #bb7070;
border: 1px solid #bb7070;
background: #ffdbdb;
background: #ffdbdb;
padding: 0.25em 0.9em;
padding: 0.25em 0.9em;
}
}
/* Div based "system" style fmbox messages.
/* Div based "system" style fmbox messages.
Used in [[MediaWiki:Readonly lag]]. */
Used in [[MediaWiki:Readonly lag]]. */
div.mw-lag-warn-normal,
div.mw-lag-warn-normal,
div.fmbox-system {
div.fmbox-system {
clear: both;
clear: both;
margin: 0.2em 0;
margin: 0.2em 0;
border: 1px solid #aaa;
border: 1px solid #aaa;
background: #f9f9f9;
background: #f9f9f9;
padding: 0.25em 0.9em;
padding: 0.25em 0.9em;
}
}
 
/* 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
they override "table.ambox + table.ambox" above. */
they override "table.ambox + table.ambox" above. */
body.mediawiki table.mbox-small {   /* For the "small=yes" option. */
body.mediawiki table.mbox-small {
clear: right;
/* For the "small=yes" option. */
float: right;
clear: right;
margin: 4px 0 4px 1em;
float: right;
width: 238px;
margin: 4px 0 4px 1em;
font-size: 88%;
width: 238px;
line-height: 1.25em;
font-size: 88%;
line-height: 1.25em;
}
}
body.mediawiki table.mbox-small-left {   /* For the "small=left" option. */
 
margin: 4px 1em 4px 0;
body.mediawiki table.mbox-small-left {
width: 238px;
/* For the "small=left" option. */
border-collapse: collapse;
margin: 4px 1em 4px 0;
font-size: 88%;
width: 238px;
line-height: 1.25em;
border-collapse: collapse;
font-size: 88%;
line-height: 1.25em;
}
}
 
/* Remove default styles for [[MediaWiki:Noarticletext]]. */
/* Remove default styles for [[MediaWiki:Noarticletext]]. */
div.noarticletext {
div.noarticletext {
border: none;
border: none;
background: transparent;
background: transparent;
padding: 0;
padding: 0;
}
}
 
#wpSave {
#wpSave {
font-weight: bold;
font-weight: bold;
}
}
 
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
/* class hiddenStructure is defunct. See [[Wikipedia:hiddenStructure]] */
.hiddenStructure {
.hiddenStructure {
display: inline ! important;
display: inline !important;
color: #f00;
color: #f00;
background-color: #0f0;
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;
}
/* Removes underlines from certain links */
/* Removes underlines from certain links */
.nounderlines a,
.nounderlines a,
.IPA a:link, .IPA a:visited {
.IPA a:link,
text-decoration: none;
.IPA a:visited {
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]]. */
div.NavFrame {
div.NavFrame {
margin: 0;
margin: 0;
padding: 4px;
padding: 4px;
border: 1px solid #aaa;
border: 1px solid #aaa;
text-align: center;
text-align: center;
border-collapse: collapse;
border-collapse: collapse;
font-size: 95%;
font-size: 95%;
}
}
div.NavFrame + div.NavFrame {
div.NavFrame + div.NavFrame {
border-top-style: none;
border-top-style: none;
border-top-style: hidden;
border-top-style: hidden;
}
}
div.NavPic {
div.NavPic {
background-color: #fff;
background-color: #fff;
margin: 0;
margin: 0;
padding: 2px;
padding: 2px;
float: left;
float: left;
}
}
div.NavFrame div.NavHead {
div.NavFrame div.NavHead {
height: 1.6em;
height: 1.6em;
font-weight: bold;
font-weight: bold;
background-color: #ccf;
background-color: #ccf;
position: relative;
position: relative;
}
}
div.NavFrame p,
div.NavFrame p,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent,
div.NavFrame div.NavContent p {
div.NavFrame div.NavContent p {
font-size: 100%;
font-size: 100%;
}
}
div.NavEnd {
div.NavEnd {
margin: 0;
margin: 0;
padding: 0;
padding: 0;
line-height: 1px;
line-height: 1px;
clear: both;
clear: both;
}
}
a.NavToggle {
a.NavToggle {
position: absolute;
position: absolute;
top: 0;
top: 0;
right: 3px;
right: 3px;
font-weight: normal;
font-weight: normal;
font-size: 90%;
font-size: 90%;
}
}
 
/* Hatnotes and disambiguation notices */
/* Hatnotes and disambiguation notices */
.rellink,
.rellink,
.dablink {
.dablink {
font-style: italic;
font-style: italic;
padding-left: 2em;
padding-left: 2em;
margin-bottom: 0.5em;
margin-bottom: 0.5em;
}
}
.rellink i,
.rellink i,
.dablink i {
.dablink i {
font-style: normal;
font-style: normal;
}
}
 
/* Style for horizontal UL lists */
/* Style for horizontal UL lists */
.horizontal ul {
.horizontal ul {
padding: 0;
padding: 0;
margin: 0;
margin: 0;
}
}
.horizontal li {
.horizontal li {
padding: 0 0.6em 0 0.4em;
padding: 0 0.6em 0 0.4em;
display: inline;
display: inline;
border-right: 1px solid;
border-right: 1px solid;
}
}
.horizontal li:last-child {
.horizontal li:last-child {
border-right: none;
border-right: none;
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. */
.listify td   { display: list-item; }
.listify td {
.listify tr   { display: block; }
display: list-item;
.listify table { display: block; }
}
 
.listify tr {
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
"latitude" are used by the [[Geo microformat]].
"latitude" are used by the [[Geo microformat]].
*/
*/
.geo-default, .geo-dms, .geo-dec { display: inline; }
.geo-default,
.geo-nondefault, .geo-multi-punct { display: none; }
.geo-dms,
.longitude, .latitude             { white-space: nowrap; }
.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,
/* When <div class="nonumtoc"> is used on the table of contents,
the ToC will display without numbers */
the ToC will display without numbers */
.nonumtoc .tocnumber { display: none; }
.nonumtoc .tocnumber {
display: none;
}
 
.nonumtoc #toc ul,
.nonumtoc #toc ul,
.nonumtoc .toc ul {
.nonumtoc .toc ul {
line-height: 1.5em;
line-height: 1.5em;
list-style: none;
list-style: none;
margin: .3em 0 0;
margin: 0.3em 0 0;
padding: 0;
padding: 0;
}
}
.nonumtoc #toc ul ul,
.nonumtoc #toc ul ul,
.nonumtoc .toc ul ul {
.nonumtoc .toc ul ul {
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 726: Line 949:
.toclimit-6 .toclevel-5 ul,
.toclimit-6 .toclevel-5 ul,
.toclimit-7 .toclevel-6 ul {
.toclimit-7 .toclevel-6 ul {
display: none;
display: none;
}
}
 
/* Styling for Template:Quote */
/* Styling for Template:Quote */
blockquote.templatequote {
blockquote.templatequote {
margin-top: 0;
margin-top: 0;
}
}
blockquote.templatequote div.templatequotecite {
blockquote.templatequote div.templatequotecite {
line-height: 1em;
line-height: 1em;
text-align: left;
text-align: left;
padding-left: 2em;
padding-left: 2em;
margin-top: 0;
margin-top: 0;
}
}
blockquote.templatequote div.templatequotecite cite {
blockquote.templatequote div.templatequotecite cite {
font-size: 85%;
font-size: 85%;
}
}
 
/* User block messages */
/* User block messages */
div.user-block {
div.user-block {
padding: 5px;
padding: 5px;
margin-bottom: 0.5em;
margin-bottom: 0.5em;
border: 1px solid #A9A9A9;
border: 1px solid #a9a9a9;
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 761: Line 986:
span.texhtml,
span.texhtml,
sup.reference a {
sup.reference a {
white-space: nowrap;
white-space: nowrap;
}
}
 
/* For template documentation */
/* For template documentation */
.template-documentation {
.template-documentation {
clear: both;
clear: both;
margin: 1em 0 0 0;
margin: 1em 0 0 0;
border: 1px solid #aaa;
border: 1px solid #aaa;
background-color: #ecfcf4;
background-color: var(--bg-template-documentation);
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;
}
}
 
/* Increase the height of the image upload box */
/* Increase the height of the image upload box */
#wpUploadDescription {
#wpUploadDescription {
height: 13em;
height: 13em;
}
}
 
/* Reduce line-height for <sup> and <sub> */
/* Reduce line-height for <sup> and <sub> */
sup, sub {
sup,
line-height: 1em;
sub {
line-height: 1em;
}
}
 
/* Minimum thumb width */
/* Prevent floating boxes from overlapping any category listings,
.thumbinner {
file histories, edit previews, and edit [Show changes] views */
min-width: 100px;
#mw-subcategories,
#mw-pages,
#mw-category-media,
#filehistory,
#wikiPreview,
#wikiDiff {
clear: both;
}
}
 
/* Remove white border from thumbnails */
/* Selectively hide headers in WikiProject banners */
div.thumb {
.wpb .wpb-header {
border: none;
display: none;
}
}
div.tright {
 
border: none;
.wpbs-inner .wpb .wpb-header {
margin: 0.5em 0 0.8em 1.4em;
display: block;
}
}
div.tleft {
 
border: none;
/* for IE */
margin: 0.5em 1.4em 0.8em 0;
.wpbs-inner .wpb .wpb-header {
display: table-row;
}
}
 
/* Makes the background of a framed image white instead of gray. */
/* for real browsers */
/* Only visible with transparent images. */
.wpbs-inner .wpb-outside {
div.thumb img.thumbimage {
display: none;
background-color: #fff;
}
}
 
/* The backgrounds for galleries. */
/* hide things that should only display outside shells */
#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("https://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 */
/* Styling for Abuse Filter tags */
.mw-tag-markers {
.mw-tag-markers {
font-family:sans-serif;
font-family: sans-serif;
font-style:italic;
font-style: italic;
font-size:90%;
font-size: 90%;
}
}
 
/* Fix so <tt>, <code> and <pre> tags get normal text size also in
/* Fix so <tt>, <code> and <pre> tags get normal text size also in
some versions of Firefox, Safari, Konqueror, Chrome etc.
some versions of Firefox, Safari, Konqueror, Chrome etc.
Remove once r69336 and r76322 are live. */
Remove once r69336 and r76322 are live. */
tt, code, pre, kbd, samp {
tt,
font-family: monospace, "Courier New";
code,
pre,
kbd,
samp {
font-family: monospace, "Courier New";
}
}
/* Same fix, but for inline code generated by #tag:syntaxhighlight */
/* Same fix, but for inline code generated by #tag:syntaxhighlight */
span.mw-geshi {
span.mw-geshi {
font-family: monospace, "Courier New" !important;
font-family: monospace, "Courier New" !important;
}
}
 
/* 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 {
list-style: none;
list-style: none;
}
}
ul.permissions-errors {
ul.permissions-errors {
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;
}
 
/* Set a consistent audio player size to resolve interface issues */
.audio-button {
width: 100%;
height: 2em;
}
}
 
/* </source> */
/* </source> */


Line 884: Line 1,102:


ruby {
ruby {
    display: inline-table;
display: inline-table;
    text-align: center;
text-align: center;
    border-collapse: collapse;
border-collapse: collapse;
/* 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) */
}
}
rt {
rt {
text-align: center;
text-align: center;
}
}
/* 'ruby { text-align: center; } does not cascade to rt now */
/* 'ruby { text-align: center; } does not cascade to rt now */


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


Line 913: Line 1,135:
/* 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,
    border-bottom: hidden;
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 */
/* 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,
    white-space: nowrap;
rbc,
rt,
rtc {
white-space: nowrap;
}
}
/* prohibits line breaks inside ruby text */
/* prohibits line breaks inside ruby text */


rtc > rt, rbc > rb {
rtc > rt,
    display: table-cell;
rbc > rb {
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,
    font-size: 0.7em;
rtc {
    line-height: 1.2em;
font-size: 0.7em;
    letter-spacing: -0.1em;
line-height: 1.2em;
letter-spacing: -0.1em;
}
}
/* 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 */


Line 950: Line 1,184:


.outcell {
.outcell {
    border: 1px solid #7384B5;
border: 1px solid;
    border-radius: 5px;
border-radius: 5px;
}
}
.incell, .incell_top, .incell_bottom, .incell_topleft,  
 
.incell_topright, .incell_bottomleft, .incell_bottomright {
.incell,
    background: #DDE6FF;
.incell_top,
    text-align: center;
.incell_bottom,
    font-size: 120%;
.incell_topleft,
.incell_topright,
.incell_bottomleft,
.incell_bottomright {
/* background: #DDE6FF; Colors in common CSS */
text-align: center;
font-size: larger;
}
}
.incell_top {
.incell_top {
    border-radius: 3px 3px 0px 0px;
border-radius: 3px 3px 0px 0px;
width:320px;
}
}
.incell_bottom {
.incell_bottom {
    border-radius: 0px 0px 3px 3px;
border-radius: 0px 0px 3px 3px;
}
}
.incell_topleft {
.incell_topleft {
    border-radius: 3px 0px 0px 0px;
border-radius: 3px 0px 0px 0px;
}
}
.incell_topright {
.incell_topright {
    border-radius: 0px 3px 0px 0px;
border-radius: 0px 3px 0px 0px;
}
}
.incell_bottomleft {
.incell_bottomleft {
    border-radius: 0px 0px 0px 3px;
border-radius: 0px 0px 0px 3px;
}
}
.incell_bottomright {
.incell_bottomright {
    border-radius: 0px 0px 3px 0px;
border-radius: 0px 0px 3px 0px;
}
}
/* For positioning icons at top-right, used in Template
/* For positioning icons at top-right, used in Template
   "Spoken Article" and "Featured Article" */
   "Spoken Article" and "Featured Article" */
div.topicon {
div.topicon {
  position: absolute;
position: absolute;
  top: -2em;
top: -2em;
  margin-right: -10px;
margin-right: -10px;
  display: block !important;
display: block !important;
}
}


/* To make CategoryTree listings resemble their big brother a bit more. */
/* To make CategoryTree listings resemble their big brother a bit more. */
.CategoryTreeLabelPage {
.CategoryTreeLabelPage {
  font-style: normal;
font-style: normal;
}
}


.CategoryTreeTag {
.CategoryTreeTag {
  -moz-column-count: 3;
column-count: 3;
  -webkit-column-count: 3;
  column-count: 3;
}
}


/* Community Portal items */
/* Community Portal items */
.PortalNewsOuter {
.PortalNewsOuter {
    background: #ffffff;
background: #ffffff;
    width: 100%;
width: 100%;
    text-align: center;
text-align: center;
    border-radius: 80px;  
border-radius: 80px;
    border: 10px solid #dbf8ce;
border: 10px solid #dbf8ce;
}
}
.PortalNewsInner {
.PortalNewsInner {
    background: #b5dbc1;
background: #b5dbc1;
    width: 45%;
width: 45%;
    border-radius: 80px;
border-radius: 80px;
    font-size: 200%;
font-size: 200%;
    color: #285c4d;
color: #285c4d;
}
}
.NewsBox {
.NewsBox {
    width: 30%;  
width: 30%;
    border-radius: 20px;
border-radius: 20px;
    border: 3px solid;
border: 3px solid;
    padding: 10px;
padding: 10px;
}
}
.RoundyLabel {
.RoundyLabel {
    width:20%;
width: 20%;
    border-top-right-radius: 15px;
border-top-right-radius: 15px;
    border-bottom-right-radius: 15px;
border-bottom-right-radius: 15px;
    border: 1px solid;
border: 1px solid;
}
 
/* ========== *
*  NOL-TABS  *
* ========== */
 
.NOL-tabs-wrapper {
border-bottom-width: 1px;
border-bottom-style: solid;
display: block;
margin-bottom: 0.3em;
}
 
.NOL-tabs {
-webkit-columns: 60em 1;
columns: 60em 1;
display: inline;
margin: 0 !important;
vertical-align: top;
}
 
.NOL-tabs p,
.NOL-tabs ul,
.NOL-tabs li,
.NOL-tabs ul li {
display: inline;
margin: 0 !important;
padding: 0 !important;
}
 
/* unselected tabs */
.NOL-tabs p a,
.NOL-tabs li a,
.NOL-tabs ul li a {
padding: 2px 5px 3px 5px;
border-radius: 0px /*!important*/;
border-bottom: 0px;
}
 
/* current tab */
.NOL-tabs p .mw-selflink,
.NOL-tabs li .mw-selflink,
.NOL-tabs ul li .mw-selflink {
border-bottom-width: 2px;
border-bottom-style: solid;
}
 
/* float the bullet points to the left of each item */
.NOL-tabs-divider {
float: left;
margin: 0px 5px;
/* hide this since they're not needed any more */
display: none /*!important*/;
}
 
/* hide new links */
.NOL-tabs p a.new,
.NOL-tabs li a.new,
.NOL-tabs ul li a.new {
display: none /*!important*/;
}
}


/* Things that should be vsible to sysops and accountcreators by default */
/* hide bullet points for new links */
.sysop-show, .accountcreator-show {
.NOL-tabs p a.new ~ span.NOL-tabs-divider,
    display: none;
.NOL-tabs li a.new ~ span.NOL-tabs-divider,
.NOL-tabs ul li a.new ~ span.NOL-tabs-divider {
display: none;
}
}


/* hide bullet points for the first listed item */
.NOL-tabs li:first-child a ~ span.NOL-tabs-divider,
.NOL-tabs ul li:first-child a ~ span.NOL-tabs-divider {
display: none;
}


/* ========== *
/* ========== *
  *  DROPDOWN  *  
  *  DROPDOWN  *  
  * ========== */
  * ========== */
 
.dropdown {
.dropdown {
display:inline-block;
display: inline-block;
}
}


.dropdown a {
.dropdown a {
position: relative;
position: relative;
}
}


.dropdown div.mw-prefixindex-body {
position: absolute;
width: 0px;
}
.dropdown div ul,
.dropdown ul {
.dropdown ul {
background-color: inherit;
background-color: inherit;
margin: -3px 0 0 0;
margin: -3px 0 0 0;
position: absolute;
position: absolute;
visibility: hidden;
visibility: hidden;
z-index: 1;
z-index: 1;
}
}


.dropdown a:hover ~ div ul,
.dropdown a:focus ~ div ul,
.dropdown a:active ~ div ul,
.dropdown a:hover ~ ul,
.dropdown a:hover ~ ul,
.dropdown a:focus ~ ul,
.dropdown a:focus ~ ul,
.dropdown a:active ~ ul,
.dropdown a:active ~ ul,
.dropdown div ul:hover,
.dropdown ul:hover {
.dropdown ul:hover {
visibility: visible;
visibility: visible;
}
}


.dropdown ul li {
.dropdown ul li {
display: block;
display: block;
list-style:none;
list-style: none;
padding: 0 5px;
padding: 0 5px;
}
}


.dropdown ul li a {
.dropdown ul li a {
display: inline-block;
display: inline-block;
width: 100%;
width: 100%;
}
 
.dropdown ul ul {
display: inline-block;
left: 0;
/* left-align with any parent ul */
right: 0;
/* right-align with any parent ul */
}
 
/* ========= *
*  TOOLTIP  *
* ========= */
 
.tooltip {
position: relative;
display: inline;
border-bottom: 1px dotted black;
}
 
.tooltiptext {
visibility: hidden;
min-width: 250px;
padding: 12px 14px;
text-align: center;
position: absolute;
left: 50%;
bottom: calc(100% + 20px);
z-index: 2;
/* too high of a z-index will conflict with Extension:Popups */
background: #fff;
box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
border: 1px solid #a2a9b1;
border-radius: 2px;
font-weight: normal;
white-space: normal;
}
 
.tooltiptext:after,
.tooltiptext:before {
content: "";
position: absolute;
left: 50%;
border-style: solid;
display: none;
}
 
.tooltiptext:after,
.tooltip .tooltip .tooltiptext:after {
top: 100%;
bottom: auto;
width: 20px;
height: 20px;
margin-top: -10px;
margin-left: -10px;
background: inherit;
/* always inherit from .tooltiptiptext */
box-shadow: 1px 1px 0px #a2a9b1;
transform: rotate(45deg);
border-width: 0;
}
 
.tooltiptext:before {
top: 100%;
bottom: auto;
border-width: 18px;
margin-left: -18px;
border-color: white transparent transparent transparent;
/* fallback border color */
border-color: rgba(0, 0, 0, 0.15) transparent transparent transparent;
pointer-events: none;
}
 
.tooltip .tooltip .tooltiptext {
bottom: auto;
top: calc(100% + 20px);
}
 
.tooltip .tooltip .tooltiptext:after {
top: 0px;
bottom: 100%;
box-shadow: -1px -1px 0px #a2a9b1;
}
 
.tooltip .tooltip .tooltiptext:before {
top: auto;
bottom: 100%;
border-width: 16px;
margin-left: -16px;
border-color: transparent transparent #888 transparent;
}
 
.tooltiptext hr {
margin: 10px 0 12px;
position: relative;
background: none;
}
 
.tooltiptext hr:after {
content: "";
display: block;
width: 100%;
height: 1px !important;
position: absolute;
left: -14px;
background: #a2a9b1;
padding: 0 14px;
}
 
.tooltip:hover > .tooltiptext,
.tooltip.hover > .tooltiptext {
visibility: visible;
}
 
.tooltiptext {
opacity: 0;
transition: opacity 200ms ease, visibility 0s ease 200ms, transform 200ms ease;
transform: translate(-50%, 8px);
}
 
.tooltip .tooltip .tooltiptext {
transform: translate(-50%, -8px);
}
 
.tooltip:hover > .tooltiptext,
.tooltip.hover > .tooltiptext {
opacity: 1;
transition-delay: 0s;
transform: translate(-50%, 0);
}
 
/* =======================
  Tooltip colors & styles
  ======================= */
 
/* Just have it inherit
.tooltiptext a { color: #0645ad; border-bottom: 0; }
.tooltiptext a:visited { color: #0b0080; }
.tooltiptext a:active { color: #faa700; }
.tooltiptext a:hover, a:focus { text-decoration: underline; }
.tooltiptext { color: #252525; }
.tooltiptext a.new { color: #ba0000; }*/
 
/* Remove .mw-body-content stacking context so the tooltip can
  overlap with elements outside content area and be shown properly */
.mw-body-content {
z-index: auto;
}
 
/* =============
      Quotes
  ============= */
 
/* For ~/Quotes pages and templates in Category:Quotes_Templates */
 
.toc-float-right {
float: right;
margin: 1em 0 0 1em;
width: 25%;
}
 
table.quotes {
width: 80%;
}
 
.quotes > tbody > tr > th:first-child,
.quotes > * > tr > th:first-child,
.quotes > tr > th:first-child {
width: 9em;
}
 
.quotes > tbody > tr > th:last-child,
.quotes > * > tr > th:last-child,
.quotes > tr > th:last-child {
width: 8em;
}
 
/* ==================
      Guides Pages
    (Character Grid)
  ================== */
 
.inline {
display: inline;
}
 
.uppercase {
text-transform: uppercase;
}
 
.guide-header {
font-family: sans-serif;
font-weight: bold;
text-align: center;
}
 
.character-grid > div {
border-radius: 0.9em;
padding-bottom: 0.3em;
}
 
.character-grid > div:hover {
filter: brightness(1.2);
}
 
.bb div,
table.bb tr th,
table.imbox-notice.bb tr td {
background-color: var(--bg-bb);
color: rgba(255, 255, 255, 0.9);
}
 
.bbdw div,
table.bbdw tr th,
table.imbox-notice.bbdw tr td {
background-color: var(--bg-bbdw);
color: rgba(255, 255, 255, 0.9);
}
 
.p4u div,
table.p4u tr th,
table.imbox-notice.p4u tr td {
background-color: var(--bg-p4u);
color: var(--fg-white);
}
 
.uni div,
table.uni tr th,
table.imbox-notice.uni tr td {
background-color: var(--bg-uni);
color: var(--fg-white);
}
 
.rwby div,
table.rwby tr th,
table.imbox-notice.rwby tr td {
background-color: var(--bg-rwby);
color: var(--fg-white);
}
 
.ah div,
table.ah tr th,
table.imbox-notice.ah tr td {
background-color: var(--bg-ah);
color: var(--fg-white);
}
 
.sk div,
table.sk tr th,
table.imbox-notice.sk tr td {
background-color: var(--bg-sk);
color: var(--fg-white);
}
 
.bk div,
table.bk tr th,
table.imbox-notice.bk tr td {
background-color: var(--bg-bk);
color: var(--fg-white);
}
 
.plain div,
table.plain tr th,
table.imbox-notice.plain tr td {
background-color: var(--bg-plain);
color: var(--fg-white);
}
 
.bb2 div {
background-color: rgb(51, 102, 204);
border-color: rgb(51, 102, 204);
border-radius: 2px;
color: #fff;
display: inline-block;
font-size: large;
font-weight: bold;
line-height: normal;
padding: 0.57142857em 0.85714286em 0.5em 0.85714286em;
text-align: center;
text-decoration: none;
vertical-align: middle;
cursor: pointer;
}
 
.bb2 div:active {
color: #fff;
background-color: #2a4b8d;
box-shadow: none;
}
 
/* ==================
      Guides Pages
    (BBDW Character)
  ================== */
.wikitable.bbdw-light > * > tr > th {
background-color: var(--element-light);
color: var(--element-light-txt);
}
 
.wikitable.bbdw-dark > * > tr > th {
background-color: var(--element-dark);
color: var(--element-dark-txt);
}
 
.wikitable.bbdw-fire > * > tr > th {
background-color: var(--element-fire);
color: var(--element-fire-txt);
}
 
.wikitable.bbdw-water > * > tr > th {
background-color: var(--element-water);
color: var(--element-water-txt);
}
 
.wikitable.bbdw-earth > * > tr > th {
background-color: var(--element-earth);
color: var(--element-earth-txt);
}
 
.wikitable.bbdw-wind > * > tr > th {
background-color: var(--element-wind);
color: var(--element-wind-txt);
}
 
.wikitable .bbdw-revolver {
background-image: url(/images/a/a9/BBDW_Command_R.png);
background-repeat: no-repeat;
background-attachment: local;
background-position: 10% 50%;
background-blend-mode: screen;
display: grid;
align-content: center;
outline: 6px double var(--command-border);
outline-offset: -6px;
background-color: var(--command-revolver);
color: var(--command-revolver-txt);
font-size: 18px;
}
 
.wikitable .bbdw-drive {
background-image: url(/images/0/0a/BBDW_Command_D.png);
background-repeat: no-repeat;
background-attachment: local;
background-position: 10% 50%;
background-blend-mode: screen;
display: grid;
align-content: center;
outline: 2px solid var(--command-border);
outline-offset: -6px;
background-color: var(--command-drive);
color: var(--command-drive-txt);
font-size: 18px;
}
 
.wikitable .bbdw-special {
background-image: url(/images/6/6a/BBDW_Command_S.png);
background-repeat: no-repeat;
background-attachment: local;
background-position: 10% 50%;
background-blend-mode: screen;
display: grid;
align-content: center;
outline: 6px double var(--command-border);
outline-offset: -6px;
background-color: var(--command-special);
color: var(--command-special-txt);
font-size: 18px;
}
 
#tabs-bbdw-char ul {
/* BBDW Character art tabs hover over content */
position: absolute;
z-index: 2;
}
 
#tabs-bbdw-char img {
/* BBDW Character images fill content space */
object-fit: contain;
height: 100%;
max-width: 100%;
}
 
#tabs-bbdw-char {
/* BBDW character div is exactly 1/3 size of character portraits */
height: 516px;
}
 
/* ==================
    BBDW Grimoire
  ================== */
.bbdw-grimoire {
object-fit: contain;
max-width: 100%;
object-position: top;
height: 100%;
}
 
/* Items (BBDW) page's special orb tables */
.bbdw-orbs {
display: inline-block;
overflow-x: scroll;
max-width: 90%;
transform: rotateX(180deg);
/* css hack to get scrollbar to appear at the top without js */
}
 
.bbdw-orbs > tbody > tr {
transform: rotateX(180deg);
/* rotate text so it's upright again */
}
 
.bbdw-orbs td {
vertical-align: top;
}
 
/* ============== *
* News-box Class *
* ============== */
 
.news-box {
border: 1px solid;
margin: 0.5em 0;
padding: 0.5em 1em;
display: flex;
flex-wrap: wrap;
justify-content: space-around;
}
 
.news-header {
border-bottom: 1px solid;
font-size: 20px;
margin: 0.5em 0;
padding: 0.4em;
}
 
.news-subheader {
border-left: 3px solid;
margin: 1.5em 0 0 0;
padding: 0;
padding-left: 0.5em;
}
 
/* ================= *
* Template: Spoiler *
* ================= */
 
.spoiler {
background-color: black;
color: black;
}
 
.spoiler:focus,
.spoiler:active,
.spoiler:hover {
color: #ccc;
}
 
/* noselect source: https://stackoverflow.com/a/4407335 */
.noselect {
-webkit-touch-callout: none;
/* iOS Safari */
-webkit-user-select: none;
/* Safari */
-khtml-user-select: none;
/* Konqueror HTML */
-moz-user-select: none;
/* Firefox */
-ms-user-select: none;
/* Internet Explorer/Edge */
user-select: none;
/* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}
 
/*
* Class to hide elements while keeping them accessible to Javascript; created
* for Template:DropdownFilter.
* Combine this class with the HTML attribute aria-hidden="true" to hide the
* elements from screen readers, and with the mediawiki <nomobile></nomobile>
* HTML element to hide it from mobile viewers.
*/
.offscreen {
clip-path: inset(100%);
clip: rect(1px 1px 1px 1px);
/* IE 6/7 */
clip: rect(1px, 1px, 1px, 1px);
height: 1px;
overflow: hidden;
position: absolute;
white-space: nowrap;
/* added line */
width: 1px;
}
 
/* ===================================== *
* Story Namespace Scrolling Transcripts *
* ===================================== */
.scrolling-transcript {
height: 25em;
overflow-y: auto;
border: 2px solid;
}
 
.scrolling-transcript table {
border: 1px solid;
margin: 0;
width: 100%;
}
 
.scrolling-transcript table td {
width: 50%;
vertical-align: top;
}
 
/* ================================ *
* Template:BBDW Quest and Wikigrid *
* ================================ */
.bbdw-quest table {
display: table;
width: 100%;
margin: 0;
}
 
.bbdw-quest table:first-child {
margin-bottom: 0;
}
 
.bbdw-quest .wikigrid > div {
text-align: center;
}
 
.wikigrid {
/* match .wikitable styling */
display: grid;
}
 
.wikigrid > div {
border-bottom: 1px solid;
padding: 5px 10px 5px 10px;
font-size: 0.875rem;
flex: 1;
}
 
.wikigrid > .wg-hdr {
font-size: 0.8125rem;
font-weight: 600;
padding: 5px 10px 5px 10px;
text-align: center;
vertical-align: middle;
}
 
/* ======================= *
* Upload Wizard Campaigns *
* ======================= */
#mw-campaign-header,
#mw-campaign-view-all {
background-color: inherit;
}
 
/* ================= *
* For the glossary  *
* Help:Localization *
* ================= */
.dictionary dt {
font-weight: normal;
font-size: medium;
margin-bottom: 0.1em;
margin-top: 0.8em;
padding: 2px 2px 2px 7px;
}
 
/* Scrolling for lyrics of Songs */
.scroll {
max-height: 300px;
overflow-y: scroll;
}
 
/* ===================== *
* Extension: Page Forms *
* ===================== */
/* inherit the BG color instead of forcing a white background */
.jsgrid-grid-header,
.jsgrid-header-row > th,
.jsgrid-grid-body td,
.jsgrid-alt-row > td {
background-color: inherit;
}
 
/* have text appear below radiobuttons instead of next to them for easier readability */
label.radioButtonItem {
display: inline-block;
padding: 0.25em;
text-align: center;
}
 
label.radioButtonItem > input {
clear: both;
display: block;
margin-left: auto;
margin-right: auto;
}
 
/* ===================== *
* Extension: TabberNeue *
* ===================== */
/* May be too broad, verify */
.tabber__tabs {
justify-content: space-evenly;
flex-wrap: wrap;
}
}

Latest revision as of 01:07, 28 March 2024

/* CSS placed here will be applied to all skins */
/* Common color variable declarations */
:root {
	--element-light: rgb(220, 220, 120);
	--element-light-txt: rgb(0, 0, 0, 0.9);

	--element-dark: rgb(120, 80, 120);
	--element-dark-txt: rgb(255, 255, 255, 0.9);

	--element-fire: rgb(250, 120, 120);
	--element-fire-txt: rgb(0, 0, 0, 0.9);

	--element-water: rgb(80, 150, 250);
	--element-water-txt: rgb(0, 0, 0, 0.9);

	--element-earth: rgb(180, 120, 70);
	--element-earth-txt: rgb(0, 0, 0, 0.9);

	--element-wind: rgb(120, 200, 120);
	--element-wind-txt: rgb(0, 0, 0, 0.9);

	--command-revolver: rgb(13, 181, 237);
	--command-revolver-txt: rgb(0, 0, 0, 0.9);
	--command-drive: rgb(247, 135, 52);
	--command-drive-txt: rgb(0, 0, 0, 0.9);
	--command-special: rgb(228, 219, 120);
	--command-special-txt: rgb(0, 0, 0, 0.9);
	--command-border: rgba(255, 255, 255, 0.75);

	--bg-bb: rgb(3, 126, 226);
	--bg-bbdw: rgb(108, 16, 27);
	--bg-p4u: rgb(221, 177, 0);
	--bg-uni: rgb(144, 56, 184);
	--bg-rwby: rgb(248, 76, 96);
	--bg-ah: rgb(196, 99, 194);
	--bg-sk: rgb(137, 202, 255);
	--bg-bk: rgb(187, 168, 118);
	--bg-plain: grey;
	--fg-white: rgba(255, 255, 255, 0.9);

	--bg-template-documentation: inherit;
	/*used to be #ecfcf4 very pale foam green*/
}

/* Hide "Main Page" and siteSub from the Main Page along with loading icon */
.rootpage-Main_Page #firstHeading,
.rootpage-Main_Page #siteSub,
.rootpage-Main_Page #mw-indicator-smw-entity-examiner {
	display: none;
}

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

/* Default skin for navigation boxes */
/* Navbox container style */
table.navbox {
	width: 100%;
	margin: 0;
	clear: both;
	font-size: smaller;
	text-align: center;
	padding: 0px;
}

/* Navbox Layout */
table.navbox + table.navbox {
	/* Single pixel border between adjacent navboxes */
	margin-top: -1px;
}

/* Title and above/below styles */
.navbox-title,
.navbox-abovebelow,
table.navbox th {
	text-align: center;
	padding-left: 4px;
	padding-right: 4px;
}

.navbox-group {
	/* Group style */
	white-space: nowrap;
	text-align: right;
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
}

.navbox-list {
	text-align: left;
}

/* ================================ *
 * BlazBlue Wiki navigation buttons *
 * ================================ */
.bb-wiki-nav-button {
	display: inline-block;
	vertical-align: inherit;
	overflow-x: hidden;
	overflow-y: hidden;
	margin: 0.25em;
	line-height: normal;
}

/* =========== *
 * Fat buttons *
 * =========== */
.tabdiv > ul > li {
	cursor: pointer;
}

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

/* Infobox template style */
.infobox {
	width: 320px;
	margin: 0.5em 0 0.5em 1em;
	padding: 2px;
	float: right;
	clear: right;
	text-align: left;
	font-size: smaller;
	line-height: 1.5em;
}

.infobox td,
.infobox th {
	vertical-align: top;
	text-align: center;
}

.infobox caption {
	font-size: larger;
}

.infobox.bordered {
	border-collapse: collapse;
}

.infobox.bordered td,
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
	border: 0;
}

.infobox.sisterproject {
	width: 20em;
	font-size: 90%;
}

.infobox p {
	margin: 0;
}

.infobox-character-td {
	text-align: center;
	padding: 0;
}
.character-imageset {
	width: 100%;
}
/* 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("https://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: 0.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;
}

/* 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: 0.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: var(--bg-template-documentation);
	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;
}

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

/* Set a consistent audio player size to resolve interface issues */
.audio-button {
	width: 100%;
	height: 2em;
}

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

rt {
	text-align: center;
}

/* 'ruby { text-align: center; } does not cascade to rt now */

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

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

.outcell {
	border: 1px solid;
	border-radius: 5px;
}

.incell,
.incell_top,
.incell_bottom,
.incell_topleft,
.incell_topright,
.incell_bottomleft,
.incell_bottomright {
	/* background: #DDE6FF; Colors in common CSS */
	text-align: center;
	font-size: larger;
}

.incell_top {
	border-radius: 3px 3px 0px 0px;
	width:320px;
}

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

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

/* To make CategoryTree listings resemble their big brother a bit more. */
.CategoryTreeLabelPage {
	font-style: normal;
}

.CategoryTreeTag {
	column-count: 3;
}

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

/* ========== *
 *  NOL-TABS  *
 * ========== */

.NOL-tabs-wrapper {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	display: block;
	margin-bottom: 0.3em;
}

.NOL-tabs {
	-webkit-columns: 60em 1;
	columns: 60em 1;
	display: inline;
	margin: 0 !important;
	vertical-align: top;
}

.NOL-tabs p,
.NOL-tabs ul,
.NOL-tabs li,
.NOL-tabs ul li {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}

/* unselected tabs */
.NOL-tabs p a,
.NOL-tabs li a,
.NOL-tabs ul li a {
	padding: 2px 5px 3px 5px;
	border-radius: 0px /*!important*/;
	border-bottom: 0px;
}

/* current tab */
.NOL-tabs p .mw-selflink,
.NOL-tabs li .mw-selflink,
.NOL-tabs ul li .mw-selflink {
	border-bottom-width: 2px;
	border-bottom-style: solid;
}

/* float the bullet points to the left of each item */
.NOL-tabs-divider {
	float: left;
	margin: 0px 5px;
	/* hide this since they're not needed any more */
	display: none /*!important*/;
}

/* hide new links */
.NOL-tabs p a.new,
.NOL-tabs li a.new,
.NOL-tabs ul li a.new {
	display: none /*!important*/;
}

/* hide bullet points for new links */
.NOL-tabs p a.new ~ span.NOL-tabs-divider,
.NOL-tabs li a.new ~ span.NOL-tabs-divider,
.NOL-tabs ul li a.new ~ span.NOL-tabs-divider {
	display: none;
}

/* hide bullet points for the first listed item */
.NOL-tabs li:first-child a ~ span.NOL-tabs-divider,
.NOL-tabs ul li:first-child a ~ span.NOL-tabs-divider {
	display: none;
}

/* ========== *
 *  DROPDOWN  * 
 * ========== */

.dropdown {
	display: inline-block;
}

.dropdown a {
	position: relative;
}

.dropdown div.mw-prefixindex-body {
	position: absolute;
	width: 0px;
}

.dropdown div ul,
.dropdown ul {
	background-color: inherit;
	margin: -3px 0 0 0;
	position: absolute;
	visibility: hidden;
	z-index: 1;
}

.dropdown a:hover ~ div ul,
.dropdown a:focus ~ div ul,
.dropdown a:active ~ div ul,
.dropdown a:hover ~ ul,
.dropdown a:focus ~ ul,
.dropdown a:active ~ ul,
.dropdown div ul:hover,
.dropdown ul:hover {
	visibility: visible;
}

.dropdown ul li {
	display: block;
	list-style: none;
	padding: 0 5px;
}

.dropdown ul li a {
	display: inline-block;
	width: 100%;
}

.dropdown ul ul {
	display: inline-block;
	left: 0;
	/* left-align with any parent ul */
	right: 0;
	/* right-align with any parent ul */
}

/* ========= *
 *  TOOLTIP  *
 * ========= */

.tooltip {
	position: relative;
	display: inline;
	border-bottom: 1px dotted black;
}

.tooltiptext {
	visibility: hidden;
	min-width: 250px;
	padding: 12px 14px;
	text-align: center;
	position: absolute;
	left: 50%;
	bottom: calc(100% + 20px);
	z-index: 2;
	/* too high of a z-index will conflict with Extension:Popups */
	background: #fff;
	box-shadow: 0 2px 0 0 rgba(0, 0, 0, 0.15);
	border: 1px solid #a2a9b1;
	border-radius: 2px;
	font-weight: normal;
	white-space: normal;
}

.tooltiptext:after,
.tooltiptext:before {
	content: "";
	position: absolute;
	left: 50%;
	border-style: solid;
	display: none;
}

.tooltiptext:after,
.tooltip .tooltip .tooltiptext:after {
	top: 100%;
	bottom: auto;
	width: 20px;
	height: 20px;
	margin-top: -10px;
	margin-left: -10px;
	background: inherit;
	/* always inherit from .tooltiptiptext */
	box-shadow: 1px 1px 0px #a2a9b1;
	transform: rotate(45deg);
	border-width: 0;
}

.tooltiptext:before {
	top: 100%;
	bottom: auto;
	border-width: 18px;
	margin-left: -18px;
	border-color: white transparent transparent transparent;
	/* fallback border color */
	border-color: rgba(0, 0, 0, 0.15) transparent transparent transparent;
	pointer-events: none;
}

.tooltip .tooltip .tooltiptext {
	bottom: auto;
	top: calc(100% + 20px);
}

.tooltip .tooltip .tooltiptext:after {
	top: 0px;
	bottom: 100%;
	box-shadow: -1px -1px 0px #a2a9b1;
}

.tooltip .tooltip .tooltiptext:before {
	top: auto;
	bottom: 100%;
	border-width: 16px;
	margin-left: -16px;
	border-color: transparent transparent #888 transparent;
}

.tooltiptext hr {
	margin: 10px 0 12px;
	position: relative;
	background: none;
}

.tooltiptext hr:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px !important;
	position: absolute;
	left: -14px;
	background: #a2a9b1;
	padding: 0 14px;
}

.tooltip:hover > .tooltiptext,
.tooltip.hover > .tooltiptext {
	visibility: visible;
}

.tooltiptext {
	opacity: 0;
	transition: opacity 200ms ease, visibility 0s ease 200ms, transform 200ms ease;
	transform: translate(-50%, 8px);
}

.tooltip .tooltip .tooltiptext {
	transform: translate(-50%, -8px);
}

.tooltip:hover > .tooltiptext,
.tooltip.hover > .tooltiptext {
	opacity: 1;
	transition-delay: 0s;
	transform: translate(-50%, 0);
}

/* =======================
   Tooltip colors & styles
   ======================= */

/* Just have it inherit
.tooltiptext a { color: #0645ad; border-bottom: 0; }
.tooltiptext a:visited { color: #0b0080; }
.tooltiptext a:active { color: #faa700; }
.tooltiptext a:hover, a:focus { text-decoration: underline; }
.tooltiptext { color: #252525; }
.tooltiptext a.new { color: #ba0000; }*/

/* Remove .mw-body-content stacking context so the tooltip can
   overlap with elements outside content area and be shown properly */
.mw-body-content {
	z-index: auto;
}

/* =============
      Quotes
   ============= */

/* For ~/Quotes pages and templates in Category:Quotes_Templates */

.toc-float-right {
	float: right;
	margin: 1em 0 0 1em;
	width: 25%;
}

table.quotes {
	width: 80%;
}

.quotes > tbody > tr > th:first-child,
.quotes > * > tr > th:first-child,
.quotes > tr > th:first-child {
	width: 9em;
}

.quotes > tbody > tr > th:last-child,
.quotes > * > tr > th:last-child,
.quotes > tr > th:last-child {
	width: 8em;
}

/* ==================
      Guides Pages
    (Character Grid)
   ================== */

.inline {
	display: inline;
}

.uppercase {
	text-transform: uppercase;
}

.guide-header {
	font-family: sans-serif;
	font-weight: bold;
	text-align: center;
}

.character-grid > div {
	border-radius: 0.9em;
	padding-bottom: 0.3em;
}

.character-grid > div:hover {
	filter: brightness(1.2);
}

.bb div,
table.bb tr th,
table.imbox-notice.bb tr td {
	background-color: var(--bg-bb);
	color: rgba(255, 255, 255, 0.9);
}

.bbdw div,
table.bbdw tr th,
table.imbox-notice.bbdw tr td {
	background-color: var(--bg-bbdw);
	color: rgba(255, 255, 255, 0.9);
}

.p4u div,
table.p4u tr th,
table.imbox-notice.p4u tr td {
	background-color: var(--bg-p4u);
	color: var(--fg-white);
}

.uni div,
table.uni tr th,
table.imbox-notice.uni tr td {
	background-color: var(--bg-uni);
	color: var(--fg-white);
}

.rwby div,
table.rwby tr th,
table.imbox-notice.rwby tr td {
	background-color: var(--bg-rwby);
	color: var(--fg-white);
}

.ah div,
table.ah tr th,
table.imbox-notice.ah tr td {
	background-color: var(--bg-ah);
	color: var(--fg-white);
}

.sk div,
table.sk tr th,
table.imbox-notice.sk tr td {
	background-color: var(--bg-sk);
	color: var(--fg-white);
}

.bk div,
table.bk tr th,
table.imbox-notice.bk tr td {
	background-color: var(--bg-bk);
	color: var(--fg-white);
}

.plain div,
table.plain tr th,
table.imbox-notice.plain tr td {
	background-color: var(--bg-plain);
	color: var(--fg-white);
}

.bb2 div {
	background-color: rgb(51, 102, 204);
	border-color: rgb(51, 102, 204);
	border-radius: 2px;
	color: #fff;
	display: inline-block;
	font-size: large;
	font-weight: bold;
	line-height: normal;
	padding: 0.57142857em 0.85714286em 0.5em 0.85714286em;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
	cursor: pointer;
}

.bb2 div:active {
	color: #fff;
	background-color: #2a4b8d;
	box-shadow: none;
}

/* ==================
      Guides Pages
    (BBDW Character)
   ================== */
.wikitable.bbdw-light > * > tr > th {
	background-color: var(--element-light);
	color: var(--element-light-txt);
}

.wikitable.bbdw-dark > * > tr > th {
	background-color: var(--element-dark);
	color: var(--element-dark-txt);
}

.wikitable.bbdw-fire > * > tr > th {
	background-color: var(--element-fire);
	color: var(--element-fire-txt);
}

.wikitable.bbdw-water > * > tr > th {
	background-color: var(--element-water);
	color: var(--element-water-txt);
}

.wikitable.bbdw-earth > * > tr > th {
	background-color: var(--element-earth);
	color: var(--element-earth-txt);
}

.wikitable.bbdw-wind > * > tr > th {
	background-color: var(--element-wind);
	color: var(--element-wind-txt);
}

.wikitable .bbdw-revolver {
	background-image: url(/images/a/a9/BBDW_Command_R.png);
	background-repeat: no-repeat;
	background-attachment: local;
	background-position: 10% 50%;
	background-blend-mode: screen;
	display: grid;
	align-content: center;
	outline: 6px double var(--command-border);
	outline-offset: -6px;
	background-color: var(--command-revolver);
	color: var(--command-revolver-txt);
	font-size: 18px;
}

.wikitable .bbdw-drive {
	background-image: url(/images/0/0a/BBDW_Command_D.png);
	background-repeat: no-repeat;
	background-attachment: local;
	background-position: 10% 50%;
	background-blend-mode: screen;
	display: grid;
	align-content: center;
	outline: 2px solid var(--command-border);
	outline-offset: -6px;
	background-color: var(--command-drive);
	color: var(--command-drive-txt);
	font-size: 18px;
}

.wikitable .bbdw-special {
	background-image: url(/images/6/6a/BBDW_Command_S.png);
	background-repeat: no-repeat;
	background-attachment: local;
	background-position: 10% 50%;
	background-blend-mode: screen;
	display: grid;
	align-content: center;
	outline: 6px double var(--command-border);
	outline-offset: -6px;
	background-color: var(--command-special);
	color: var(--command-special-txt);
	font-size: 18px;
}

#tabs-bbdw-char ul {
	/* BBDW Character art tabs hover over content */
	position: absolute;
	z-index: 2;
}

#tabs-bbdw-char img {
	/* BBDW Character images fill content space */
	object-fit: contain;
	height: 100%;
	max-width: 100%;
}

#tabs-bbdw-char {
	/* BBDW character div is exactly 1/3 size of character portraits */
	height: 516px;
}

/* ==================
     BBDW Grimoire
   ================== */
.bbdw-grimoire {
	object-fit: contain;
	max-width: 100%;
	object-position: top;
	height: 100%;
}

/* Items (BBDW) page's special orb tables */
.bbdw-orbs {
	display: inline-block;
	overflow-x: scroll;
	max-width: 90%;
	transform: rotateX(180deg);
	/* css hack to get scrollbar to appear at the top without js */
}

.bbdw-orbs > tbody > tr {
	transform: rotateX(180deg);
	/* rotate text so it's upright again */
}

.bbdw-orbs td {
	vertical-align: top;
}

/* ============== *
 * News-box Class *
 * ============== */

.news-box {
	border: 1px solid;
	margin: 0.5em 0;
	padding: 0.5em 1em;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}

.news-header {
	border-bottom: 1px solid;
	font-size: 20px;
	margin: 0.5em 0;
	padding: 0.4em;
}

.news-subheader {
	border-left: 3px solid;
	margin: 1.5em 0 0 0;
	padding: 0;
	padding-left: 0.5em;
}

/* ================= *
 * Template: Spoiler *
 * ================= */

.spoiler {
	background-color: black;
	color: black;
}

.spoiler:focus,
.spoiler:active,
.spoiler:hover {
	color: #ccc;
}

/* noselect source: https://stackoverflow.com/a/4407335 */
.noselect {
	-webkit-touch-callout: none;
	/* iOS Safari */
	-webkit-user-select: none;
	/* Safari */
	-khtml-user-select: none;
	/* Konqueror HTML */
	-moz-user-select: none;
	/* Firefox */
	-ms-user-select: none;
	/* Internet Explorer/Edge */
	user-select: none;
	/* Non-prefixed version, currently
                                  supported by Chrome and Opera */
}

/*
 * Class to hide elements while keeping them accessible to Javascript; created
 * for Template:DropdownFilter.
 * Combine this class with the HTML attribute aria-hidden="true" to hide the
 * elements from screen readers, and with the mediawiki <nomobile></nomobile> 
 * HTML element to hide it from mobile viewers.
 */
.offscreen {
	clip-path: inset(100%);
	clip: rect(1px 1px 1px 1px);
	/* IE 6/7 */
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute;
	white-space: nowrap;
	/* added line */
	width: 1px;
}

/* ===================================== *
 * Story Namespace Scrolling Transcripts *
 * ===================================== */
.scrolling-transcript {
	height: 25em;
	overflow-y: auto;
	border: 2px solid;
}

.scrolling-transcript table {
	border: 1px solid;
	margin: 0;
	width: 100%;
}

.scrolling-transcript table td {
	width: 50%;
	vertical-align: top;
}

/* ================================ *
 * Template:BBDW Quest and Wikigrid *
 * ================================ */
.bbdw-quest table {
	display: table;
	width: 100%;
	margin: 0;
}

.bbdw-quest table:first-child {
	margin-bottom: 0;
}

.bbdw-quest .wikigrid > div {
	text-align: center;
}

.wikigrid {
	/* match .wikitable styling */
	display: grid;
}

.wikigrid > div {
	border-bottom: 1px solid;
	padding: 5px 10px 5px 10px;
	font-size: 0.875rem;
	flex: 1;
}

.wikigrid > .wg-hdr {
	font-size: 0.8125rem;
	font-weight: 600;
	padding: 5px 10px 5px 10px;
	text-align: center;
	vertical-align: middle;
}

/* ======================= *
 * Upload Wizard Campaigns *
 * ======================= */
#mw-campaign-header,
#mw-campaign-view-all {
	background-color: inherit;
}

/* ================= *
 * For the glossary  *
 * Help:Localization *
 * ================= */
.dictionary dt {
	font-weight: normal;
	font-size: medium;
	margin-bottom: 0.1em;
	margin-top: 0.8em;
	padding: 2px 2px 2px 7px;
}

/* Scrolling for lyrics of Songs */
.scroll {
	max-height: 300px;
	overflow-y: scroll;
}

/* ===================== *
 * Extension: Page Forms *
 * ===================== */
/* inherit the BG color instead of forcing a white background */
.jsgrid-grid-header,
.jsgrid-header-row > th,
.jsgrid-grid-body td,
.jsgrid-alt-row > td {
	background-color: inherit;
}

/* have text appear below radiobuttons instead of next to them for easier readability */
label.radioButtonItem {
	display: inline-block;
	padding: 0.25em;
	text-align: center;
}

label.radioButtonItem > input {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/* ===================== *
 * Extension: TabberNeue *
 * ===================== */
/* May be too broad, verify */
.tabber__tabs {
	justify-content: space-evenly;
	flex-wrap: wrap;
}