MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ /* General Portable Infobox CSS */ .portable-infobox { background-color: transparent; border: 2px solid black; color: black; width: 280px; } .portable-infobox .pi-border-color { border-color: #666; } .portable-infobox .pi-title, .portable-infobox .pi-header { text-align: center; } .portable-infobox .pi-title { background: black; color: white; line-height: 26px; font-size: 17px; font-weight: bold; } .portable-infobox .pi-data .pi-data-label { display: flex; -webkit-flex-basis: auto; -moz-flex-basis: auto; flex-basis: auto; -webkit-align-items: center; -moz-align-items: center; align-items: center; width: 50%; } .portable-infobox .pi-header { background-color: #a5a5a5; border-bottom: 1px solid #666; } .portable-infobox h2.pi-item.pi-header { padding: 3px; } .portable-infobox .pi-item-spacing { padding: 2px; } .portable-infobox .pi-image-thumbnail { width: 100%; height: auto; } .portable-infobox .pi-image { background-color: #000; } .portable-infobox .pi-data-value:not(.pi-horizontal-group-item) { text-align: right; } .portable-infobox .pi-data-value ul { text-align: left; } .portable-infobox .pi-navigation { background-color: transparent; border-bottom: 1px solid #666; font-size: smaller; text-align: center; }

/* Character Designing */ .pi-theme-Hazel { border: 2px solid #000438; } .pi-theme-Hazel .pi-title, .pi-theme-Hazel .pi-header:nth-of-type(2), .pi-theme-Hazel .pi-image { background-color: #000438; border-bottom: 0; color: white; } .pi-theme-Evie { border: 2px solid #063800; } .pi-theme-Evie .pi-title, .pi-theme-Evie .pi-header:nth-of-type(2), .pi-theme-Evie .pi-image { background-color: #063800; border-bottom: 0; color: white; }

.pi-theme-Val { border: 2px solid #ff0066; } .pi-theme-Val .pi-title, .pi-theme-Val .pi-header:nth-of-type(2), .pi-theme-Val .pi-image { background-color: #ff0066; border-bottom: 0; color: white; }

/* Theme Characters*/ .pi-theme-Jack { border: 2px solid #007bff; } .pi-theme-Jack .pi-title, .pi-theme-Jack .pi-header:nth-of-type(2), .pi-theme-Jack .pi-image { background-color: #007bff; border-bottom: 0; color: white; } .pi-theme-Toothiana { border: 2px solid #d000ff; } .pi-theme-Toothiana .pi-title, .pi-theme-Toothiana .pi-header:nth-of-type(2), .pi-theme-Toothiana .pi-image { background-color: #d000ff; border-bottom: 0; color: white; } .pi-theme-North { border: 2px solid #db0000; } .pi-theme-North .pi-title, .pi-theme-North .pi-header:nth-of-type(2), .pi-theme-North .pi-image { background-color: #db0000; border-bottom: 0; color: white; } .pi-theme-Bunny { border: 2px solid #008000; } .pi-theme-Bunny .pi-title, .pi-theme-Bunny .pi-header:nth-of-type(2), .pi-theme-Bunny .pi-image { background-color: #008000; border-bottom: 0; color: white; } .pi-theme-Sandy { border: 2px solid #ffe100; } .pi-theme-Sandy .pi-title, .pi-theme-Sandy .pi-header:nth-of-type(2), .pi-theme-Sandy .pi-image { background-color: #ffe100; border-bottom: 0; color: white; }