User:MACH-59330/common.css

/* Infobox theming */ /** Main theming **/ .portable-infobox { background: #f9f9f9; padding: 6px; border: 1px solid #25a8e0; box-shadow: 1px 1px 3px #777; width: 250px; }

/** Title theming **/ .portable-infobox .pi-title { background: #25a8e0; color: #fff; font-size: 15px; box-shadow: 1px 1px 3px #777; text-align: center; text-shadow: 1px 1px 2px #222; font-weight: bold; padding: 0; }

/** Image theming **/ .portable-infobox .pi-image, .portable-infobox .pi-image-thumbnail { width: 100%; height: auto; } .portable-infobox .pi-image { margin-top: 5px; } .portable-infobox .pi-caption { font-size: smaller; text-align: center; padding: 0 10px; } .portable-infobox .pi-image-collection .pi-image-collection-tabs { margin-top: 5px; } .portable-infobox .pi-image-collection .pi-image { border-top: 1px solid #666; margin-top: 0; } .portable-infobox .pi-image-collection-tabs .pi-tab-link { background: transparent; border-style: none; padding: 0 4px; margin: 0 2px; color: #222; border: 1px solid #666; font-weight: bold; font-size: small; } .portable-infobox .pi-image-collection-tabs .pi-tab-link:not(.current) { background: #25a8e0; color: #fff; } .portable-infobox .pi-data-label a { color: #222; }

/** Data theming **/ .portable-infobox .pi-group { border: #aaa solid; border-width: 1px 0 0; padding: 4px 0; } .portable-infobox .pi-group:first-child { padding: 0; border: none; } .portable-infobox .pi-data { border: none; }

/** Template-specific theming **/ /*** infobox ***/ .pi-theme-game .pi-data-label { flex-basis: 110px; }

/* Generation theming */

/** TS1 generation **/ .pi-theme-TS1 { background: #fff6f5; border: 1px solid #b22222; } .pi-theme-TS1 .pi-title, .pi-theme-TS1 .pi-header { background: #cd5c5c; } .pi-theme-TS1 .pi-image-collection-tabs .pi-tab-link:not(.current) { background: #cd5c5c; color: #fff; }

/** TS2 generation **/ .pi-theme-TS2 { background: #edf2fd; border: 1px solid #4466ff; } .pi-theme-TS2 .pi-title, .pi-theme-TS2 .pi-header { background: #4466ff; } .pi-theme-TS2 .pi-image-collection-tabs .pi-tab-link:not(.current) { background: #4466ff; }

/** TS3 generation **/ .pi-theme-TS3 { background: #ebfff3; border: 1px solid #449966; } .pi-theme-TS3 .pi-title, .pi-theme-TS3 .pi-header { background: #2e8b57; } .pi-theme-TS3 .pi-image-collection-tabs .pi-tab-link:not(.current) { background: #2e8b57; color: #fff; }

/** TS4 generation **/ .pi-theme-TS4 { background: #ebf1ff; border: 1px solid #2ca9e1; } .pi-theme-TS4 .pi-title, .pi-theme-TS4 .pi-header { background: #3291cf; } .pi-theme-TS4 .pi-image-collection-tabs .pi-tab-link:not(.current) { background: #3291cf; color: #fff; }

/** Urbz generation **/ .pi-theme-Urbz { background: #fff4e5; border: 1px solid #cc6633; } .pi-theme-Urbz .pi-title, .pi-theme-Urbz .pi-header { background: #cc6633; } .pi-theme-Urbz .pi-image-collection-tabs .pi-tab-link:not(.current) { background: #cc6633; color: #fff; }

/** Social generation **/ .pi-theme-Social { background: #edfafd; border: 1px solid #44879e; } .pi-theme-Social .pi-title, .pi-theme-Social .pi-header { background: #18b4f7; } .pi-theme-Social .pi-image-collection-tabs .pi-tab-link:not(.current) { background: #18b4f7; color: #fff; }

/** Medieval generation **/ .pi-theme-Medieval { background: #f9f9d2; border: 1px solid #daa520; } .pi-theme-Medieval .pi-title, .pi-theme-Medieval .pi-header { background: #daa520; } .pi-theme-Medieval .pi-image-collection-tabs .pi-tab-link:not(.current) { background: #daa520; color: #fff; }