MediaWiki:Common.css

@import url('https://fonts.googleapis.com/css2?family=Play:wght@400;700&family=Rubik:wght@300;500');

/** Tables of Contents * * 1. FANDOM FIXES *     - Section for the skin and other things * 2. Portable Infoboxes * 2. Tabber * 4. CYBERPUNK WIKI - ACTUAL SITE CSS *     - Templates, templates, templates * body.theme-fandomdesktop-light { --cyberpunkwiki-background-image: url(https://static.wikia.nocookie.net/cyberpunk/images/5/50/Wiki-background/revision/latest);

--cyberpunkwiki-background-color: #f8f9fa; --cyberpunkwiki-background-color-alt: #ddf; --cyberpunkwiki-background-color--secondary: #f3f4f4; --cyberpunkwiki-background-color--tertiary: #ddd; --cyberpunkwiki-border-color: #eaecf0; --cyberpunkwiki-text-color--grey: #505050; --cyberpunkwiki-accent-color--secondary: #27d1f4;

--theme-page-background-color--secondary: #f3f4f4; /* change Fandom's default secondary background to match better with the Cyberpunk Wiki's theme */ --theme-border-color: #eaecf0; /* change Fandom's default border color to match better with the Cyberpunk Wiki's theme */ } body.theme-fandomdesktop-dark { --cyberpunkwiki-background-image: url(https://static.wikia.nocookie.net/cyberpunk/images/5/50/Wiki-background/revision/latest);

--cyberpunkwiki-background-color: #181818; --cyberpunkwiki-background-color-alt: #202020; --cyberpunkwiki-background-color--secondary: #282828; --cyberpunkwiki-background-color--tertiary: #303030; --cyberpunkwiki-border-color: #383838; --cyberpunkwiki-text-color--grey: #a0a0a0; --cyberpunkwiki-accent-color: #f0a000; --cyberpunkwiki-accent-color--secondary: #27d1f4;

--theme-page-background-color--secondary: #282828; /* change Fandom's default secondary background to match better with the Cyberpunk Wiki's theme */ --theme-border-color: #383838; /* change Fandom's default border color to match better with the Cyberpunk Wiki's theme */ } body.theme-fandomdesktop-dark .mw-highlight { --pygments-background: var(--theme-page-background-color--secondary); }

/** FANDOM FIXES **/ /* Framework */ body.skin-fandomdesktop { background: var(--theme-body-background-color) var(--cyberpunkwiki-background-image) no-repeat fixed center top; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; } .fandom-community-header__background::before { background-image: linear-gradient(to bottom,var(--theme-body-background-color) 0%,hsla(0,0%,100%,0)); }

.main-container h2, .main-container h3 { font-family: 'Play', sans-serif; } .resizable-container { font-family: 'Play', sans-serif; font-weight: 400; }

.mainpage .page-header__title, .mainpage .page-header__separator { display: none; } /* Removing title on main page */ .page-footer__languages { display: none; } /* hides interwiki lang section at bottom of pages as can be accessed in dropdown at top */ .wikia-photogallery-add { display: none; } /* hides the gallery add photo button */

