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; }

a { color: #ebe152; }

/*** 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 15px !important; text-align: center; 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; padding-right: 8px; } /* 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; }

/* === Tables of all kinds === */ /* default table (article-table) */ .article-table { background-color: rgba(255, 255, 255, 0.05) !important; } .article-table th, .article-table td { border-bottom: 1px #333333 solid; }

.WikiaTable th, .WikiaTable td { border-bottom: none; } .article-table th { background-color: rgba(255, 255, 255, 0.15) !important; } /* removes the invisible tfoot html off tables so no extra space at bottom of tables */ .listing tfoot, .article-table tfoot, .WikiaTable tfoot { display:none; } /*** custom table so just need to list the class and not change each one on site ***/ /**************************************/ /*      quick list of classes        */ /*                                   */ /*     metadata - image meta tab      */ /*   filehistory - image hist tab    */ /* TablePager - ListFiles ListUsers  */ /**************************************/ .WikiaTable, table.mw_metadata, #mw-imagepage-section-filehistory table, .TablePager { margin:auto !important; border:1px #394147 solid; border-collapse:separate !important; border-spacing: 2px !important; } /* cells */ .WikiaTable th, .WikiaTable td, table.mw_metadata th, table.mw_metadata td, #mw-imagepage-section-filehistory table th, #mw-imagepage-section-filehistory table td, .TablePager th, .TablePager td { padding: 5px !important; } /* header */ .WikiaTable th, table.mw_metadata th, #mw-imagepage-section-filehistory table th, .TablePager th { background:#0c5563; text-align:center; } /* alternating rows */ .WikiaTable tr:nth-child(odd), table.mw_metadata tr:nth-child(odd), #mw-imagepage-section-filehistory table tr:nth-child(odd), .TablePager tr:nth-child(odd) { background-color: rgba(255, 255, 255, 0.15) !important; } .WikiaTable tr:nth-child(even), table.mw_metadata tr:nth-child(even), #mw-imagepage-section-filehistory table tr:nth-child(even), .TablePager tr:nth-child(even) { background-color: rgba(255, 255, 255, 0.05) !important; } /* sets arrow colors for tables */ table.jquery-tablesorter.sortable th.headerSort .chevron:first-child { border-color: transparent transparent #111111 !important; } table.jquery-tablesorter.sortable th.headerSort .chevron { border-top-color: #111111 !important; } /* custom class for custom tables where background is too dark for default color */ table.lightheader th { color: #e5e5e5 !important; } /* sets arrow colors for light header tables */ table.lightheader.jquery-tablesorter.sortable th.headerSort .chevron:first-child { border-color: transparent transparent #e5e5e5 !important; } table.lightheader.jquery-tablesorter.sortable th.headerSort .chevron { border-top-color: #e5e5e5 !important; } /* special code for file history table and metadata table on image description pages so it looks like the listing table class*/ .WikiaArticle .mw_metadata th, .WikiaArticle .mw_metadata td, #mw-imagepage-section-filehistory table th, #mw-imagepage-section-filehistory table td { border: none; } /* special fix for metadata table to not override custom table header colors where needed */ .WikiaArticle .mw_metadata th { background:#086578; } /* fix for listfile page as 2px is too much spacing */ .TablePager { border-spacing:0px !important; } /* fix to remove listfiles weird hover issue */ .TablePager td { background-color: transparent !important; } /* fix to remove too much padding around listfiles table */ .TablePager { padding: 1px !important; }