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 { position: relative; margin-right:5px; margin-top:5px; border:1px solid #ffef00; border-radius:10px 0px 0px 10px; background-color:#111111; padding-bottom:4px; -moz-box-shadow:0px 0px 5px rgba(255,239,0,0.75); -webkit-box-shadow:0px 0px 5px rgba(255,239,0,0.75); box-shadow:0px 0px 5px rgba(255,239,0,0.75); }

/* fixes it so right border overlaps any infobox images */ .portable-infobox::after { content: ""; position: absolute; width: 8%; height: 100%; top: 0px; right: 0px; background-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/6/60/Cyberpunk_2077_razor_vertical_edge.svg"); background-repeat: repeat-y; background-size: 32px 1080px; } /* 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: #ffef00 solid 1px !important; margin:5px 10px !important; 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 !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 #ffef00 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: #ffef00; } /* 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. Not this is only for the new style that was added to the backend called "section" and may not be in use*/ .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; }