User:KylaraE/common.css

.portable-infobox { border: 1px solid #000000; border-radius: 5px; margin: 0em 0em 1em 1em; padding: 10px 10px 5px 10px; }

.pi-europa.portable-infobox { color: #000000; width: 265px; }

.pi-image img { max-width: 100%; height: auto; vertical-align: bottom; }

.portable-infobox .pi-image-thumbnail { max-width: 265px; }

.portable-infobox .pi-title { background-color: transparent; border-top: 0px solid #000000; color: black; margin-bottom: 10px; }

.portable-infobox .pi-border-color { border-color: #000000; }

.portable-infobox .pi-item-spacing { padding: 2px 4px 2px 4px;   /* order: top right bottom left */ }

.portable-infobox .pi-data-value { text-align: left; }

.pi-europa .pi-image-collection-tabs { background-color: transparent; } .pi-europa .pi-image-collection-tabs .current { background-color: transparent; }

.portable-infobox .pi-image-collection-tabs .current { background-color: transparent !important; }

.pi-europa .pi-group { margin-bottom: 0px; margin-top: 7px; }

.pi-item.pi-group.pi-border-color.pi-collapse.pi-collapse-open.pi-collapse-closed { margin-bottom: 5px; }

.pi-europa .pi-horizontal-group { text-align: center; }

.pi-europa .pi-horizontal-group-item:nth-child(even) { background-color: transparent; }

.pi-europa .pi-horizontal-group .pi-data-value { text-align: center; vertical-align: middle; }

/* infobox background color: */

.portable-infobox.pi-background { background-color: #fafafc; } .portable-infobox.pi-theme-yellow.pi-background { background-color: #fffff0; } .portable-infobox.pi-theme-human.pi-background { background-color: #FCFAFA; } .portable-infobox.pi-theme-purple.pi-background { background-color: #fcfafc; } .portable-infobox.pi-theme-lavender.pi-background { background-color: #fcfafc; }

/* section headers background color: */

.portable-infobox .pi-secondary-background { background-color: #003355; } .portable-infobox.pi-theme-yellow .pi-secondary-background { background-color: #FFDD7D; color: #86591D; } .portable-infobox.pi-theme-human .pi-secondary-background { background-color: #8B0000; } .portable-infobox.pi-theme-purple .pi-secondary-background { background-color: #584771; } .portable-infobox.pi-theme-lavender .pi-secondary-background { background-color: #dbd0e0; /* lighter #e1dae4; */ color: #584771; }

/* data section borders */

.portable-infobox .pi-data { border-top: 1px solid #000000; } .portable-infobox.pi-theme-yellow .pi-data { border-top: 1px solid #D29039; } .portable-infobox.pi-theme-human .pi-data { border-top: 1px solid #8B0000; } .portable-infobox.pi-theme-purple .pi-data { border-top: 1px solid #584771; } .portable-infobox.pi-theme-lavender .pi-data { border-top: 1px solid #584771; }

/* font color of labels */

.portable-infobox.pi-theme-yellow .pi-data-label { color: #D29039; } .portable-infobox.pi-theme-human .pi-data-label { color: #8B0000; } .portable-infobox.pi-theme-purple .pi-data-label { color: #584771; } .portable-infobox.pi-theme-lavender .pi-data-label { color: #584771; }

/* group section (header) borders */

.portable-infobox.pi-theme-yellow .pi-group { border-top: 1px solid #D29039; } .portable-infobox.pi-theme-human .pi-group { border-top: 1px solid #8B0000; } .portable-infobox.pi-theme-purple .pi-group { border-top: 1px solid #584771; } .portable-infobox.pi-theme-lavender .pi-group { border-top: 1px solid #584771; }

/* gallery tabs background color: */

.pi-europa .pi-tab-link { font-size: 14px; margin: 0; border-left: 1px solid black; border-top: 1px solid black; border-right: 1px solid black; border-bottom: 0px; background-color: #D6DEE4; } .portable-infobox.pi-theme-human .pi-tab-link { background-color: #E4D6D6; } .portable-infobox.pi-theme-yellow .pi-tab-link { background-color: #fdf0cd; } .portable-infobox.pi-theme-purple .pi-tab-link { background-color: #e1dae4; } .portable-infobox.pi-theme-lavender .pi-tab-link { background-color: #dbd0e0; }

/* navigation background color: */

.pi-item-spacing.pi-navigation.pi-secondary-background.pi-secondary-font { text-align: center; border-top: 1px solid; background-color: #dae0e4; font-size: 14px; font-weight: bold; } .portable-infobox.pi-theme-purple .pi-item-spacing.pi-navigation.pi-secondary-background.pi-secondary-font { background-color: #e1dae4; } .portable-infobox.pi-theme-lavender .pi-item-spacing.pi-navigation.pi-secondary-background.pi-secondary-font { background-color: #f9f1fd; }