MediaWiki:Gadget-InfoboxStyle.css: Difference between revisions

From Fanonpedia
Jump to navigationJump to search
Content added Content deleted
(moving to sub in case of all the other infobox templates to possibly make)
 
(experimental)
Line 74: Line 74:
.infobox.purple > tbody > tr:first-child > * { background: #BBBBFF; }
.infobox.purple > tbody > tr:first-child > * { background: #BBBBFF; }
.infobox.purple > tbody > tr:nth-child(2n+3) { background: #CCCCFF; }
.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: skyblue;color:#000 !important }

Revision as of 01:58, May 18, 2023

/* 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: skyblue;color:#000 !important }