User:Aphrodite Sweetheart/common.css

.portable-infobox { width: 282px; border: 3px ridge #FF0000; border-radius: 10px; text-align: center; vertical-align: middle; } .portable-infobox .pi-horizontal-group { padding: 2px !important; } .portable-infobox .pi-header, .portable-infobox .pi-title, .portable-infobox .pi-navigation { margin: 2px; margin-bottom: 0; padding: 0; } .portable-infobox .pi-item-spacing { text-align: center; padding: 2px; } .portable-infobox .pi-title, .portable-infobox .pi-data-label, .portable-infobox .pi-secondary-background { background-color: #DC143C; color: #FFF; } .portable-infobox .pi-section-navigation { margin: 2px; margin-bottom: 0; flex-wrap: wrap; justify-content: center; background: #FF0000; } .portable-infobox .pi-section-navigation .pi-section-tab { margin: 0; flex-grow: 1; padding: 2px; } .portable-infobox .pi-section-navigation .pi-section-label { height: auto; color: #FFF; font-size: 14px; text-transform: none; font-weight: bold; } .portable-infobox .pi-section-navigation .pi-section-tab:hover .pi-section-label { color: #FFF; cursor: pointer; } .portable-infobox .pi-section-navigation .pi-section-active { box-shadow: none; background: #DC143C; } .portable-infobox .pi-image-collection-tabs li { max-width: none; } .pi-background { background: transparent; } .pi-image img { width: 100%; height: auto; margin-top: 2px; } .pi-border-color { border-color: #FF0000; } .pi-title { border-radius: 6px 6px 0 0; font-weight: bold; } .pi-header { border-radius: 0 8px 8px 0; } .pi-header:nth-child(2) { border-radius: 0; } .pi-data-label { border-radius: 0 8px 8px 0; display: flex; flex-direction: column; justify-content: center; } .pi-horizontal-group .pi-data-label { border-radius: 0 0 0 0; display: table-cell; vertical-align: middle; padding: 2px !important; } .pi-data-value { margin: 0.4em 0; } .pi-navigation:last-child { border-radius: 0 0 6px 6px; margin-bottom: 2px; } .pi-navigation:last-child a { color: #FFF; } .pi-horizontal-group .pi-data-value { vertical-align: middle; } .pi-image-collection .wds-tabber { text-align: center; vertical-align: middle; } .pi-image-collection .wds__tabs { display: flex; flex-wrap: wrap; justify-content: center; border-color: transparent; margin: 2px; margin-bottom: 0; padding: 0; } .pi-image-collection .wds-tabs__tab { flex-grow: 1; } .pi-image-collection .wds__tabs li { background: none repeat scroll 0 0 #FF0000; color: #FFF; border: none; font-weight: bold; } .pi-image-collection .wds-tabs__tab.wds-is-current { background: none repeat scroll 0 0 #DC143C; border-color: #DC143C; box-shadow: none; } .pi-image-collection .wds-tabs__tab.wds-is-current:hover { background-color: #DC143C; } .pi-tab-link.pi-item-spacing { text-align: center; vertical-align: middle; } .wds-tab__content { background-color: transparent; } .wds-tabs__tab-label { display: flex; flex-wrap: wrap; justify-content: center; text-align: center; }

.pi-theme-Wiki { border: 3px groove; } .pi-theme-Wiki, .pi-theme-Wiki .pi-border-color { border-color: #BFE6EF; background-color: #E6F5F9; } .pi-theme-Wiki .pi-title, .pi-theme-Wiki .pi-secondary-font { background-color: #BFE6EF; color: #000; } .pi-theme-Wiki .wds-tabs__tab.wds-is-current, .pi-theme-Wiki .wds-tabs__tab.wds-is-current:hover { background-color: #BFE6EF; } .pi-theme-Wiki .wds-tabs__tab { background-color: #A3C2C9; color: #000; } .pi-theme-Wiki .pi-navigation:last-child a { color: #000; } .pi-theme-Wiki .wds-tabs__tab:hover { background-color: #E6FFF5; } .pi-theme-Wiki ::-webkit-scrollbar { width: 12px; height: 12px; } .pi-theme-Wiki ::-webkit-scrollbar-thumb { background: #BFE6EF; border-radius: 6px; } .pi-theme-Wiki ::-webkit-scrollbar-thumb:hover { background: #E6FFF5 !important; } .pi-theme-Wiki ::-webkit-scrollbar-thumb:active { background: #A3C2C9 !important; }

.pi-theme-Daphne, .pi-theme-Daphne .pi-border-color { border-color: #FAABB6; } .pi-theme-Daphne .pi-title, .pi-theme-Daphne .pi-secondary-font, .pi-theme-Daphne .wds-tabs__tab.wds-is-current { background-color: #00FF7F; background: linear-gradient(#57FFAB 25%, #00BF5F 75%) !important; color: #000 } .pi-theme-Daphne .pi-navigation:last-child a { color: #000; } .pi-theme-Daphne .wds-tabs__tab, .pi-theme-Daphne .wds-tabs__tab.wds-is-current:hover { background-color: #00FF7F; } .pi-theme-Daphne .wds-tabs__tab:hover { background-color: #FAABB6; } .pi-theme-Daphne ::-webkit-scrollbar { width: 12px; height: 12px; } .pi-theme-Daphne ::-webkit-scrollbar-thumb { background: #00FF7F; border-radius: 6px; } .pi-theme-Daphne ::-webkit-scrollbar-thumb:hover { background: #FAABB6 !important; } .pi-theme-Daphne ::-webkit-scrollbar-thumb:active { background: #FAABB6 !important; }