User:Mechemik/common.css

@import url('https://fonts.googleapis.com/css?family=Play:400,700');

.WikiaPage .page-header { font-family: 'Play', sans-serif; font-weight: 400; /* This changes the header on every article */ } .WikiaArticle { font-family: 'Play', sans-serif; }

/*** portable infobox ***/ .portable-infobox { margin-right: 5px; margin-top: 5px; border: 1px solid #ece300; border-radius: 10px; background-color: #111111 !important; padding-bottom: 4px; -moz-box-shadow:0px 0px 5px rgba(236,227,0,0.75); -webkit-box-shadow:0px 0px 5px rgba(236,227,0,0.75); box-shadow:0px 0px 5px rgba(236,227,0,0.75); } /* edits portable infobox headers and titles to center */ .pi-title { background-color: transparent !important; border-radius: 10px 10px 0px 0px; color: #27d1f4; border-bottom: none !important; margin-top: 5px !important; text-align:center; }

.pi-header, .pi-horizontal-group .pi-header { background-color:transparent; color: #27d1f4; border-bottom: #ece300 solid 1px !important; border-right: #ece300 solid 3px !important; margin: 5px !important; border-radius: 2px; text-align: center; padding-right: 5px !important; font-size: 15px !important; } /* captions */ .portable-infobox .pi-caption { text-align: center; line-height: 150%; } /* spacing between infobox rows */ .pi-item-spacing { padding: 3px 0px !important; } /* Eliminate border between rows */ .pi-border-color { border-bottom-style: none !important; } /* portable infobox data labels (not input fields) */ .pi-data-label { padding: 3px 5px 3px 3px; text-align: right; border-right:1px #ece300 solid; color: #27d1f4; } .pi-data-value { padding-top: 3px; } /* 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 */ } /* 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 */ } /* all tabs */ .pi-image-collection { text-align: center; font-size: 14px; } /* activated tab */ ul.pi-image-collection-tabs li.current { background-color: transparent !important; border: 0px none; color: #ece300; } /* activated hover tab */ ul.pi-image-collection-tabs li.current:hover { background-color: transparent !important; border: 0px none; color: #27d1f4; } /* inactive tab */ ul.pi-image-collection-tabs li { border: 0px none; margin: 0px 4px; } /* inactive tab hover */ ul.pi-image-collection-tabs li:hover { background-color: transparent !important; border: 0px none; color: #27d1f4; } /*** end code for tabber for portable infobox ***/ /* section edits for different panels in infobox */ .pi-section-label { text-transform: none !important; } .pi-section-label { text-transform:none; height:20px; } /* remove hyphenations from infobox so no splitting words */ .portable-infobox .pi-navigation, .portable-infobox .pi-header, .portable-infobox .pi-caption, .portable-infobox .pi-data-value, .portable-infobox .pi-data-label { -webkit-hyphens:none; -moz-hyphens:none; -ms-hyphens:none; hyphens:none; }