MediaWiki:Common.css

/* CSS placed here will be applied to all skins */ /* Tabber styling */ .tabberlive .tabbertab, .tabber .tabbertab { border: 1px solid #D1394E; /* If you keep all borders the same */ border-image: none; padding: 3px; }

ul.tabbernav { border-bottom: none; }

ul.tabbernav li a { background: linear-gradient(to bottom, #A6274E 0%,#CD2F46 73%,#D1394E 100%); /* This should match your general choice of background color */ border: 1px solid #D1394E; /* This should match your general choice of border color */ border-image: none; border-radius: 2px 2px 0 0; /* This is only if you want your tabs to have rounded corners */ margin-left: 3px; padding: 3px 0.5em; text-decoration: none; }

ul.tabbernav li { display: inline; list-style: none outside none; margin: 0 0 0 7px; }

ul.tabbernav li a:link { color: #F1DAB4; /* This should match your anchor color, but simply being different from the default text color works */ }

ul.tabbernav li a:hover { background: none repeat scroll 0 0 #D1394E; border-color: #D1394E; /* This should match your general choice of border color */ color: #FFFFFF; }

ul.tabbernav li.tabberactive a { background-color: #D1394E; color: #FFFFFF; }

ul.tabbernav li.tabberactive a:hover { color: #F1DAB4; }

ul.tabbernav li.tabberactive a, ul.tabbernav li.tabberactive a:hover, ul.tabbernav li.tabberactive a:link { background-color: #A6274E; border-bottom: 1px none; padding: 2px 0.5em 4px; }

ul.tabbernav { text-align: center; /* if you want the tabs to be centered rather than left-justified with respect to the tab content */ }

/* messageboxes */ .messagebox { background: rgba(0,0,0,0.4); border: 1px solid #A6274E; border-radius: 10px; color: #F1DAB4 !important; box-shadow: 0 15px 45px -10px rgba(0, 0, 0, 0.3); margin: 0 auto 1em auto; padding: 0.5em; text-align: center; }

/* DLC colors for custom hyperlinks */ .RotG a:visited, a { color: #66E6FF; } .TBS a:visited, a { color: #00FF00; } .FF a:visited, a { color: #FFBE32; }

/* Infobox styling */ .portable-infobox { background: transparent; border: 1px solid #d1394e; padding: 6px; margin-left: 1em; margin-bottom: 0.5em; width: 350px; }

.portable-infobox .pi-title, .portable-infobox .pi-header { background: linear-gradient(to bottom, #a6274e 0%,#cd2f46 73%,#d1394e 100%); border: 1px solid rgba(164, 2, 57, 0.3); line-height: 36px !important; color: #f9cf87 !important; font-size: 150% !important; padding: 5px !important; text-align: center; font-weight: bold; }

.portable-infobox .pi-border-color { border-color: transparent; }

.portable-infobox .pi-secondary-font, .portable-infobox .pi-data-value { line-height: 1.6; font-size: 15px; color: #E0E0E0; }

.portable-infobox .pi-secondary-font { font-weight: bold; padding-top: 0; }

.portable-infobox .pi-data-label { flex-basis: 140px; }

.portable-infobox .pi-data-value:not(:first-child) { flex-basis: calc(100% - 130px); } .portable-infobox .pi-item-spacing { padding: 2px 5px; }

.portable-infobox .pi-section-label { color: #F1DAB4; }

.pi-section-navigation .pi-section-tab:hover .pi-section-label { color: #FFF; }

.pi-section-tab { cursor: pointer; }

.pi-section-tab.pi-section-active { box-shadow: inset 0 -2px 0 0 #F1DAB4; }

.pi-section-tab:hover.pi-section-active { box-shadow: inset 0 -2px 0 0 #FFF; }

.pi-smart-data-value:not(:first-child), .pi-smart-data-label:not(:first-child) { border-color: transparent; }

.pi-image-thumbnail { max-height: 150px; min-height: 72px; width: auto; }

.portable-infobox.pi-theme-enemy { background-color: transparent; border: 1px solid rgba(164,2,57,0.3); color: #E0E0E0; font-size: 89%; margin-bottom: 0.5em; margin-left: 1em; padding: 0.2em; width: 295px; }

.portable-infobox.pi-theme-enemy .pi-title, .portable-infobox.pi-theme-enemy .pi-header { background: linear-gradient(to bottom, #a6274e 0%,#cd2f46 73%,#d1394e 100%); border: 1px solid rgba(164, 2, 57, 0.3); text-align: center; color: #f9cf87; font-size: 150%; padding: 5px; }

.portable-infobox.pi-theme-enemy .pi-secondary-font { background-color: #181818; border-radius: 5px; font-weight: bold; padding: 0.5px 7px; text-align: right; }

.portable-infobox.pi-theme-enemy .pi-data-label { flex-basis: 86px; }

.portable-infobox.pi-theme-enemy .pi-data-value:not(:first-child) { flex-basis: calc(100% - 76px); }

.portable-infobox.pi-theme-enemy .pi-item-spacing { padding: 3px 5px; }

.portable-infobox .pi-section-navigation { flex-wrap:wrap; justify-content:center; }

.pi-section-label { margin: 0 4px; font-size: 11px; }

.pi-section-content.pi-section-active { border-color: #d1394e; border-width: 1px 0; border-style: solid; }

.pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { flex-basis: auto !important; }