MediaWiki:Gadget-InfoboxStyle.css
From Fanonpedia
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; }