MediaWiki:Themes.css

/* All Infoboxes - General */ .portable-infobox { background: transparent; border: 2px solid #00F000; } /* All Infoboxes - Titles & Headers */ .portable-infobox .pi-header, .portable-infobox .pi-title { position: relative; background: transparent; font-weight: bold; font-size: larger; line-height: normal; color: #000; text-align: center; padding: 3px; } .portable-infobox .pi-header { font-size: small; line-height: 20px; } .portable-infobox .pi-header:before, .portable-infobox .pi-title:before { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; z-index: -1; border: 1.5px solid #00F000; } .portable-infobox .pi-header:after, .portable-infobox .pi-title:after { content: ""; position: absolute; top: 0; right: 0; bottom: 0; left: 0; z-index: -2; background-color: #96F555; } .portable-infobox .pi-header a, .portable-infobox .pi-title a { color: inherit; } /* All Infoboxes - Images */ .portable-infobox .pi-image-collection .pi-image-collection-tabs { padding: 2px 0 1px; margin: 0; } .portable-infobox .pi-image-collection .pi-tab-link { position: relative; background-color: #96F555; font-weight: bold; font-size: larger; color: #000; padding: 3px 5px; border: 1px solid #00F000; } .portable-infobox .pi-image-collection .pi-tab-link:not(:first-child) { margin-left: 2px; } .portable-infobox .pi-image-collection .pi-tab-link.current:before { content: ""; position: absolute; top: 1px; right: 1px; bottom: 1px; left: 1px; border: 1.5px solid #00F000; } /* All Infoboxes - Borders */ .portable-infobox .pi-border-color { border-color: #00F000; } .portable-infobox .pi-image { border-bottom: 1px solid #00F000; } .portable-infobox .pi-horizontal-group .pi-horizontal-group-item { border-top: 1px solid #00F000; } .portable-infobox .pi-horizontal-group thead + tbody .pi-horizontal-group-item { border-top: none; } /* All Infoboxes - separator groups */ .portable-infobox .pi-group[data-item-name="separator"] { position: relative; padding-top: 3px; } .portable-infobox .pi-group[data-item-name="separator"]:after { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 3px; background-color: #96F555; border-bottom: 1px solid #00F000; box-sizing: border-box; } /* All Infoboxes - Data */ .portable-infobox .pi-data { padding: 0; } .portable-infobox .pi-data-value, .portable-infobox .pi-data-label { font-size: x-small; padding: 2px; box-sizing: border-box; } .portable-infobox .pi-data-value { flex: 1 1 50%; } .portable-infobox .pi-data-value:only-child { text-align: center; } .portable-infobox .pi-data > .pi-data-label { flex-basis: calc(50% + 1px); border-right: 1px solid #00F000; } /* All Infoboxes - Navigation */ .portable-infobox .pi-navigation { background-color: #96F555; font-size: small; line-height: normal; color: #000; text-align: center; padding: 4px; } .portable-infobox .pi-navigation a { color: inherit; } /* Character Infobox */ .portable-infobox.type-character .pi-data > .pi-data-label { flex-basis: calc(30% + 1px); } /* Theme - Teal */ .portable-infobox.pi-theme-teal { padding: 0; border: 1px solid #CCCCCC; } .portable-infobox.pi-theme-teal .pi-title { font-size: small; } .portable-infobox.pi-theme-teal .pi-header { font-size: smaller; border: 1px solid #000000; } .portable-infobox.pi-theme-teal .pi-group[data-item-name="separator"]:after, .portable-infobox.pi-theme-teal .pi-image-collection .pi-tab-link, .portable-infobox.pi-theme-teal .pi-header:after, .portable-infobox.pi-theme-teal .pi-title:after, .portable-infobox.pi-theme-teal .pi-data-label, .portable-infobox.pi-theme-teal .pi-navigation { background-color: #E0EEEE; } .portable-infobox.pi-theme-teal .pi-image-collection .pi-tab-link, .portable-infobox.pi-theme-teal .pi-navigation, .portable-infobox.pi-theme-teal .pi-header, .portable-infobox.pi-theme-teal .pi-title { color: #000000; } .portable-infobox.pi-theme-teal .pi-header:before, .portable-infobox.pi-theme-teal .pi-title:before { display: none; } .portable-infobox.pi-theme-teal .pi-data > .pi-data-label { flex-basis: calc(25% + 1px); } .portable-infobox.pi-theme-teal .pi-group[data-item-name="inset"] { border: 1px inset #ACB1E8; } .portable-infobox.pi-theme-teal .pi-group[data-item-name="inset"] .pi-data { border-right: 1px solid #000000; border-left: 1px solid #000000; } .portable-infobox.pi-theme-teal .pi-group[data-item-name="inset"] .pi-data:last-child { border-bottom: 1px solid #000000; }