MediaWiki:Themes.css

.portable-infobox { --infobox-background-color: #FFF; --infobox-border: 1px solid #000; --infobox-accent-background-color: #000; --infobox-accent-text-color: #FFF; --title-background-color: #808080; --title-text-color: #FFF; --header-background-color: #E3E3E3; --header-text-color: #000; --datalabel-background-color: #F9F9F9; --datalabel-text-color: #4B4B4B; --item-separator-color: #909090; border: var(--infobox-border, 1px solid #000); color: #000; border-radius: 5px; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link { background-color: var(--datalabel-background-color); border-top-left-radius: 5px; border-top-right-radius: 5px; border-color: var(--item-separator-color); border-bottom: 0; font-size: 12px; line-height: 18px; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link.pi-item-spacing { margin: 1px; padding: 1px 3px; }

.portable-infobox .pi-image-collection-tabs .pi-tab-link.current { background-color: var(--title-background-color); color: var(--title-text-color); }

.portable-infobox.pi-background { background: var(--infobox-background-color, #FFF); }

.portable-infobox .pi-secondary-background { background-color: var(--infobox-accent-color, #000); color: var(--infobox-accent-color-text, #FFF); }

.portable-infobox .pi-item-spacing.pi-data { padding: 0; }

.portable-infobox .pi-border-color { border-color: var(--item-separator-color, #909090); }

.portable-infobox .pi-title { background-color: var(--title-background-color, #808080); color: var(--title-text-color, #FFF); margin: 2px; text-align: center; }

.portable-infobox .pi-header, .portable-infobox .pi-data-label.pi-horizontal-group-item, .portable-infobox .pi-navigation { background-color: var(--header-background-color, #E3E3E3); color: var(--header-text-color, #000); font-size: 14px; text-align: center; }

.portable-infobox .pi-title + .pi-image, .portable-infobox .pi-data:first-child + .pi-image { border-bottom: 1px solid; border-color: var(--item-separator-color, #909090); padding-bottom: 3px; padding-top: 3px; }

.portable-infobox .pi-caption, .portable-infobox .pi-data-value.pi-horizontal-group-item { color: var(--title-background-color, #E3E3E3); font-style: normal; text-align: center; font-weight: bolder; }

.portable-infobox .pi-data-label { background-color: var(--datalabel-background-color, #F9F9F9); color: var(--datalabel-text-color, #4B4B4B); padding: 5px; }

.portable-infobox .pi-data-value { padding: 5px; }

.portable-infobox .pi-data:first-child .pi-data-value:only-child, .portable-infobox .pi-title:first-child + .pi-data .pi-data-value:only-child { /* Special Case */ margin: auto; text-align: center; }

/* Game-related color schemes (aka Themes) */ .portable-infobox.pi-theme-The-Sims, .portable-infobox[class*=pi-theme-The-Sims-_], .portable-infobox[class*=pi-theme-The-Sims_-], .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-_], .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims_-], .portable-infobox.type-lot[class*=pi-theme-The-Sims-_], .portable-infobox.type-lot[class*=pi-theme-The-Sims_-], .portable-infobox.pi-theme-TSC, .portable-infobox.pi-theme-The-Sims-Bustin_-Out, .portable-infobox[class*=pi-theme-The-Sims-Bustin_-Out-], .portable-infobox[class*=pi-theme-The-Sims-Bustin_-Out-_], .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-Bustin_-Out-], .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-Bustin_-Out-_], .portable-infobox.type-lot[class*=pi-theme-The-Sims-Bustin_-Out-], .portable-infobox.type-lot[class*=pi-theme-The-Sims-Bustin_-Out-_], .portable-infobox.pi-theme-TS_BO, .portable-infobox.pi-theme-BO, .portable-infobox.pi-theme-Bustin_-Out, .portable-infobox.pi-theme-The-Sims_-Makin_-Magic, .portable-infobox.pi-theme-The-Sims-Online { --infobox-border: 2px solid #B22222; --title-background-color: #CD5C5C; --title-text-color: #FFF; --header-background-color: #FA8072; --header-text-color: #FFF; --datalabel-background-color: #FDC; --datalabel-text-color: #4B4B4B; --item-separator-color: #FA8072; }

.portable-infobox.pi-theme-The-Sims-2, .portable-infobox[class*=pi-theme-The-Sims-2-], .portable-infobox[class*=pi-theme-The-Sims-2_-], .portable-infobox.pi-theme-The-Sims-Life-Stories, .portable-infobox.pi-theme-The-Sims-Pet-Stories, .portable-infobox.pi-theme-The-Sims-Castaway-Stories { --infobox-border: 2px solid #46F; --title-background-color: #46F; --title-text-color: #FFF; --header-background-color: #6495ED; --header-text-color: #FFF; --datalabel-background-color: #BFDFFF; --datalabel-text-color: #4B4B4B; --item-separator-color: #9BF; }

.portable-infobox.pi-theme-The-Sims-3, .portable-infobox[class*=pi-theme-The-Sims-3-], .portable-infobox[class*=pi-theme-The-Sims-3_-] { --infobox-border: 2px solid #496; --title-background-color: #2E8B57; --title-text-color: #FFF; --header-background-color: #5A7; --header-text-color: #FFF; --datalabel-background-color: #CFC; --datalabel-text-color: #4B4B4B; --item-separator-color: #66CC80; }

.portable-infobox.pi-theme-The-Sims-4, .portable-infobox[class*=pi-theme-The-Sims-4-], .portable-infobox[class*=pi-theme-The-Sims-4_-], .portable-infobox.pi-theme-The-Sims-Mobile { --infobox-border: 2px solid #2CA9E1; --title-background-color: #3291CF; --title-text-color: #FFF; --header-background-color: #85CDF8; --header-text-color: #000; --datalabel-background-color: #D1EEF7; --datalabel-text-color: #4B4B4B; --item-separator-color: #78B3E5; }

.portable-infobox.pi-theme-The-Urbz_-Sims-in-the-City, .portable-infobox.pi-theme-TU_SITC, .portable-infobox[class*=pi-theme-The-Urbz_-Sims-in-the-City-] { --infobox-border: 2px solid #C63; --title-background-color: #C63; --title-text-color: #FFF; --header-background-color: #FF8C00; --header-text-color: #FFF; --datalabel-background-color: #FFC154; --datalabel-text-color: #4B4B4B; --item-separator-color: #FF7F50; }

.portable-infobox.pi-theme-The-Sims-Medieval, .portable-infobox[class*=pi-theme-The-Sims-Medieval-], .portable-infobox[class*=pi-theme-The-Sims-Medieval_-] { --infobox-border: 2px solid #DAA520; --title-background-color: #DAA520; --title-text-color: #FFF; --header-background-color: #F0E68C; --header-text-color: #000; --datalabel-background-color: #FFFACD; --datalabel-text-color: #4B4B4B; --item-separator-color: #F0E68C; }

.portable-infobox.pi-theme-The-Sims-Social, .portable-infobox.pi-theme-The-Sims-FreePlay { --infobox-border: 2px solid #44879E; --title-background-color: #18B4F7; --title-text-color: #FFF; --header-background-color: #50CFEC; --header-text-color: #FFF; --datalabel-background-color: #D3FCF8; --datalabel-text-color: #4B4B4B; --item-separator-color: #82D8D0; }

.portable-infobox.pi-theme-lot, .portable-infobox.type-lot { --infobox-background-color: #F9F9F9; --infobox-border: 1px solid #E0E0E0; --title-background-color: #808080; --title-text-color: #FFF; --datalabel-background-color: transparent; --item-separator-color: transparent; border: var(--infobox-border, 1px solid #E0E0E0); border-radius: 0; -webkit-box-shadow: 1px 1px 3px #777; box-shadow: 1px 1px 3px #777; color: #000; }

.portable-infobox.pi-theme-lot.pi-background, .portable-infobox.type-lot.pi-background { background: var(--infobox-background-color, #F9F9F9); }

.portable-infobox.pi-theme-lot .pi-title, .portable-infobox.type-lot .pi-title { box-shadow: 1px 1px 3px #777; font-size: 18px; font-weight: bold; padding: 2px; text-shadow: 1px 1px 1px #222; }

.portable-infobox.pi-theme-lot.pi-theme-The-Sims, .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-_], .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims_-], .portable-infobox.pi-theme-lot.pi-theme-TSC, .portable-infobox.pi-theme-lot.pi-theme-The-Sims-Bustin_-Out, .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-Bustin_-Out-], .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-Bustin_-Out-_], .portable-infobox.pi-theme-lot.pi-theme-TS_BO, .portable-infobox.pi-theme-lot.pi-theme-BO, .portable-infobox.pi-theme-lot.pi-theme-Bustin_-Out, .portable-infobox.pi-theme-lot.pi-theme-The-Sims_-Makin_-Magic, .portable-infobox.pi-theme-lot.pi-theme-The-Sims-Online, .portable-infobox.type-lot.pi-theme-The-Sims, .portable-infobox.type-lot[class*=pi-theme-The-Sims-_], .portable-infobox.type-lot[class*=pi-theme-The-Sims_-], .portable-infobox.type-lot.pi-theme-TSC, .portable-infobox.type-lot.pi-theme-The-Sims-Bustin_-Out, .portable-infobox.type-lot[class*=pi-theme-The-Sims-Bustin_-Out-], .portable-infobox.type-lot[class*=pi-theme-The-Sims-Bustin_-Out-_], .portable-infobox.type-lot.pi-theme-TS_BO, .portable-infobox.type-lot.pi-theme-BO, .portable-infobox.type-lot.pi-theme-Bustin_-Out, .portable-infobox.type-lot.pi-theme-The-Sims_-Makin_-Magic, .portable-infobox.type-lot.pi-theme-The-Sims-Online { --infobox-background-color: #FFE9E5; --title-background-color: #FA8072; }

.portable-infobox.pi-theme-lot.pi-theme-The-Sims-2, .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-2-], .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-2_-], .portable-infobox.pi-theme-lot.pi-theme-The-Sims-Life-Stories, .portable-infobox.pi-theme-lot.pi-theme-The-Sims-Pet-Stories, .portable-infobox.pi-theme-lot.pi-theme-The-Sims-Castaway-Stories, .portable-infobox.type-lot.pi-theme-The-Sims-2, .portable-infobox.type-lot[class*=pi-theme-The-Sims-2-], .portable-infobox.type-lot[class*=pi-theme-The-Sims-2_-], .portable-infobox.type-lot.pi-theme-The-Sims-Life-Stories, .portable-infobox.type-lot.pi-theme-The-Sims-Pet-Stories, .portable-infobox.type-lot.pi-theme-The-Sims-Castaway-Stories { --infobox-background-color: #E5E8FF; --title-background-color: #7788E0; }

.portable-infobox.pi-theme-lot.pi-theme-The-Sims-3, .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-3-], .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-3_-], .portable-infobox.type-lot.pi-theme-The-Sims-3, .portable-infobox.type-lot[class*=pi-theme-The-Sims-3-], .portable-infobox.type-lot[class*=pi-theme-The-Sims-3_-] { --infobox-background-color: #EEFFE5; --title-background-color: #96CF24; }

.portable-infobox.pi-theme-lot.pi-theme-The-Sims-4, .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-4-], .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-4_-], .portable-infobox.pi-theme-lot.pi-theme-The-Sims-Mobile, .portable-infobox.type-lot.pi-theme-The-Sims-4, .portable-infobox.type-lot[class*=pi-theme-The-Sims-4-], .portable-infobox.type-lot[class*=pi-theme-The-Sims-4_-], .portable-infobox.type-lot.pi-theme-The-Sims-Mobile { --infobox-background-color: #E5F7FF; --title-background-color: #25A8E0; }

.portable-infobox.pi-theme-lot.pi-theme-The-Urbz_-Sims-in-the-City, .portable-infobox.pi-theme-lot.pi-theme-TU_SITC, .portable-infobox.pi-theme-lot[class*=pi-theme-The-Urbz_-Sims-in-the-City-], .portable-infobox.type-lot.pi-theme-The-Urbz_-Sims-in-the-City, .portable-infobox.type-lot.pi-theme-TU_SITC, .portable-infobox.type-lot[class*=pi-theme-The-Urbz_-Sims-in-the-City-] { --infobox-background-color: #FFF5E5; --title-background-color: #FFC154; }

.portable-infobox.pi-theme-lot.pi-theme-The-Sims-Medieval, .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-Medieval-], .portable-infobox.pi-theme-lot[class*=pi-theme-The-Sims-Medieval_-], .portable-infobox.type-lot.pi-theme-The-Sims-Medieval, .portable-infobox.type-lot[class*=pi-theme-The-Sims-Medieval-], .portable-infobox.type-lot[class*=pi-theme-The-Sims-Medieval_-] { --infobox-background-color: #FFFBE5; --title-background-color: #DAA520; }

.portable-infobox.pi-theme-lot.pi-theme-The-Sims-Social, .portable-infobox.pi-theme-lot.pi-theme-The-Sims-FreePlay, .portable-infobox.type-lot.pi-theme-The-Sims-Social, .portable-infobox.type-lot.pi-theme-The-Sims-FreePlay { --infobox-background-color: #E5FFFC; --title-background-color: #18B4F7; }