MediaWiki:Themes.css

/* Infobox styling */ .portable-infobox { background: transparent; border-radius: 8px; border: 2px solid #c43d3d; padding: 2px; } .portable-infobox .pi-title { background: #c43d3d; border-radius: 6px 6px 0 0; line-height: 20px; text-align: center; } .portable-infobox .pi-header { background: #c43d3d; font-size: 16px; font-weight: normal; text-align: center; } .portable-infobox .pi-data-label, .portable-infobox .pi-data-value { -moz-flex-basis: 100%; -ms-flex-preferred-size: 100%; -webkit-flex-basis: 100%; flex-basis: 100%; } .pi-border-color { border-color: #a52929; } /* Makes infobox tabs made from gallery look nice */ .pi-image-collection-tabs { display: flex; flex-direction: row; flex-wrap:wrap; } .pi-image-collection-tabs .pi-tab-link { border: 0; flex: 1 auto; } .pi-image-collection-tabs .pi-tab-link:hover, .pi-image-collection-tabs .current { background: #c43d3d; } .pi-image-collection-tabs .current:hover { cursor: default; } .pi-image-collection-tab-content { background: transparent; } .pi-image { border-bottom: 1px solid #c43d3d; } ul.pi-image-collection-tabs { padding-bottom: 1px; }

/* 2.2 Тest for Infobox character */ .portable-infobox .pi-section-navigation { display: flex; flex-direction: row; } .portable-infobox .pi-section-label, .portable-infobox .pi-section-label:hover { color: #3a3a3a !important; } .pi-section-tab { text-align: center; } .portable-infobox .wds-tabs__tab, .pi-section-tab { border: 0; flex: 1 auto; } .pi-section-tab.pi-section-tab:hover, .pi-section-tab.pi-section-active { background: #d16262; } .portable-infobox .pi-section-navigation:after, .portable-infobox .pi-section-navigation:before { width: 0; } .pi-section-tab.pi-section-active, .pi-section-tab.pi-section-active:hover { box-shadow: none; } .pi-section-navigation li { margin: 2px 0; max-width:50% !important; } .portable-infobox .wds-tabs__tab-label, .pi-section-label { font-size: 14px; font-weight: normal; height: 30px; text-transform: none; } ul.pi-image-collection-tabs li { margin: 0; } .pi-section-tab:hover .pi-section-label { color: #3a3a3a; } .pi-image-collection-tabs .pi-tab-link { border-top: 2px solid #c43d3d; }

/* Character homepage */ .mainpage .char-element img { width: 120px; }

.mainpage .char-element img:hover { transform: scale(0.9); transition: transform 0.5s; }