/* Content headers */ .page-content h2, .pi-header { border-bottom: none; background-image: url("https://static.wikia.nocookie.net/cyberpunk/images/d/de/Cyber_small_header_bottom_yellow.svg/revision/latest"); background-repeat: no-repeat; background-position: 25% 105%; background-size: 100% 10px; padding-bottom: 6px; color: var(--cyberpunkwiki-accent-color--secondary); text-shadow: -1px 1px 0 #111, 1px 1px 0 #111, 1px -1px 0 #111, -1px -1px 0 #111; font-size: 18pt; } .page-content h3, .toc .toctitle h2 { color: var(--cyberpunkwiki-accent-color--secondary); } .toc .toctitle h2 { background-image: none; } /* prevent h2 style from affecting the TOC box */

/* light mode fixes - to be removed */ .theme-fandomdesktop-light .portable-infobox, .theme-fandomdesktop-light .blockquote, .theme-fandomdesktop-light .divGrayBox, .theme-fandomdesktop-light ul.wds-tabs li { color: #e3e3e3; } .theme-fandomdesktop-light ul.wds-tabs li.wds-is-current { color: #ffef00; } /* activated tab in infobox */ .theme-fandomdesktop-light ul.wds-tabs li.wds-is-current:hover, .theme-fandomdesktop-light ul.wds-tabs li:hover { color: #27d1f4; } /* hover tab color */ .theme-fandomdesktop-light .portable-infobox a, .theme-fandomdesktop-light .blockquote a, .theme-fandomdesktop-light .divGrayBox a, .theme-fandomdesktop-light .navbox a { color: #ffef00; } /* link color for light mode on dark bg */

/* fixing highlighted reference issue */ ol.references li:target, sup.reference:target { background-color: rgba(var(--theme-link-color--rgb),.2); }

/* reference list to keep it from being kicked to the bottom */ .mw-parser-output .mw-references-wrap { clear: none; }

/* light mode fix to be darker */ .theme-fandomdesktop-light .page-content h2:not(.pi-item), .theme-fandomdesktop-light .page-content h3:not(.pi-data-label) { text-shadow: none; color: #008fa2; }

/** Portable Infoboxes **/ /* Eliminate border between rows */ .pi-border-color { border-top-color: transparent; } .portable-infobox { border-top-color: #ffef00; }

/* Fix caption size */ .portable-infobox .pi-caption { font-size: 12px; }

.portable-infobox { position: relative; margin-right: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: 7.3%; 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 */ background-color: transparent; border-radius: 10px 10px 0px 0px; color: #27d1f4; border-bottom: none; margin-top: 5px; text-align: center; background-image: none; /* prevents h2 article header from adding image to infobox headers */ } .pi-header { background-color: transparent; color: #27d1f4; margin: 5px 15px !important; text-align: center; font-size: 15px !important; background-position: 0% 135% !important; /* fixes h2 article header from adding image for infobox */ } .pi-horizontal-group .pi-header { text-align: center; }
 * 1) content .pi-title {

/* captions */ .portable-infobox .pi-caption { text-align: center; line-height: 150%; } /* spacing between infobox rows */ .pi-item-spacing { padding: 3px !important; } /* portable infobox data labels (not input fields) */ .pi-data-label { padding: 3px 5px 3px 1px; text-align: right; border-right:1px #ffef00 solid; color: #27d1f4; } /* Fix stacked data labels */ .pi-layout-stacked .pi-data-label, .pi-smart-data-label.pi-data-label { text-align: left; } .pi-data-value { padding-top: 3px; padding-right: 1px; } /* removes the vertical line on smart groups */ .pi-horizontal-group .pi-data-label, .pi-horizontal-group .pi-data-value { border:none !important; }

/* to keep right border of infobox from possibly covering up text */ .pi-horizontal-group .pi-data-label:last-child, .pi-horizontal-group .pi-smart-data-value:last-child { padding-right:14px !important; }

/* removes data label background from smart groups and keeps them centered*/ .pi-horizontal-group .pi-data-label { 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 .wds-tab__content, .portable-infobox .pi-image-collection-tab-content {/* Wikia */ background-color: transparent !important; /* makes it so whatever the infobox background is set to, it'll flow consistently behind the images, like patterns */ }

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

/** Tabber **/ /* the whole tab row */ ul.wds-tabs, ul.pi-image-collection-tabs {/* Wikia */ margin: auto 0 auto 0.01em; /* this fixes it so the image doesn't overlap the tabs and centers the tabs */ } /* all tabs */ .pi-image-collection {/* wds-tabber maybe? */   text-align: center; font-size: 14px; }

/* activated tab */ ul.wds-tabs li.wds-is-current { background-color: transparent !important; border: 0px none; color: #ffef00; } /* activated hover tab */ ul.wds-tabs li.wds-is-current:hover { background-color: transparent !important; border: 0px none; color: #27d1f4; } /* inactive tab */ ul.wds-tabs li { border: 0px none; margin: 0px 4px; } /* inactive tab hover */ ul.wds-tabs li:hover { background-color: transparent !important; border: 0px none; color: #27d1f4; }

/* 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*/ .wds-tabs__tab-label, .pi-section-label {/* Wikia */ text-transform:none; height:20px; }

/*** tabber for portable infobox and images ***/ /* whole row, centers tabs but is based on tab width */ .portable-infobox ul.wds-tabs li { margin-left: auto; margin-right: auto; }

/* activated tab */ .wds-tabs__tab.wds-is-current { background-color: transparent; border: 0px none; color: #ffef00; } /* activated hover tab */ .wds-tabs__tab.wds-is-current:hover { background-color: transparent; border: 0px none; color: #27d1f4; } /* inactive tab */ .wds-tabs__tab { border: 0px none; margin: 0px 4px; } /* inactive tab hover */ .wds-tabs__tab:hover { background-color: transparent; border: 0px none; color: #27d1f4; }

/* No underline for tab links */ .wds-tabs__tab-label a:active, .wds-tabs__tab-label a:focus, .wds-tabs__tab-label a:hover{ text-decoration: none; }

/** CYBERPUNK WIKI - ACTUAL SITE CSS **/ /* Main Page header styles */ .mainpage-header { font-size:18pt; letter-spacing:1px; text-align:center; margin-top:5px; background-image:url("https://vignette.wikia.nocookie.net/cyberpunk/images/d/de/Cyber_small_header_bottom_yellow.svg"); background-repeat:no-repeat; background-position:50% 100%; background-size:70% 8px; color:#27d1f4; padding-bottom:6px; }

/* for smaller screen resolutions */ @media only screen and (max-width: 1024px) { .mainpage-header { background-size: 70% 6px; }

/* Fixing smaller h2 headers styling */ #content h2 { background-position-y: 30px; padding-bottom: 6px; text-shadow: -1px 1px 0 #111, 1px 1px 0 #111, 1px -1px 0 #111, -1px -1px 0 #111; font-size: 15pt; } }

/* fixes right column on main page to align with left */ .main-page-tag-rcs .divYellowBox { margin-top: 0px; }

/****************************************************/ /*                 portal main                     */ /* Code created by Tierrie on the Dragon Age Wiki  */ /*     Code updated for UCP by Alex/Ursuul         */ /****************************************************/ /* container settings */ .portal_metro .toc { display: none; }	border-radius: 0; } .portal_container { position: relative; display: inline-block; margin-bottom: 15px; width: 100%; } /* give all containers a black background so the opacity changes results in a brightness change */ .portal_metro:before { position: absolute; top: 0; left: 0; width:100%; height: 100%; /**/content: "";/* experimental */ background-color: rgb(0,0,0); z-index: -2; } .portal_metro { border:3px solid #ffef00; } .portal_metro .portal_body { padding: 0 10px 0 10px; overflow: hidden; } /* pages nested within a slider container should not render borders twice */ .portal_metro .portal_metro { border: none; } .portal_metro.ui-tabs .ui-tabs-panel { padding: 0; } .portal_metro#portal_slider, .portal_metro#portal_slider .portal_body { padding: 0; }
 * 1) portal_slider a.external:after,
 * 1) portal_slider.portal_metro.ui-corner-all {

/* font title and sliders */ .portal_metro [class^=portal_sliderlink] .mw-headline, .portal_metro [class^=portal_sliderlink] .portal_slidertext, .portal_metro .portal_header_text, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a, .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a, .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { width: 100%; font-family: 'Play', sans-serif; font-weight: 400; font-size: larger; text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; text-align:left; color: white; }

/* main tabs headers */ .portal_metro [class^=portal_sliderlink] .mw-headline, .portal_metro [class^=portal_sliderlink] .portal_slidertext, .portal_metro .portal_header_text, .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { text-transform:uppercase; }

/** sub category headers **/ .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { font-size: 14pt !important; padding-left: 10px !important; }

/** headers inside sub categories **/ .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { background-image:none; color: white !important; }

/** fix padding between headers and list **/ .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 + ul { padding-top: 5px !important; }

/** list of text **/ .portal_vtab.ui-tabs-vertical .ui-tabs-panel li { font-size: 16pt; line-height: 22pt; } /** fix red links in portal template **/ .portal_vtab.ui-tabs-vertical .ui-tabs-panel a.new { color: #e81a3f !important; }

/** plain text **/ .portal_vtab.ui-tabs-vertical .ui-tabs-panel { color: white; text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; }

.portal_metro .portal_header_text { font-size: 2em; padding-top: 15px; } .portal_metro [class^=portal_sliderlink] { font-size: 1.4em; }

/* portal headers, headerlinks colors and formatting */ .portal_metro .portal_header { position: relative; margin-bottom: 6px; padding: 0; } .portal_metro .portal_header_text { border-bottom: none; padding-left: 15px; } .portal_metro .portal_headerlinks { font-size: 0.8em; position: absolute; right: 1em; top: 1em; padding-bottom: 2px; z-index: 1; } .portal_metro .portal_header, .portal_metro .portal_header a:link, .portal_metro .portal_header a:visited, .portal_metro .portal_header a:hover, .portal_metro .portal_header a:active { color: rgb(89,105,57); }

/* slider text position */ .portal_metro [class^=portal_sliderlink] .portal_slidertext { position: absolute; bottom: 10px; left: 10px; color: #FFFFFF; font-size: large;/* Experimental */} .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { display: block; font-size: xx-large;/*experimental*/ left: 20px; line-height: 1em; }

/* main slider sizing */ .portal_metro#portal_main [class^=portal_sliderlink] { cursor: pointer; position: absolute; overflow: hidden; } .portal_metro#portal_main, .portal_vtab.ui-tabs-vertical, .portal_vtab.ui-tabs-vertical .ui-tabs-nav, .portal_vtab.ui-tabs-vertical .ui-tabs-panel { height: 450px; } .portal_metro#portal_main .portal_sliderlink-2 { width: 100%; }

/* Transclucency patch */ content: ""; display: block; position: absolute; top: 0; right: 0; bottom: 0; z-index: 30; width: 225px; height: 450px; background-color: #000000; }
 * 1) portal_slider #portal_main .portal_body:before,
 * 2) portal_slider #portal_main .portal_body:after {

.portal_sliderlink-2 { z-index: 20; } .portal_sliderlink-2 ~ [class^="portal_sliderlink"] { z-index: 40; }

/* slider background */ .portal_metro#portal_main [class^=portal_sliderlink]:before { /**content: "";/* Experimental */ width: 100%; height: 100%; top: 0; left: 0; background-color: rgb(0,0,0); position: absolute; z-index: -1; }

/* Experimental */ .portal_metro#portal_main [class^=portal_sliderlink] { /*content: "";*/ position: absolute; top: 0; /*left: 0;*/ /*z-index: -1;*/ /*width: 100%;*/ height: 100%; background-color: rgb(0, 0, 0); opacity: 0.8; }

.portal_metro#portal_main [class^=portal_sliderlink]:hover { opacity: 1; }

z-index: 10; width: 100%; }
 * 1) portal_slider #portal_main .portal_body:after {

/* slider background */ .portal_metro#portal_main [class^=portal_sliderlink]:after { content : ""; display: block; position: absolute; top: 0; left: 0; z-index: -1; width: 100%; height: 100%; background-repeat: no-repeat; opacity: 0.8; }

.portal_metro#portal_main [class^=portal_sliderlink]:hover:after { opacity: 1; } .portal_metro#portal_main .portal_sliderlink-2 { top: 0px; left: 0px; height: 450px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/6/64/Cp_bg_slider_2077.png/revision/latest?cb=20201120031537'); background-position: center; } .portal_metro#portal_main .portal_sliderlink-3 { top: 0px; right: 0px; height: 112px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/5/59/Cp_bg_slider_2013_small.png/revision/latest?cb=20201121005633'); background-position: center; } .portal_metro#portal_main .portal_sliderlink-4 { top: 112px; right: 0px; height: 113px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/d/d2/Cp_bg_slider_2020_small.png/revision/latest?cb=20201121004818'); background-position: center; } .portal_metro#portal_main .portal_sliderlink-5 { top: 225px; right: 0px; height: 112px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/5/58/Cp_bg_slider_red_small.png/revision/latest?cb=20201121000417'); background-position: center; } .portal_metro#portal_main .portal_sliderlink-6 { top: 337px; right: 0px; height: 113px; background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/5/50/Cp_bg_slider_other_small.png/revision/latest?cb=20201121004845'); background-position: center; }

/* slider sub category background */ background: none; }
 * 1) portal_slider .ui-state-active,
 * 2) portal_slider .ui-state-default,
 * 3) portal_slider .ui-widget-content,
 * 4) portal_slider .ui-widget-header {


 * 1) portal_main, #portal_cp2077, #portal_cp2013, #portal_cp2020, #portal_cpred, #portal_other { position: relative; }
 * 2) portal_cp2013:after, #portal_cp2020:after, #portal_cpred:after, #portal_other:after, #portal_cp2077:after { z-index: -1; background-repeat: no-repeat; content : ""; display: block; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
 * 3) portal_cp2077 { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/6/64/Cp_bg_slider_2077.png/revision/latest?cb=20201120031537'); background-position: center; }
 * 4) portal_cp2013 { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/b/b2/Cp_bg_slider_2013.png/revision/latest?cb=20201121005646'); background-position: center; }
 * 5) portal_cp2020 { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/a/a5/Cp_bg_slider_2020.png/revision/latest?cb=20201121004834'); background-position: center; }
 * 6) portal_cpred { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/1/1e/Cp_bg_slider_red.png/revision/latest?cb=20201120033744'); background-position: center; }
 * 7) portal_other { background-image: url('https://static.wikia.nocookie.net/cyberpunk/images/d/d3/Cp_bg_slider_other.png/revision/latest?cb=20201121004855'); background-position: center; }

.portal_metro#portal_slider .portal_navlink { display: none; } .portal_metro#portal_slider { } .portal_metro#portal_slider .portal_navlink { display: block; position: absolute; bottom: 8px; left: 8px; z-index: 2; } .portal_metro#portal_slider .portal_navlink img { opacity: 0.3; } .portal_metro#portal_slider .portal_navlink img:hover { opacity: 0.8; } .portal_metro#portal_slider .portal_header { position: absolute; width: 100px; height: 50px; right: 10px; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { padding: 0; } .portal_metro#portal_slider .portal_vtab.ui-corner-all { border: 0; border-radius: 0; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { border: none; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel { position: absolute; left: 200px; top: 0px; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav { padding: 0; width: 200px; float: left; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li { cursor: pointer; margin: 0; top: 0; clear: left; width: 100%; border-bottom-width: 1px !important; border-right-width: 0 !important; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected { padding: 0; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li a { background: none; font-size: 1.2em; display:block; width: 100%; padding: .25em 0 .5em 1em; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-selected a { background: none; cursor: pointer; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after { height: 420px; content: ""; width: 100%; overflow-y: hidden; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before { } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav:before, .portal_vtab.ui-tabs-vertical .ui-tabs-nav:after, .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-default { background-color: rgba(0,0,0,0.6); } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-active { background-color: transparent; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-state-hover { background-color: transparent; }

.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical { width: 100%; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active { padding-bottom: 0; border-right-width: 1px; border-right-width: 1px; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel ul { padding: 12px 0 0 5px; margin: 0; /* columns: 2; -webkit-columns: 2; -moz-columns: 2; */ } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li { list-style: none; padding: 0.25em 0 0.25em 1em; margin: 0; } /* changes text for the links within sub tabs */ .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav .ui-corner-left { border: 0; border-radius: 0; } .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel li a { font-size: 1.2em; display:block; color: rgb(255,255,255); color: #FFFFFF;} /* changes h2 text within sub tabs */ .portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 { padding: 0.5em 0 0 1em; margin: 0; border-bottom: none; text-transform: uppercase; color: rgb(89,105,57); font-size: 1.4em; }

/* column classes */ .portal_metro#portal_slider .cols_2 ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; } .portal_metro#portal_slider .cols_3 ul { columns: 3; -webkit-columns: 3; -moz-columns: 3; } .portal_metro#portal_slider .cols_4 ul { columns: 4; -webkit-columns: 4; -moz-columns: 4; }

/********************************/ /* portal screen wide overrides */ /********************************/ @media screen and (max-width: 1023px) { #portal_slider #portal_main .portal_body:before, .portal_metro [class^=portal_sliderlink] { width: 225px; }

.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { width: 360px; }

.portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images { height: 280px !important; }

.WikiaRail .module { position: relative; } }

@media screen and (min-width: 1023px) and (max-width: 1650px) { #portal_slider #portal_main .portal_body:before, .portal_metro [class^=portal_sliderlink] { width: 225px; }

.portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext { width: 360px; }

.portal_metro#portal_images .wikia-slideshow-wrapper, .portal_metro#portal_images .wikia-slideshow-images, .portal_metro#portal_images img.thumbimage, .portal_metro#portal_images { height: 280px !important; } } @media screen and (min-width: 1650px) { #portal_slider #portal_main .portal_body:before, .portal_metro [class^=portal_sliderlink] { width: 300px; } }

/* default settings for div table */ .divTable { display: table; } .divTableRow { display: table-row; } .divTableCell, .divTableHead { display: table-cell; padding: 10px; } .divTableBody { display: table-row-group; }

/* Curved notice banner style */ .bannercurve { background-color: rgba(255, 255, 255, 0.10); margin: 0 auto 0.65em auto; border: 2px solid #555555; border-radius: 8px; border-top:none; border-bottom:none; text-align: center; color: #c0c0c0; width: 50%; padding: 5px; }

/*** FD light mode theme ***/ .theme-fandomdesktop-light .bannercurve { background-color:rgba(0,0,0,0.20); color:#333333; }

.bannerdoubleborder { background-color: rgba(255,255,255,0.1); border:7px double #101010; /* color is whatever article bg color is */ max-width: 80%; margin: auto; padding: 8px; text-align: center; }

/*** FD light mode theme ***/ .theme-fandomdesktop-light .bannerdoubleborder { background-color:rgba(0,0,0,0.20); border-color: #e6e6e6; }

/* for reflist template */ .references-small { font-size: 90%; }

/***************/ /* quote boxes */ /***************/ .quotebox { /* border: 1px solid #523F35; background:#FFF77D; */ -moz-border-radius: 1em; border-radius: 1em; -webkit-border-radius: 1em; display: table; } .quotebox + .quotebox { margin:1em 0 0 0; } .quotebox .leftquote { color: #FFF77D; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align: left; padding:0.3em 0 0 0.3em; } .quotebox .rightquote { color: #FFF77D; font-size: 3em; font-family: Times New Roman, serif; font-weight: bold; text-align:right; padding:0 0.3em 0 0; } .quotebox .quote { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; padding: 1em 0.2em 0 0.2em; line-height: 1.6em; width: 100%; } .quotebox .attribution { text-align: right; padding: 0em 1em 0.4em 0; font-weight: bold; font-style: oblique; }

/* === Tables of all kinds === */ /**************************************/ /*      quick list of classes        */ /*  article-table - default table    */ /*   wikitable - secondary table    */ /*    metadata - image meta tab      */ /*   filehistory - image hist tab    */ /* TablePager - ListFiles ListUsers  */ /**************************************/ .article-table, .wikitable { background-color: rgba(255, 255, 255, 0.05) !important; } .wikitable td, .wikitable th { border: none !important; }

/* light mode fix for header color */ .theme-fandomdesktop-light .wikitable th { color: #e3e3e3; } /* light mode fix for header link color */ .theme-fandomdesktop-light .wikitable th a { color: #ffef00; } /* removes the invisible tfoot html off tables so no extra space at bottom of tables */ .article-table tfoot, .wikitable tfoot { display:none; } .wikitable, table.mw_metadata, #mw-imagepage-section-filehistory table, .TablePager { margin:auto !important; border:1px #394147 solid; border-collapse:separate !important; border-spacing:2px !important; color:#e5e5e5; } /* cells */ .wikitable th, .wikitable 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 */ .wikitable th, .article-table th, table.mw_metadata th, #mw-imagepage-section-filehistory table th, .TablePager th { background: #074754 !important; text-align: center !important; } /* alternating rows */ .wikitable 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); } .wikitable 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.08); }

/* FandomDesktop light mode alternating rows */ .theme-fandomdesktop-light .wikitable tr:nth-child(odd), .theme-fandomdesktop-light table.mw_metadata tr:nth-child(odd), .theme-fandomdesktop-light #mw-imagepage-section-filehistory table tr:nth-child(odd), .theme-fandomdesktop-light .TablePager tr:nth-child(odd) { background-color:rgba(0,0,0,0.25); }

.theme-fandomdesktop-light .wikitable tr:nth-child(even), .theme-fandomdesktop-light table.mw_metadata tr:nth-child(even), .theme-fandomdesktop-light #mw-imagepage-section-filehistory table tr:nth-child(even), .theme-fandomdesktop-light .TablePager tr:nth-child(even) { background-color:rgba(0,0,0,0.10); }

/* special code for file history table and metadata table on image description pages so it looks like the wikitable class*/ border: none; } /* special fix for metadata table to not override custom table header colors where needed */ background:#074754; } /* 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; }
 * 1) content .mw_metadata th, #content .mw_metadata td, #mw-imagepage-section-filehistory table th, #mw-imagepage-section-filehistory table td {
 * 1) content .mw_metadata th {

/* Style for horizontal lists (separator following item). @source mediawiki.org/wiki/Snippets/Horizontal_lists @revision 9 (2016-08-10) @author User:Edokter */ .hlist dl, .hlist ol, .hlist ul { margin: 0; padding: 0; } /* Display list items inline */ .hlist dd, .hlist dt, .hlist li { margin: 0; display: inline; } /* Display nested lists inline */ .hlist.inline, .hlist.inline dl, .hlist.inline ol, .hlist.inline ul, .hlist dl dl, .hlist dl ol, .hlist dl ul, .hlist ol dl, .hlist ol ol, .hlist ol ul, .hlist ul dl, .hlist ul ol, .hlist ul ul { display: inline; } /* Hide empty list items */ .hlist .mw-empty-li, .hlist .mw-empty-elt { display: none; } /* Generate interpuncts */ .hlist dt:after { content: ": "; } .hlist dd:after, .hlist li:after { content: " · "; font-weight: bold; } .hlist dd:last-child:after, .hlist dt:last-child:after, .hlist li:last-child:after { content: none; } /* Add parentheses around nested lists */ .hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before, .hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before, .hlist li dd:first-child:before, .hlist li dt:first-child:before, .hlist li li:first-child:before { content: " (";   font-weight: normal; } .hlist dd dd:last-child:after, .hlist dd dt:last-child:after, .hlist dd li:last-child:after, .hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after, .hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {    content: ")"; font-weight: normal; } /* Put ordinals in front of ordered list items */ .hlist ol { counter-reset: listitem; } .hlist ol > li { counter-increment: listitem; } .hlist ol > li:before { content: " " counter(listitem) "\a0"; } .hlist dd ol > li:first-child:before, .hlist dt ol > li:first-child:before, .hlist li ol > li:first-child:before { content: " (" counter(listitem) "\a0"; }

/* Template:Navbox and wide variant */ /* Default skin for navigation boxes. */ table.navbox {             /* Navbox style */ width: 99% !important; margin: auto; margin-top: 5px; margin-bottom: 5px; /* to keep glow going around the bottom */ clear: both; font-size: 85%; text-align: left; padding: 1px; border:1px solid #ebe152; background-color: #111111; -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); } /* slight different spacing for more than one navbox on a page */ table.navbox + table.navbox { margin-top:-5px; /* for stacked navboxes, remove the glow between */ margin-bottom: 5px !important; } .navbox-title { /* Title style */ background-color:#074754; color: #e5e5e5; text-align: center; padding-left: 1em; padding-right: 1em; width: 10%; } .navbox-group { /* Group style */ font-weight: bold; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; background-color: #074754; color: #e3e3e3; } .navbox .navbox-group a { white-space: normal; } .navbox-list { padding: 5px; border-left: 2px solid #111111; background-color:rgba(255,255,255,0.05); } .navbox-subgroup .navbox-title { background: transparent !important; } .navbox-subgroup .navbox-group { padding-bottom: 5px; border-left: 0; background: transparent !important; } .navbox-subgroup .navbox-group a { white-space: normal; } .navbox-subgroup .navbox-list { background: transparent !important; } .divYellowBox { border: 3px solid transparent; -webkit-border-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/0/0e/Cyberpunk_2077_yellow_box.svg") round; -o-border-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/0/0e/Cyberpunk_2077_yellow_box.svg") round; border-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/0/0e/Cyberpunk_2077_yellow_box.svg") round; border-image-slice: 10% fill; border-image-width: 20px; margin: 10px auto; overflow: hidden; text-align:center; } .divGrayBox { border: 3px solid transparent; -webkit-border-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/0/00/Cyberpunk_2077_dark_gray_box.svg") round; -o-border-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/0/00/Cyberpunk_2077_dark_gray_box.svg") round; border-image: url("https://vignette.wikia.nocookie.net/cyberpunk/images/0/00/Cyberpunk_2077_dark_gray_box.svg") round; border-image-slice: 10% fill; border-image-width: 20px; padding: 10px; } .blockquote { border:1px solid #ffef00; border-radius:10px; background-color:#111111; text-align:center; padding: 10px; margin: 10px auto; line-height: 20px; overflow: hidden; -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 the extra space getting added in */ .blockquote p { margin-bottom: 0px; }

/*** category images ***/ /* outer div around image */ border: 1px solid #333333; }
 * 1) mw-category-media .gallerybox {

/* thumbnail image */ background-color: transparent; border: 0 !important; }
 * 1) mw-category-media .thumb {

/* thumbnails in unused images section */ li.gallerybox div.thumb { border: none !important; background: transparent !important; }

/* video/image thumbnails */ .gallery-image-wrapper { border: none !important; background-color: transparent; }

/* Tabs */ .cptabs { width:100%; margin-bottom:10px; background-image:url("https://vignette.wikia.nocookie.net/cyberpunk/images/d/de/Cyber_small_header_bottom_yellow.svg"); background-repeat: no-repeat; background-position: 25% 105%; background-size:100% 10px; padding-bottom: 6px; }

.cptabs ul { margin:0px; padding:0px; height:27px; }

.cptabs li { display:inline-block; margin-right:7px; padding:0px; height:20px; } .cptabs li a { display:block; text-decoration:none !important; }

.cptabs li span { padding:7px 15px 7px 15px; border:2px solid #20a0ba; border-bottom:none !important; border-radius:10px 10px 0px 0px; height:24px; line-height:10px; display:block; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

.cptabs .mw-selflink span, .cptabs .mw-selflink span:hover { color:#111111; border:2px solid #ffef00; border-bottom:none !important; background-color:#ffef00; -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); } .cptabs li a span:hover { border-color:#27d1f4; -moz-box-shadow:0px 0px 5px rgba(39,209,244,0.75); -webkit-box-shadow:0px 0px 5px rgba(39,209,244,0.75); box-shadow:0px 0px 5px rgba(39,209,244,0.75); }

/*** Tabber coding ***/ ul.tabbernav { border-bottom:none !important; } .tabberlive { margin-top:1px; overflow:auto; } .tabberlive > .tabbertab:not(.tabbertabhide) { border:none !important; } .tabberlive > .tabbernav > li > a { font-family:'Play',sans-serif; font-size:14pt; font-weight:400 !important; letter-spacing:1px; text-align:center; padding-bottom:1%; background-color:transparent; border:none; color:#d5d4d4 !important; padding: 0px 5px; } .tabberlive > .tabbernav > li > a:hover { background-color:transparent; color:#ebe152 !important; background-image: none; }

.tabberlive > .tabbernav > li > a:active { background-color:transparent } .tabberlive > .tabbernav > li.tabberactive > a { background-color:transparent; border:none; color:#27d1f4 !important; } .tabberlive > .tabbernav > li.tabberactive > a:hover { background-color:transparent; border:none; } .tabberlive > .tabbernav > li.tabberactive > a:active { background-color:transparent; } /* remove extra spacing within the gallery */ .wikia-gallery-item { padding-bottom: 0 !important; } /*** end Tabber style edits ***/

/* Rarity colors */ .rc-common { color: #D7CED0; } .rc-uncommon { color: #1DED83; } .rc-rare { color: #246FD4; } .rc-epic { color: #9E2CF5; } .rc-legendary { color: #FB9331; } .rc-iconic { color: #F1B538; }

/* Template:DBChar, Template:DBEntry */ .dbchar-container { display: block; background-color: rgba(0,0,0,0.5); border: 1px solid #FF5D54; margin-bottom: 10px; color: #FF5D54; overflow: auto; padding: 10px; } .theme-fandomdesktop-light .dbchar-container { background-color: rgba(0,0,0,.9); } /* light mode fix */ .dbchar-container hr { border: solid 1px #FF5D54; opacity: 0.5; } .dbchar-container .dbentry-image img { width: auto; height: auto; max-width: 100%; max-height: 100%; }

/* Template:Plainlist */ .plainlist ul { line-height: inherit; list-style: none none; margin: 0; } .plainlist ul li { margin-bottom: 0; }

/* Template:Shard */ .shard { color: #28FFFF; font-size: 18px; border: 1px solid #4A8266; padding: 0px 10px 0px 10px; display: block; overflow: auto; } span.shard { font-size: 22px; } hr.shard { color: #4A8285; }