User:Mechemik/common.css

/*** portable infobox override ***/ /* edits portable infobox headers and titles to center */ .pi-title, .pi-header, .pi-horizontal-group .pi-header, .pi-caption, .pi-navigation { text-align: center; }

/* portable infobox entire background */ .pi-europa.pi-background { background-color: black !important; border: 1px solid #333333 !important; padding: .1em .2em !important; /* to give some spacing between headers and box */ width: 280px; } /* spacing between infobox rows */ .pi-item-spacing { padding: 2px 0px !important; } /* Eliminate border between rows */ .pi-border-color { border-bottom-style: none !important; } /* portable infobox title and header */ .pi-title, .pi-header.pi-secondary-font, .pi-navigation { margin: 2px !important; padding: 4px !important; font-size: 85% !important; }

/* portable infobox title */ .pi-title { margin-top: 3px !important; } /* portable infobox navigation field */ .pi-navigation { background-color: #003300 !important; margin-bottom: 3px !important; }

/* portable infobox data labels (not input fields) */ .pi-data-label { padding: 3px 5px 3px 3px; flex-basis: 40% !important; font-size: 85% !important; display: flex; align-items: center; } .pi-data-value { padding-top: 3px; margin-left: 5px; font-size: 85% !important; line-height: 1.6; } /* removes the vertical line on smart groups */ .pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value { border: none !important; } /* removes data label background from smart groups and keeps them centered*/ .pi-smart-data-label { background-color: transparent !important; text-align: center; } /* all portable infobox images, including tabber images */ .pi-image { background-color: transparent !important; /* will revert to default otherwise */ padding: 0.12em 0em .1em 0em !important; /*add a little padding around images so they don't go edge to edge*/ } /* portable infobox thumbnail images only */ .pi-image-thumbnail { background-color: transparent !important; /*will revert to default otherwise */ max-width:98%; width:auto; height:auto; } /* portable infobox thumbnail galleries fix */ .portable-infobox .pi-image-collection-tab-content { background-color: transparent !important; /* makes it so whatever the infobox background is set to, it'll flow consistently behind the images, like patterns */ } /*** tabber for portable infobox and images ***/ /* the whole tab row */ ul.pi-image-collection-tabs { margin-bottom: 0.01em; /* this fixes it so the image doesn't overlap the tabs */ text-align: center !important; background-color: transparent !important; } /* activated tab */ ul.pi-image-collection-tabs li.current { background-color: transparent !important; border: 0px none; color: #337800; } /* activated hover tab */ ul.pi-image-collection-tabs li.current:hover { background-color: transparent !important; border: 0px none; color: #337800; } /* inactive tab */ ul.pi-image-collection-tabs li { border: 0px none; margin: 0px 5px !important; } /* inactive tab hover */ ul.pi-image-collection-tabs li:hover { background-color: transparent !important; border: 0px none; color: #003300; } /*** end code for tabber for portable infobox ***/