MediaWiki:Gadget-InfoboxStyle.css
From Fanonpedia
Jump to navigationJump to search
Note: After publishing, you may have to bypass your browser's cache to see the changes.
- Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
- Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
- Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* infobox template css */
/* <h2> general </h2> */
.infobox {
background-color: #fff;
border: 1px solid gray;
float: right;
font-size: 90%;
width: 280px;
margin:0 0 1em 1.15em;
padding:4px;
}
.infobox tr {
vertical-align: top;
}
.infobox td, .infobox th {
padding: 2px;
}
.infobox .mw-collapsible-toggle {
min-width: 39px;
text-align: right;
}
.infobox.bordered {
border-collapse: collapse;
}
.infobox.bordered td,
.infobox.bordered th {
border: 1px solid #AAA;
}
.infobox.bordered.black td,
.infobox.bordered.black th {
border: 1px solid #000;
}
.infobox.bordered .borderless td,
.infobox.bordered .borderless th {
border: 0;
}
.infobox audio + br {
margin-top: 2px;
}
.infobox td > audio:first-child {
margin-top: 2px;
}
/* <h2> colors </h2> */
.infobox { color: #000; }
.infobox.red { border: 1px solid #F98686; background: #FFF5EE; }
.infobox.red > tbody > tr:first-child > * { background: #FAAAAA; }
.infobox.red > tbody > tr:nth-child(2n+3) { background: #FFE4E1; }
.infobox.blue { border: 1px solid #88A; background: #F8F8FF; }
.infobox.blue > tbody > tr:first-child > * { background: #10274C; color: #fff; }
.infobox.blue > tbody > tr:nth-child(2n+3) { background: #C5CED6; }
.infobox.green { border: 1px solid #88AA88; background: #F8FFF7; }
.infobox.green > tbody > tr:first-child > * { background: #8AFA8A; }
.infobox.green > tbody > tr:nth-child(2n+3) { background: #AAFFAA; }
.infobox.lightblue { border: 1px solid #00004C; background: #F0F8FF; }
.infobox.lightblue > tbody > tr:first-child > * { background: #5993E5; }
.infobox.lightblue > tbody > tr:nth-child(2n+3) { background: #BDD4F5; }
.infobox.orange { border: 1px solid #EB9800; background: #FFF7EE; }
.infobox.orange > tbody > tr:first-child > * { background: #FFBF3F; }
.infobox.orange > tbody > tr:nth-child(2n+3) { background: #FFD27F; }
.infobox.gray { border: 1px solid #A9A9A9; background: #F5F5F5; }
.infobox.gray > tbody > tr:first-child > * { background: #C0C0C0; }
.infobox.gray > tbody > tr:nth-child(2n+3) { background: #DCDCDC; }
.infobox.purple { border: 1px solid #88A; background: #F8F8FF; }
.infobox.purple > tbody > tr:first-child > * { background: #BBBBFF; }
.infobox.purple > tbody > tr:nth-child(2n+3) { background: #CCCCFF; }
/* <h3> Template:Character infobox </h3> */
.infobox.character { border: 1px solid blue; background: #000; color:#FFF !important}
.infobox.character > tbody > tr:first-child > * { background: blue; color:#FFF }
.infobox.character > tbody > tr:nth-child(2n+3) { background: blue }
.infobox.character a { color: #D9D919; }
.infobox.character a:active { color: #F9F939; }
.infobox.character a:visited { color: #C0C000; }
.infobox.character a.new { color: #C20; }
.infobox.character a.new:active { color: #B95959; }
.infobox.character .mw-parser-output a.extiw { color: #09C; }
.infobox.character .mw-parser-output a.extiw:visited { color: #69C; }
.infobox.character .mw-parser-output a.external { color: #09C; }
.infobox.character .mw-parser-output a.external:visited { color: #69C; }
/* <h3> Template:Game infobox </h3> */
.infobox.game { border: 1px solid khaki; background: lightyellow; }
.infobox.game > tbody > tr:first-child > * { background: khaki; }
.infobox.game > tbody > tr:nth-child(2n+3) { background: palegoldenrod; }
/* <h3> Template:Species infobox </h3> */
.infobox.species { border: 1px solid firebrick; background: indianred; }
.infobox.species > tbody > tr:first-child > * { background: firebrick;color:#FFF }
.infobox.species > tbody > tr:nth-child(2n+3) { background: brown; }