MediaWiki:Infoboxes.css

/* Coding for the infoboxes on the wiki. For other coding see MediaWiki:Common.css

SHIP: Changes depending on theme designer settings. CHARACTER: Blue FANDOM: Purple



/* Infobox */ .portable-infobox.pi-background { background-color: transparent; } .pi-title { text-align:center; } .pi-secondary-background { text-align:center; }

.portable-infobox .pi-border-color { border-color: var(--theme-accent-color--hover); } .portable-infobox { border-width: 1px; border-style: solid; border-color: var(--theme-accent-color--hover); }

.portable-infobox.pi { border:1px solid var(--theme-accent-color--hover); }

/* SHIP INFOBOX */ /* LIGHT THEME */ .portable-infobox.pi-theme-ship .pi-title { background-color:#E52B50; color:white; text-align:center; }		.portable-infobox.pi-theme-ship .pi-secondary-background { background-color:#E52B50; color:white; }		.portable-infobox.pi-theme-ship .pi-border-color { border-color: #E52B50; }		.portable-infobox.pi-theme-ship { border:1px solid #E52B50; }	  /* DARK THEME */ .theme-fandomdesktop-dark .portable-infobox.pi-theme-ship .pi-title { background-color:#7B031B; color:white; text-align:center; }		.theme-fandomdesktop-dark .portable-infobox.pi-theme-ship .pi-secondary-background { background-color:#7B031B; color:white; }		.theme-fandomdesktop-dark .portable-infobox.pi-theme-ship .pi-border-color { border-color: #7B031B; }		.theme-fandomdesktop-dark .portable-infobox.pi-theme-ship { border:2px solid #7B031B; } /* Character Infobox */

/* LIGHT THEME */ .portable-infobox.pi-theme-character .pi-title { background-color:#2bade5; color:white; text-align:center; }	.portable-infobox.pi-theme-character .pi-secondary-background { background-color:#2bade5; color:white; }	.portable-infobox.pi-theme-character .pi-border-color { border-color: #2bade5; }	.portable-infobox.pi-theme-character { border:1px solid #2bade5; }

/* DARK THEME */ .theme-fandomdesktop-dark .portable-infobox.pi-theme-character .pi-title { background-color:#277191; color:white; text-align:center; }	.theme-fandomdesktop-dark .portable-infobox.pi-theme-character .pi-secondary-background { background-color:#277191; color:white; }	.theme-fandomdesktop-dark .portable-infobox.pi-theme-character .pi-border-color { border-color: #277191; }	.theme-fandomdesktop-dark .portable-infobox.pi-theme-character{ border:1px solid #277191; } /* Fandom infobox */

/* LIGHT THEME */ .portable-infobox.pi-theme-fandom .pi-title { background-color:#a500ff; color:white; text-align:center; }	.portable-infobox.pi-theme-fandom .pi-secondary-background { background-color:#a500ff; color:white; }	.portable-infobox.pi-theme-fandom .pi-border-color { border-color: #a500ff; }	.portable-infobox.pi-theme-fandom { border:1px solid #a500ff; }	/* DARK THEME */ .theme-fandomdesktop-dark .portable-infobox.pi-theme-fandom .pi-title { background-color:#764491; color:white; text-align:center; }	.theme-fandomdesktop-dark .portable-infobox.pi-theme-fandom .pi-secondary-background { background-color:#764491; color:white; }	.theme-fandomdesktop-dark .portable-infobox.pi-theme-fandom .pi-border-color { border-color: #764491; }	.theme-fandomdesktop-dark .portable-infobox.pi-theme-fandom { border:1px solid #764491; }

/* Terminology (Shipping page) */ /* LIGHT THEME */ .portable-infobox.pi-theme-term .pi-title { background-color:#e52bad; color:white; text-align:center; }	.portable-infobox.pi-theme-term .pi-secondary-background { background-color:#e52bad; color:white; }	.portable-infobox.pi-theme-term .pi-border-color { border-color: #e52bad; }	.portable-infobox.pi-theme-term { border:1px solid #e52bad; }	/* DARK THEME */ .theme-fandomdesktop-dark .portable-infobox.pi-theme-term .pi-title { background-color:#a3217c; color:white; text-align:center; }	.theme-fandomdesktop-dark .portable-infobox.pi-theme-term .pi-secondary-background { background-color:#a3217c; color:white; }	.theme-fandomdesktop-dark .portable-infobox.pi-theme-term .pi-border-color { border-color: #a3217c; }	.theme-fandomdesktop-dark .portable-infobox.pi-theme-term { border:1px solid #a3217c; }

/* Persons infobox - alternative colour for real-life ships */ /* LIGHT THEME */ .portable-infobox.pi-theme-persons .pi-title { background-color:#42af63; color:white; text-align:center; }	.portable-infobox.pi-theme-persons .pi-secondary-background { background-color:#42af63; color:white; }	.portable-infobox.pi-theme-persons .pi-border-color { border-color: #42af63; }	.portable-infobox.pi-theme-persons { border:1px solid #42af63; }	/* DARK THEME */ .theme-fandomdesktop-dark .portable-infobox.pi-theme-persons .pi-title { background-color:#256338; color:white; text-align:center; }	.theme-fandomdesktop-dark .portable-infobox.pi-theme-persons .pi-secondary-background { background-color:#256338; color:white; }	.theme-fandomdesktop-dark .portable-infobox.pi-theme-persons .pi-border-color { border-color: #256338; }	.theme-fandomdesktop-dark .portable-infobox.pi-theme-persons { border:1px solid #256338; }

/* Image Description */ .portable-infobox.pi-theme-imagedesc .pi-title { background-color:#ff8fdf; color:white; text-align:center; } .portable-infobox.pi-theme-imagedesc .pi-secondary-background { background-color:#ff8fdf; color:white; } .portable-infobox.pi-theme-imagedesc .pi-border-color { border-color: #ff8fdf; } .portable-infobox.pi-theme-imagedesc { border:1px solid #ff8fdf; }

/* Video description */ .portable-infobox.pi-theme-videodesc .pi-title { background-color:#ff8e6b; color:white; text-align:center; } .portable-infobox.pi-theme-videodesc .pi-secondary-background { background-color:#ff8e6b; color:white; } .portable-infobox.pi-theme-videodesc .pi-border-color { border-color: #ff8e6b; } .portable-infobox.pi-theme-videodesc { border:1px solid #ff8e6b; }