MediaWiki:Themes.css

/* Infobox styling */ .portable-infobox, .pi-image img { width: 300px; } .portable-infobox .pi-secondary-font { font-family: "Josefin Sans", sans-serif; font-size: 12px; font-weight: 700; line-height: 18px; } .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; font-family: "Josefin Sans", sans-serif; } .portable-infobox .pi-header { background: #c43d3d; font-family: "Josefin Sans", sans-serif; 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%; font-family: "Josefin Sans", sans-serif; } .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; }

/*Tabbers from Horimiya Wiki's Template:Tabs*/ .tabber .tabbertab { border: none; }

ul.tabbernav li a { padding: 3px; margin-left: 10px; border: none; border-bottom: 6px double #000; background: transparent; font-family: 'Lato', sans-serif; text-transform:uppercase; letter-spacing: 3px; color: #a47719 !important }

ul.tabbernav li:hover { color: none !important; background-color: none; transition: .4s; }

ul.tabbernav li a:link { color: black !important; }

ul.tabbernav li.tabberactive a:hover { background-color: transparent; transition: .4s; }

ul.tabbernav li a:hover { background-color: transparent; }

ul.tabbernav li.tabberactive a { color: #a47719; background-color: transparent; border-bottom: 6px double #a47719; }

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

.mainpage .char-element img:hover { animation: spin 1.5s 1; } @keyframes spin { 100% {       transform: rotate(360deg); } }