avatar
匿名用户
×
创建一个新的页面
输入页面标题:
目前语音维基上有2062个页面。 在上方输入您想创建的页面名称或单击以下标题之一,即可开始撰写!



语音维基

“MediaWiki:Common.css”的版本间的差异

Zz讨论 | 贡献
第1行: 第1行:
 +
@import url('https://fonts.googleapis.com/css?family=Play:400,700');
 +
 +
.WikiaPage {
 +
  font-family: 'Play', sans-serif;
 +
  font-weight: 400;
 +
  }
  
/* TabView extension */
+
/* Removing title on main page */
 
+
.mainpage .WikiaPage .page-header__title,
/* Inactive tab settings. */
+
.mainpage .WikiaPage .page-header__separator {
.yui-navset .yui-nav li
+
    display: none;
{
 
font-weight:bold;
 
background-color: #3265CB;
 
border: 5px solid #FFFFFF;
 
padding:5px;
 
 
}
 
}
  
.yui-navset .yui-nav li a{
+
/* siderail headers and wiki activity summary headers */
color:#ffffff;
+
.WikiaRail .module h2, .dark_text_2 {
 +
    color:#27d1f4;
 
}
 
}
 +
  
/* Active tab settings. */
+
/* hides the gallery add photo button */
.yui-navset .yui-nav .selected {
+
.wikia-photogallery-add {
font-weight:bold;
+
    display: none;
background-color: #3265CB;
 
border-bottom: 0.15em solid #3265CB;
 
border-top: 0.15em solid #3060C0;
 
border-right: 0.15em solid #3060C0;
 
border-left: 0.15em solid #3060C0;
 
padding:5px;
 
 
}
 
}
  
/* Content area selected by the tab settings. */
+
.WikiaArticle h2 {
.yui-content {
+
  border-bottom: none !important;
margin-top: 0;
+
  background-image:url("https://vignette.wikia.nocookie.net/cyberpunk/images/d/de/Cyber_small_header_bottom_yellow.svg");
padding-bottom: 0.15em;
+
  background-repeat: no-repeat;
padding-left: 0.15em;
+
  background-position: 25% 105%;
padding-right: 0.15em;
+
  background-size:100% 10px;
border: border:0.25em solid #3060C0;
+
  padding-bottom: 6px;
 +
  color:#27d1f4;
 +
  text-shadow: -1px 1px 0 #111,
 +
        1px 1px 0 #111,
 +
        1px -1px 0 #111,
 +
      -1px -1px 0 #111;
 +
font-size: 18pt;
 
}
 
}
 
+
/* Poll Settings.*/
+
.WikiaArticle h3 {
div.ajax-poll { width:auto !important; }
+
  color:#27d1f4;
 
 
 
 
/* Template:Quote Settings */
 
td.Quote_Left, td.Quote_Right {
 
color: #4b6e8c;
 
font-size: 40px;
 
font-family: 'Arial Black', 'Times New Roman',serif;
 
font-weight: bold;
 
width: 0px; }
 
 
 
/* These two control the vertical offset of the quotation marks */
 
td.Quote_Left {
 
line-height: 0.7em; /* This adjusts the offset of the quotation mark */
 
vertical-align: top;
 
text-align: right; }
 
 
 
td.Quote_Right {
 
line-height: 0.1em; /* This adjusts the offset of the quotation mark */
 
vertical-align: bottom;
 
text-align: left; }
 
 
 
 
 
table.Blu
 
{
 
border-collapse:collapse;
 
 
}
 
}
table.Blu, th.Blu, td.Blu
+
{
+
/* prevent h2 style from affecting the TOC box */
border: 1px solid 0D9BE3;
+
.toc .toctitle h2 {
 +
  background-image: none;
 
}
 
}
  
/* ################################################## */
+
/* for one's following page, to keep header design a bit smaller*/
/* ### EVABOXES                                  ### */
+
.page-Special_Following h2 {
/* ################################################## */
+
background-position:0% 110% !important;
 
 
/* CSS for scanline boxes, works for both divs and tables */
 
.eva_box {
 
  background: #4B6E8C url(https://images.wikia.nocookie.net/cnc/images/b/bd/Monaco_custom_widget_bg.png?1);
 
  border: 2px solid #0d9be3;
 
  color: #FFF;
 
  margin-bottom: 5px;
 
}
 
.eva_box a {
 
  color: #ADDDDF;
 
}
 
.eva_box a.new {
 
  color: #FF8A02 !important;
 
}
 
.eva_box a.extiw,
 
.eva_box a.external {
 
  color: #BBE5E5 !important;
 
}
 
table.eva_box {
 
  border-collapse: collapse;
 
 
}
 
}
  
table.eva_box th {
+
/* default settings for div table */
  background: #4b6e8c;
+
.divTable {
  color: #FFF;
+
display: table;
  font-size:120%;
 
  padding: 2px;
 
 
}
 
}
 
+
.divTableRow {
/* DO NOT REMOVE THIS LINE. Otherwise white lines will appear in tables in IE */
+
display: table-row;
/* table.eva_box td {border:1px solid #0d9be3;} */
 
 
 
table.eva_box td,
 
div.eva_box {
 
  padding: 2px;
 
 
 
 
}
 
}
 
+
.divTableCell, .divTableHead {
td.small_text {
+
display: table-cell;
  font-size:80%;  
+
padding: 10px;
 
}
 
}
 
+
.divTableBody {
### SOURCEBOX IMPORTED ###
+
display: table-row-group;
/* Template:Sourcebox */
 
table.sourcebox {
 
  margin: 0.25em auto 0.25em 0;
 
  border-collapse: collapse;
 
  line-height: normal;  
 
 
}
 
}
 
+
table.sourcebox th {
+
.RelatedPagesModule {
  vertical-align: middle;
+
display: none !important;
  text-align: center;
 
  padding: 0 0.5em;
 
 
}
 
}
  
table.sourcebox td {
+
/* fixing indentation breaks so html code isn't messy */
  font-size: 85%;  
+
.WikiaArticle dd {
  padding: 0;
+
    margin-bottom: 14px !important;
 +
    }
 +
 +
/* reference list to keep it from being kicked to the bottom */
 +
.mw-parser-output .mw-references-wrap {
 +
  clear: none;
 
}
 
}
  
table.sourcebox td span {
+
/* for reflist template */
  border-top: 1px solid #047EC4;
+
.references-small {
 
+
font-size: 90%;
  border-bottom: 1px solid #047EC4;
 
 
 
  display: block;
 
  padding: 0.25em 0.5em;
 
 
}
 
}
  
table.sourcebox a.new {
+
/* fixing highlighted reference issues caused by UCP */
  color: #F11 !important;
+
ol.references li:target, sup.reference:target {
 +
    background-color: var(--themed-page-background--secondary);
 
}
 
}
  
  
/* ################################################## */
+
/***************/
/* ### EVA INFOBOX                                ### */
+
/* quote boxes */
/* ################################################## */
+
/***************/
table.eva_infobox {
+
.quotebox { /* border: 1px solid #523F35; background:#FFF77D; */ -moz-border-radius: 1em; border-radius: 1em; -webkit-border-radius: 1em; display: table; }
  margin-left: 5px;
+
.quotebox + .quotebox { margin:1em 0 0 0; }
  width: 275px;
+
.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; }
  font-size: 90%;
+
.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; }
 +
 +
/*** 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);
 
}
 
}
 
+
td.eva_box_title,
+
/* fixes it so right border overlaps any infobox images */
td.eva_box_header,
+
.portable-infobox::after {
td.eva_box_data {
+
    content: "";
  border-color: #608397;
+
    position: absolute;
  border-style: solid;
+
    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;
 
}
 
}
td.eva_box_header,
+
td.eva_box_title {
+
/* edits portable infobox headers and titles to center */
  background: #274663 url(https://images.wikia.nocookie.net/cnc/images/6/63/Monaco_custom_widget_bg2.png?1);
+
.pi-title {
  border-width: 1px 0;
+
    background-color: transparent !important;
 +
    border-radius: 10px 10px 0px 0px;
 +
    color: #27d1f4;
 +
    border-bottom: none !important;
 +
    margin-top: 5px !important;
 +
    text-align:center;
 +
    background-image: none !important; /* prevents h2 article header from adding image to infobox headers */
 
}
 
}
td.eva_box_title {
+
  text-align: right;
+
.pi-header, .pi-horizontal-group .pi-header {
  width: 25%;
+
    background-color:transparent;
  white-space: nowrap;
+
    color: #27d1f4;
 +
    border-bottom: #ffef00 solid 1px !important;
 +
    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 */
 
}
 
}
td.eva_box_header {
+
  text-align: center;
+
/* 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 1px;
 +
    text-align: right;
 +
    border-right:1px #ffef00 solid;
 +
    color: #27d1f4;
 +
    }
 +
 +
.pi-data-value {
 +
    padding-top: 3px;
 +
    padding-right: 12px;
 +
    }
 +
 +
/* removes the vertical line on smart groups */
 +
.pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value {
 +
    border: none !important;
 +
    }
 +
 +
/* to keep right border of infobox from possibly covering up text */
 +
.pi-smart-group .pi-smart-data-label:last-child, .pi-smart-data-value:last-child {
 +
    padding-right: 14px !important;
 
}
 
}
td.eva_box_data {
+
  border-width: 1px 1px 1px 0;
+
/* removes data label background from smart groups and keeps them centered*/
  text-align: left;
+
.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;
 
}
 
}
 
+
/*** EVA Box - TabView extension ***/
+
/* inactive tab hover */
.eva_box .yui-navset .yui-nav li {
+
ul.pi-image-collection-tabs li:hover {
  background: transparent;
+
    background-color: transparent !important;
  color: #FFF;
+
    border: 0px none;
  border: 0;
+
    color: #27d1f4;
  padding: 2px 5px;
+
    }
 +
 +
/*** 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;
 
}
 
}
.eva_box .yui-navset .yui-nav li a {
+
  color: #FFF;
+
/* remove hyphenations from infobox so no splitting words */
}
+
.portable-infobox .pi-navigation,
 
+
.portable-infobox .pi-header,
.eva_box .yui-navset .yui-nav .selected {
+
.portable-infobox .pi-caption,
  background-color: #ACC3D0;
+
.portable-infobox .pi-data-value,
  color: #333;
+
.portable-infobox .pi-data-label {
  border: 0;
+
    -webkit-hyphens:none;
 +
    -moz-hyphens:none;
 +
    -ms-hyphens:none;
 +
    hyphens:none;
 
}
 
}
.eva_box .yui-navset .yui-nav .selected a {
+
   color: #333;
+
/* === Tables of all kinds === */
 +
/**************************************/
 +
/*      quick list of classes        */
 +
/*  article-table - default table    */
 +
/*    WikiaTable - secondary table    */
 +
/*    metadata - image meta tab      */
 +
/*    filehistory - image hist tab    */
 +
/*  TablePager - ListFiles ListUsers  */
 +
/**************************************/
 +
.article-table,
 +
.WikiaTable {
 +
   background-color: rgba(255, 255, 255, 0.05) !important;
 
}
 
}
 
+
.eva_box .yui-content {
+
.article-table th, .article-table td, .WikiaTable th, .WikiaTable td {
  background: transparent;
+
   border-bottom: none !important;
  color: #FFF;
 
  margin-top: 0;
 
  padding-top: 0.25em;
 
  padding-left: 0.5em;
 
   padding-right: 0.5em;
 
 
}
 
}
 
+
.eva_box .yui-content table {
+
/* removes the invisible tfoot html off tables so no extra space at bottom of tables */
  color: #FFF;
+
.article-table tfoot, .WikiaTable tfoot {
 +
    display:none;
 
}
 
}
 
+
.eva_box .yui-nav {
+
.WikiaTable, table.mw_metadata, #mw-imagepage-section-filehistory table, .TablePager {
  background: #274663 url(https://images.wikia.nocookie.net/cnc/images/6/63/Monaco_custom_widget_bg2.png?1);
+
    margin:auto !important;
  text-align: center;
+
    border:1px #394147 solid;
  border-color: #608397;
+
    border-collapse:separate !important;
  border-width: 1px 0;
+
    border-spacing:2px !important;
  border-style: solid;
+
    color:#e5e5e5;
 +
    }
 +
 +
/* 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, .article-table th, table.mw_metadata th, #mw-imagepage-section-filehistory table th, .TablePager th {
 +
    background:#074754 !important;
 +
    text-align:center !important;
 +
    }
 +
 +
/* 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;
 
}
 
}
 
+
.eva_box div.ajax-poll {
+
.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) {
  border: 0;
+
    background-color: rgba(255, 255, 255, 0.05) !important;
   margin-top: 0;
+
    }
 +
/* special code for file history table and metadata table on image description pages so it looks like the WikiaTable class*/
 +
.WikiaArticle .mw_metadata th, .WikiaArticle .mw_metadata td, #mw-imagepage-section-filehistory table th, #mw-imagepage-section-filehistory table td {
 +
   border: none;
 
}
 
}
.eva_box .pollAnswerVotes {
+
  border:1px solid #ACC3D0;
+
/* special fix for metadata table to not override custom table header colors where needed */
  color: #333;
+
.WikiaArticle .mw_metadata th {
 +
background:#074754;
 
}
 
}
.eva_box .pollAnswerVotes div {
+
   background: #ACC3D0;
+
/* fix for listfile page as 2px is too much spacing */
 +
.TablePager {
 +
   border-spacing:0px !important;
 
}
 
}
 
+
/*** Temporary hacks for preview ***/
+
/* fix to remove listfiles weird hover issue */
.eva_box .yui-content table {
+
.TablePager td {
   background: transparent !important;
+
   background-color: transparent !important;
  border: 0 !important;
 
 
}
 
}
 
+
/* ################################################## */
+
/* fix to remove too much padding around listfiles table */
/* ### NAVBOXES (Template:Nb main)                ### */
+
.TablePager {
/* ################################################## */
+
  padding: 1px !important;
 
 
table.eva_navbox_box_bottom,
 
table.eva_navbox_box_left,
 
table.eva_navbox_box_right {
 
  background: #4B6E8C url(https://images.wikia.nocookie.net/cnc/images/b/bd/Monaco_custom_widget_bg.png?1);
 
  padding: 0px;
 
  border: 2px solid #0d9be3;
 
  text-align: center;
 
  border-collapse: separate;
 
  font-size: 100%;
 
 
}
 
}
 
+
 
+
table.eva_navbox_box_bottom {
+
/* Style for horizontal lists (separator following item).
  clear: both;  
+
  @source mediawiki.org/wiki/Snippets/Horizontal_lists
  margin: 5px auto 0;
+
  @revision 9 (2016-08-10)
 +
  @author [[User:Edokter]]
 +
*/
 +
.hlist dl,
 +
.hlist ol,
 +
.hlist ul {
 +
    margin: 0;
 +
    padding: 0;
 
}
 
}
 
+
/* Display list items inline */
/* Doesn't work in IE6 but that's bearable, only visual */
+
.hlist dd,
table.eva_navbox_box_bottom + table.eva_navbox_box_bottom {
+
.hlist dt,
  margin-top: 2px;
+
.hlist li {
 +
    margin: 0;
 +
    display: inline;
 
}
 
}
 
+
/* Display nested lists inline */
table.eva_navbox_box_left {
+
.hlist.inline,
  clear:left;
+
.hlist.inline dl,
  float:left;
+
.hlist.inline ol,
  margin: 0 1.5em 0.5em 0;
+
.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 */
table.eva_navbox_box_right {
+
.hlist .mw-empty-li,
  clear:right;
+
.hlist .mw-empty-elt {
  float:right;
+
    display: none;
  margin: 0 0 0.5em 1.5em;
 
 
}
 
}
 
+
/* Generate interpuncts */
th.eva_navbox_innertable_title,
+
.hlist dt:after {
th.eva_navbox_box_title {
+
    content: ": ";
  padding: 2px;
 
  font-weight: normal;
 
  color: #FFF;
 
  font-size: 80%;
 
 
}
 
}
 
+
.hlist dd:after,
th.eva_navbox_box_title {
+
.hlist li:after {
  background: #4b6e8c;
+
    content: " · ";
 +
    font-weight: bold;
 
}
 
}
 
+
.hlist dd:last-child:after,
th.eva_navbox_innertable_title {
+
.hlist dt:last-child:after,
  background: #274663 url(https://images.wikia.nocookie.net/cnc/images/6/63/Monaco_custom_widget_bg2.png?1);
+
.hlist li:last-child:after {
  border-top: 0;
+
    content: none;
  border-bottom: 1px solid #608397;
 
  border-left: 0;
 
  border-right: 0;
 
 
}
 
}
 
+
/* Add parentheses around nested lists */
th.eva_navbox_box_title span.eva_navbox_maintitle {
+
.hlist dd dd:first-child:before, .hlist dd dt:first-child:before, .hlist dd li:first-child:before,
  font-weight: bold;
+
.hlist dt dd:first-child:before, .hlist dt dt:first-child:before, .hlist dt li:first-child:before,
  font-size: 115%;
+
.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,
th.eva_navbox_innertable_title span.eva_navbox_maintitle {
+
.hlist dt dd:last-child:after, .hlist dt dt:last-child:after, .hlist dt li:last-child:after,
  font-weight: bold;
+
.hlist li dd:last-child:after, .hlist li dt:last-child:after, .hlist li li:last-child:after {
  font-size: 125%;
+
    content: ")";
 +
    font-weight: normal;
 
}
 
}
 
+
/* Put ordinals in front of ordered list items */
td.eva_navbox_cont {
+
.hlist ol {
  padding: 0px;
+
    counter-reset: listitem;
  border: 0px;
 
 
}
 
}
 
+
.hlist ol > li {
table.eva_navbox_innertable,
+
    counter-increment: listitem;
table.eva_navbox {
 
  margin: 0px;
 
  padding: 0px;
 
  border-collapse: separate;
 
  empty-cells: show;
 
 
}
 
}
 
+
.hlist ol > li:before {
table.eva_navbox {
+
    content: " " counter(listitem) "\a0";
  font-size: 85%;
 
  border: 0;
 
 
}
 
}
 
+
.hlist dd ol > li:first-child:before,
table.eva_navbox_innertable {
+
.hlist dt ol > li:first-child:before,
  font-size: 100%;
+
.hlist li ol > li:first-child:before {
 +
    content: " (" counter(listitem) "\a0";
 
}
 
}
 
+
td.eva_navbox_header, td.eva_navbox_footer,  
+
td.eva_navbox_cell, td.eva_navbox_groupcell,
+
/* [[Template:Navbox]] and wide variant */
td.eva_navbox_group, td.eva_navbox_subgroup {
+
/* Default skin for navigation boxes. */
  border-top: 0;
+
table.navbox {              /* Navbox style */
  border-bottom: 1px solid #608397;
+
    width: 99% !important;
  border-left: 0;
+
    margin: auto;
  color: #FFF;
+
    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 !important;
 +
    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;
 +
    }
 +
 +
.navbox .navbox-group a {
 +
    white-space: normal;
 +
    }
 +
 +
.navbox-list {
 +
    padding: 5px;
 +
    border-left: 2px solid #111111;
 +
    background-color:rgba(255,255,255,0.05) !important;
 +
    }
 +
 +
.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;
 
}
 
}
 
+
td.eva_navbox_header, td.eva_navbox_footer,
+
.divGrayBox {
td.eva_navbox_cell, td.eva_navbox_groupcell {
+
  border: 3px solid transparent;
  border-right: 0;
+
  -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;
 
}
 
}
 
+
td.eva_navbox_header, td.eva_navbox_footer {
+
.blockquote {
  padding: 2px;
+
    border:1px solid #ffef00;
  background: #274663 url(https://images.wikia.nocookie.net/cnc/images/6/63/Monaco_custom_widget_bg2.png?1);
+
    border-radius:10px;
  color: #FFF;
+
    background-color:#111111;
  text-align: center;
+
    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);
 
}
 
}
 
+
td.eva_navbox_header {
+
/* mainpage header styles */
  font-weight: bold;
+
.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;
 
}
 
}
  
td.eva_navbox_footer {
+
/* for smaller screen resolutions */
  font-size: 90%;
+
@media only screen and (max-width: 1024px) {
}
+
.mainpage-header {
 +
    background-size:70% 6px;
 +
}
  
td.eva_navbox_subgroup, td.eva_navbox_group {
+
/*Fixing smaller h2 headers styling */
  padding: 2px;
+
.WikiaArticle h2 {
  text-align: center;
+
      background-position-y: 18px;
  white-space: nowrap;
+
      padding-bottom: 6px;
  border-right: 1px solid #608397;
+
      text-shadow: -1px 1px 0 #111,
  font-weight: bold;
+
        1px 1px 0 #111,
 +
        1px -1px 0 #111,
 +
      -1px -1px 0 #111;
 +
      font-size: 15pt;
 +
    }
 
}
 
}
 +
  
td.eva_navbox_group,
+
/*** category images ***/
td.eva_navbox_subgroup {
+
/* outer div around image */
  background: #274663 url(https://images.wikia.nocookie.net/cnc/images/6/63/Monaco_custom_widget_bg2.png?1);
+
#mw-category-media .gallerybox {
}
+
    border: 1px solid #333333;
 +
    }
 +
 +
/* thumbnail image */
 +
#mw-category-media .thumb {
 +
    background-color: transparent;
 +
    border: 0 !important;
 +
    }
 +
 +
/* 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;
 +
    }
  
td.eva_navbox_groupcell, td.eva_navbox_cell {
 
  padding: 2px;
 
}
 
  
td.eva_navbox_groupcell {
+
/* Tabs */
  text-align: left;
+
.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:30px;
 +
    }
 +
 +
.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;
 +
    }
  
td.eva_navbox_cell {
+
.cptabs .mw-selflink span, .cptabs .mw-selflink span:hover {
   text-align: center;
+
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);
 +
    }
  
/* This code prevents links from wrapping */
+
/* a:link, a:visited, a:hover, a:active {white-space: nowrap;} */
+
/*** Tabber coding ***/
 
+
/* do not wrap links in content fields if nowraplinks is set */
+
ul.tabbernav {
 
+
  border-bottom: none !important;
table.eva_navbox_nowraplinks td.eva_navbox_cell a,
+
  padding-top: 10px !important;
table.eva_navbox_nowraplinks td.eva_navbox_groupcell a {
 
    white-space: normal;
 
/*    white-space: nowrap; */
 
 
}
 
}
 
+
/* navbox needs brighter links */
+
/* tabber wrapper style */
td.eva_navbox_cell a:link,
+
.tabberlive {
td.eva_navbox_groupcell a:link {
+
    margin-top: 1px;
  color: #ADDDDF;
+
  overflow: auto;
 
}
 
}
td.eva_navbox_cell a:visited,
+
td.eva_navbox_groupcell a:visited {  
+
/* tabber visible content */
  color: #90D3D4;
+
.tabberlive > .tabbertab:not(.tabbertabhide) {
 +
    border: none !important;
 
}
 
}
td.eva_navbox_cell a:hover,
+
td.eva_navbox_groupcell a:hover {
+
/* tabber tabs */
  color: #ADDDDF;
+
.tabberlive > .tabbernav > li > a {
 +
  font-family: 'Play', sans-serif;
 +
  font-size: 14pt;
 +
  letter-spacing: 1px;
 +
  text-align: center;
 +
  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:100% 8px;
 +
  padding-bottom: 1%;
 +
  background-color: transparent;
 +
  border: none;
 +
  margin: 10px;
 +
  color: #d5d4d4 !important;
 
}
 
}
td.eva_navbox_cell a:active,
+
td.eva_navbox_groupcell a:active {
+
/* tabber tabs when being hovered */
  color: #ADDDDF;
+
.tabberlive > .tabbernav > li > a:hover {
 +
    background-color: transparent;
 +
    color: #ebe152 !important;
 +
    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:100% 8px;
 
}
 
}
td.eva_navbox_cell a.new,
+
td.eva_navbox_groupcell a.new {  
+
/* tabber tabs when being clicked */
  color: #FF8A02 !important;
+
.tabberlive > .tabbernav > li > a:active {
 +
    background-color: transparent;
 
}
 
}
td.eva_navbox_cell a.extiw,
+
td.eva_navbox_cell a.external,
+
/* selected tabber tab */
td.eva_navbox_groupcell a.extiw,
+
.tabberlive > .tabbernav > li.tabberactive > a {
td.eva_navbox_groupcell a.external {  
+
  background-color: transparent;
  color: #BBE5E5 !important;
+
  border:none;
 +
  color:#27d1f4 !important;
 
}
 
}
 
+
/* header bar needs brighter links */
+
/* selected tabber tab when being hovered */
th.eva_navbox_box_title a:link {  
+
.tabberlive > .tabbernav > li.tabberactive > a:hover {
  color: #FFF;
+
  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:100% 8px;
 +
  background-color: transparent;
 +
  border: none;
 
}
 
}
th.eva_navbox_box_title a:visited {  
+
  color: #E5E5E5;
+
/* selected tabber tab when being clicked */
 +
.tabberlive > .tabbernav > li.tabberactive > a:active {
 +
    background-color: transparent;
 
}
 
}
th.eva_navbox_box_title a:hover {
+
  color: #FFF;
+
/*remove extra spacing within the gallery*/
}
+
.wikia-gallery-item {
th.eva_navbox_box_title a:active {
+
   padding-bottom: 0px !important;
  color: #FFF;
+
   margin-bottom: -5px;
}
 
th.eva_navbox_box_title a.new {
 
   color: #FF8A02 !important;
 
}
 
th.eva_navbox_box_title a.extiw,
 
th.eva_navbox_box_title a.external {
 
   color: #BBE5E5 !important;
 
 
}
 
}
 +
/*** end Tabber style edits ***/
  
  
/* headers and footer need brighter links */
 
td.eva_navbox_subgroup a:link,
 
td.eva_navbox_group a:link,
 
td.eva_navbox_header a:link,
 
td.eva_navbox_footer a:link,
 
th.eva_navbox_innertable_title a:link {
 
  color: #ADDDDF;
 
}
 
td.eva_navbox_subgroup a:visited,
 
td.eva_navbox_group a:visited,
 
td.eva_navbox_header a:visited ,
 
td.eva_navbox_footer a:visited,
 
th.eva_navbox_innertable_title a:visited {
 
  color: #90D3D4;
 
}
 
td.eva_navbox_subgroup a:hover,
 
td.eva_navbox_group a:hover,
 
td.eva_navbox_header a:hover ,
 
td.eva_navbox_footer a:hover,
 
th.eva_navbox_innertable_title a:hover {
 
  color: #ADDDDF;
 
}
 
td.eva_navbox_subgroup a:active,
 
td.eva_navbox_group a:active,
 
td.eva_navbox_header a:active,
 
td.eva_navbox_footer a:active,
 
th.eva_navbox_innertable_title a:active {
 
  color: #ADDDDF;
 
}
 
td.eva_navbox_subgroup a.new,
 
td.eva_navbox_group a.new,
 
td.eva_navbox_header a.new,
 
td.eva_navbox_footer a.new,
 
th.eva_navbox_innertable_title a.new {
 
  color: #FF8A02 !important;
 
}
 
td.eva_navbox_subgroup a.new,
 
td.eva_navbox_subgroup a.external,
 
td.eva_navbox_group a.new,
 
td.eva_navbox_group a.external,
 
td.eva_navbox_header a.extiw,
 
td.eva_navbox_header a.external,
 
td.eva_navbox_footer a.extiw,
 
td.eva_navbox_footer a.external,
 
th.eva_navbox_innertable_title a.extiw,
 
th.eva_navbox_innertable_title a.external {
 
  color: #BBE5E5 !important;
 
}
 
  
@media print {
+
/****************************************************/
  table.eva_navbox_box {
+
/*                  portal main                    */
      display: none;
+
/* Code created by Tierrie on the Dragon Age Wiki  */
  }
+
/*      Code updated for UCP by Alex/Ursuul        */
 +
/****************************************************/
 +
/* container settings */
 +
#portal_slider a.external:after,
 +
.portal_metro .toc {
 +
display: none;
 
}
 
}
 
+
#portal_slider.portal_metro.ui-corner-all {
/* ################################################## */
+
border-radius: 0;
/* ### PORTALS                                    ### */
 
/* ################################################## */
 
 
 
table.portal_section {
 
  width: 100%;
 
  background: transparent;
 
  margin-top: 0px;
 
  margin-bottom: 5px;
 
  border: 2px solid #0D9BE3;
 
 
}
 
}
 +
.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; }
  
th.portal_header {
+
/* font title and sliders */
  background: #4B6E8C;
+
.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; }
  border: 0;  
 
  padding: 5px;  
 
  color: #FFF;
 
  font-size: 120%;  
 
  font-weight: bold;  
 
  text-align: left;
 
}
 
  
td.portal_body {
+
/* main tabs headers */
  border: 0;
+
.portal_metro [class^=portal_sliderlink] .mw-headline,
  background: #4B6E8C url(https://images.wikia.nocookie.net/cnc/images/b/bd/Monaco_custom_widget_bg.png?1);
+
.portal_metro [class^=portal_sliderlink] .portal_slidertext,
  padding: 5px;
+
.portal_metro .portal_header_text,
 +
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
 +
  text-transform:uppercase;
 
}
 
}
  
span.portal_editbar {
+
/** sub category headers **/
  float: right;
+
.portal_vtab.ui-tabs-vertical .ui-tabs-nav li a {
  font-size: 75%;
+
  font-size: 14pt !important;
  font-weight: normal;
+
  padding-left: 10px !important;
 
}
 
}
  
/* TOC */
+
/** headers inside sub categories **/
.portal_toc {
+
.portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 {
  width: 100%;
+
  background-image:none;
  font-size: 95%;
+
  color: white !important;
 
}
 
}
  
.portal_toc td {
+
/** fix padding between headers and list **/
  vertical-align: top;
+
.portal_vtab.ui-tabs-vertical .ui-tabs-panel h2 + ul {
  padding: 0 5px;
+
  padding-top: 5px !important;
 
}
 
}
  
.portal_toc p {
+
/** list of text **/
  font-weight: bold;
+
.portal_vtab.ui-tabs-vertical .ui-tabs-panel li {
  border-bottom: 1px solid #AAA;
+
  font-size: 16pt;
 +
  line-height: 22pt;
 
}
 
}
 
+
/** fix red links in portal template **/
/* Intro - image buttons */
+
.portal_vtab.ui-tabs-vertical .ui-tabs-panel a.new {
table.portal_buttons {
+
  color: #e81a3f !important;
  text-align: center;
 
  font-size: 95%;
 
  margin: 0 auto;
 
 
}
 
}
  
table.portal_buttons th,
+
/** plain text **/
table.portal_buttons td {
+
.portal_vtab.ui-tabs-vertical .ui-tabs-panel {
  width: 25%;
+
  color: white;
 +
  text-shadow:-1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000;
 
}
 
}
  
table.portal_buttons th {
+
.portal_metro .portal_header_text { font-size: 2em; padding-top: 15px; }
  vertical-align: middle;
+
.portal_metro [class^=portal_sliderlink] { font-size: 1.4em; }
  font-weight: normal;
 
  padding-top: 3px;
 
}
 
  
table.portal_buttons td {
+
/* portal headers, headerlinks colors and formatting */
  vertical-align: top;
+
.portal_metro .portal_header { position: relative; margin-bottom: 6px; padding: 0; }
  padding-bottom: 3px;
+
.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 */
/* ### EXTENSIONS                                ### */
+
.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%; }
  
/* Blog extension - portal fixes */
+
/* Transclucency patch */
.portal_body div.wk_blogs_panel {
+
#portal_slider #portal_main .portal_body:before,
  font-size: 100%;
+
#portal_slider #portal_main .portal_body:after {
  width: 100%;
+
    content: "";
  float: none;
+
    display: block;
  clear: none;
+
    position: absolute;
  margin: -5px 0 0;
+
    top: 0;
  border: none;
+
    right: 0;
  padding: 0;
+
    bottom: 0;
  background: transparent;
+
    z-index: 30;
 +
    width: 225px;
 +
    height: 450px;
 +
    background-color: #000000;
 
}
 
}
  
.portal_body div.wk_blogs_panel .wk_blogs_title {
+
.portal_sliderlink-2 {
  display: none;
+
    z-index: 20;
 
}
 
}
 
+
.portal_sliderlink-2 ~ [class^="portal_sliderlink"] {
.portal_body div.wk_blogs_panel .wk_blogs_summary {
+
    z-index: 40;
  font-size: 95%;
 
  line-height: 1.5em;
 
 
}
 
}
  
.portal_body div.wk_blogs_panel .wk_blogs_body {
+
/* slider background */
  margin-left: -6px;
+
.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; }
}
 
  
.portal_body div.wk_blogs_panel .wk_blogs_link {
+
/* Experimental */
  margin-top: 5px;
+
.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_body div.wk_blogs_panel .wk_blogs_details {
+
.portal_metro#portal_main [class^=portal_sliderlink]:hover {
  font-size: 85%;
+
    opacity: 1;
  padding-left: 5px;
 
 
}
 
}
  
.portal_body div.wk_blogs_panel .wk_blogs_comments {
+
#portal_slider #portal_main .portal_body:after {
  font-size: 85%;
+
    z-index: 10;
 +
    width: 100%;
 
}
 
}
  
.portal_body div.wk_blogs_panel ul.list {
+
/* slider background */
  margin-top: 0;
+
.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_body div.wk_blogs_panel ul.list li {
+
.portal_metro#portal_main [class^=portal_sliderlink]:hover:after { opacity: 1; }
  padding: 0;
+
.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; }
  line-height: 1.5em;
+
.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; }
  
.portal_body div.wk_blogs_panel ul.list li {
+
/* slider sub category background */
  border-bottom: 1px solid #AAA;
+
#portal_slider .ui-state-active,
 +
#portal_slider .ui-state-default,
 +
#portal_slider .ui-widget-content,
 +
#portal_slider .ui-widget-header {
 +
background: none;
 
}
 
}
  
.portal_body div.wk_blogs_panel ul.list li li {
+
#portal_main, #portal_cp2077, #portal_cp2013, #portal_cp2020, #portal_cpred, #portal_other { position: relative; }
  border-bottom: 0;
+
#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%; }
}
+
#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; }
 +
#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; }
 +
#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; }
 +
#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; }
 +
#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; }
  
/* Blog extension - list fixes */
+
.portal_metro#portal_slider .portal_navlink { display: none; }
#blog-comments-ul div.blog-comm-text ul li,
+
.portal_metro#portal_slider { }
#blog-comments-ul div.blog-comm-text ol li {
+
.portal_metro#portal_slider .portal_navlink { display: block; position: absolute; bottom: 8px; left: 8px; z-index: 2; }
  border: 0;
+
.portal_metro#portal_slider .portal_navlink img { opacity: 0.3; }
  padding: 0;
+
.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%; }
/* ### TITLE ICONS (Template:Games)              ### */
+
.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; }
.va-titleicons, .va-titleicons-hover {
+
/* changes text for the links within sub tabs */
  font-size: 11px;
+
.portal_metro#portal_slider .portal_vtab.ui-tabs-vertical .ui-tabs-nav .ui-corner-left {
  position: absolute;
+
border: 0;
  margin: 0;
+
border-radius: 0;
  max-width: 275px;
 
  z-index: 3;
 
 
}
 
}
 +
.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; }
  
.va-titleicons {
+
/* column classes */
  background: transparent;
+
.portal_metro#portal_slider .cols_2 ul { columns: 2; -webkit-columns: 2; -moz-columns: 2; }
  right: 0;
+
.portal_metro#portal_slider .cols_3 ul { columns: 3; -webkit-columns: 3; -moz-columns: 3; }
  height: 25px;
+
.portal_metro#portal_slider .cols_4 ul { columns: 4; -webkit-columns: 4; -moz-columns: 4; }
  overflow: hidden;
 
  text-align: right;
 
  border: none;
 
  display: none;
 
}
 
  
.va-titleicons-hover {
+
/********************************/
  background: #FFF;
+
/* portal screen wide overrides */
  right: -2px;
+
/********************************/
  height: auto;
+
@media screen and (max-width: 1023px) {
  overflow: auto;
+
    #portal_slider #portal_main .portal_body:before,
  text-align: center;
+
    .portal_metro [class^=portal_sliderlink] {
  border: 2px solid #D9D9D9;
+
        width: 225px;
  padding: 1px 5px;
+
    }
}
 
  
.va-titleicons-preview {
+
    .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
  text-align: right;
+
        width: 360px;
}
+
    }
  
.va-titleicons-fullsize,
+
    .portal_metro#portal_images .wikia-slideshow-wrapper,
.va-titleicons-hover .va-titleicons-preview {
+
    .portal_metro#portal_images .wikia-slideshow-images,
  display: none;
+
    .portal_metro#portal_images img.thumbimage,
}
+
    .portal_metro#portal_images {
 +
        height: 280px !important;
 +
    }
  
.va-titleicons-hover .va-titleicons-fullsize {
+
    .WikiaRail .module {
  display: block;
+
        position: relative;
 +
    }
 
}
 
}
  
.va-titleicons-more {
+
@media screen and (min-width: 1023px) and (max-width: 1650px) {
  float: right;
+
    #portal_slider #portal_main .portal_body:before,
  padding: 0 2px;
+
    .portal_metro [class^=portal_sliderlink] {
  line-height: 25px;
+
        width: 225px;
}
+
    }
  
.va-titleicons-chevron {
+
    .portal_metro#portal_main .portal_sliderlink-2 .portal_slidertext {
  vertical-align: middle;
+
        width: 360px;
  border-color: #3A3A3A transparent transparent;
+
    }
  border-style: solid;
 
  border-width: 3px;
 
  width: 0;
 
}
 
  
/* Monobook */
+
    .portal_metro#portal_images .wikia-slideshow-wrapper,
.skin-monobook .va-titleicons {
+
    .portal_metro#portal_images .wikia-slideshow-images,
  top: 15px;
+
    .portal_metro#portal_images img.thumbimage,
 +
    .portal_metro#portal_images {
 +
        height: 280px !important;
 +
    }
 
}
 
}
 
+
@media screen and (min-width: 1650px) {
.skin-monobook .va-titleicons-hover {
+
    #portal_slider #portal_main .portal_body:before,
  top: 13px;
+
    .portal_metro [class^=portal_sliderlink] {
 +
        width: 300px;
 +
    }
 
}
 
}

2020年12月20日 (日) 16:00的版本

@import url('https://fonts.googleapis.com/css?family=Play:400,700');
 
 .WikiaPage {
  font-family: 'Play', sans-serif;
  font-weight: 400;
  }

/* Removing title on main page */
.mainpage .WikiaPage .page-header__title,
.mainpage .WikiaPage .page-header__separator {
    display: none;
}

/* siderail headers and wiki activity summary headers */
.WikiaRail .module h2, .dark_text_2 {
    color:#27d1f4;
}
 

/* hides the gallery add photo button */
.wikia-photogallery-add {
    display: none;
}

.WikiaArticle h2 {
  border-bottom: none !important;
  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;
  color:#27d1f4;
  text-shadow: -1px 1px 0 #111,
        1px 1px 0 #111,
        1px -1px 0 #111,
      -1px -1px 0 #111;
 font-size: 18pt;
}
 
.WikiaArticle h3 {
  color:#27d1f4;
}
 
/* prevent h2 style from affecting the TOC box */
.toc .toctitle h2 {
  background-image: none;
}

/* for one's following page, to keep header design a bit smaller*/
.page-Special_Following h2 {
 background-position:0% 110% !important;
}

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

/* fixing indentation breaks so html code isn't messy */
.WikiaArticle dd {
    margin-bottom: 14px !important;
    }
 
/* reference list to keep it from being kicked to the bottom */
.mw-parser-output .mw-references-wrap {
  clear: none;
}

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

/* fixing highlighted reference issues caused by UCP */
ol.references li:target, sup.reference:target {
    background-color: var(--themed-page-background--secondary);
}


/***************/
/* 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; }
 
/*** 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;
    background-image: none !important; /* prevents h2 article header from adding image to infobox headers */
}
 
.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;
    background-position: 0% 135% !important; /* fixes h2 article header from adding image for infobox */
}
 
/* 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 1px;
    text-align: right;
    border-right:1px #ffef00 solid;
    color: #27d1f4;
    }
 
.pi-data-value {
    padding-top: 3px;
    padding-right: 12px;
    }
 
/* removes the vertical line on smart groups */
.pi-smart-group .pi-smart-data-label, .pi-smart-group .pi-smart-data-value {
    border: none !important;
    }
 
/* to keep right border of infobox from possibly covering up text */
.pi-smart-group .pi-smart-data-label:last-child, .pi-smart-data-value:last-child {
    padding-right: 14px !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 === */
/**************************************/
/*       quick list of classes        */
/*   article-table - default table    */
/*    WikiaTable - secondary table    */
/*     metadata - image meta tab      */
/*    filehistory - image hist tab    */
/*  TablePager - ListFiles ListUsers  */
/**************************************/
.article-table,
.WikiaTable {
  background-color: rgba(255, 255, 255, 0.05) !important;
}
 
.article-table th, .article-table td, .WikiaTable th, .WikiaTable td {
  border-bottom: none !important;
}
 
/* removes the invisible tfoot html off tables so no extra space at bottom of tables */
.article-table tfoot, .WikiaTable tfoot {
    display:none;
}
 
.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;
    color:#e5e5e5;
    }
 
/* 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, .article-table th, table.mw_metadata th, #mw-imagepage-section-filehistory table th, .TablePager th {
    background:#074754 !important;
    text-align:center !important;
    }
 
/* 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;
    }
/* special code for file history table and metadata table on image description pages so it looks like the WikiaTable 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:#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;
}
 
 
/* 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 !important;
    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;
    }
 
.navbox .navbox-group a {
    white-space: normal;
    }
 
.navbox-list {
    padding: 5px;
    border-left: 2px solid #111111;
    background-color:rgba(255,255,255,0.05) !important;
    }
 
.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);
}
 
/* mainpage 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 */
	.WikiaArticle h2 {
      background-position-y: 18px;
      padding-bottom: 6px;
      text-shadow: -1px 1px 0 #111,
        1px 1px 0 #111,
        1px -1px 0 #111,
      -1px -1px 0 #111;
      font-size: 15pt;
    }
}
 

/*** category images ***/
/* outer div around image */
#mw-category-media .gallerybox {
    border: 1px solid #333333;
    }
 
/* thumbnail image */
#mw-category-media .thumb {
    background-color: transparent;
    border: 0 !important;
    }
 
/* 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:30px;
    }
 
.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;
  padding-top: 10px !important;
}
 
/* tabber wrapper style */
.tabberlive {
    margin-top: 1px;
  overflow: auto;
}
 
/* tabber visible content */
.tabberlive > .tabbertab:not(.tabbertabhide) {
    border: none !important;
}
 
/* tabber tabs */
.tabberlive > .tabbernav > li > a {
  font-family: 'Play', sans-serif;
  font-size: 14pt;
  letter-spacing: 1px;
  text-align: center;
  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:100% 8px;
  padding-bottom: 1%;
  background-color: transparent;
  border: none;
  margin: 10px;
  color: #d5d4d4 !important;
}
 
/* tabber tabs when being hovered */
.tabberlive > .tabbernav > li > a:hover {
    background-color: transparent;
    color: #ebe152 !important;
    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:100% 8px;
}
 
/* tabber tabs when being clicked */
.tabberlive > .tabbernav > li > a:active {
    background-color: transparent;
}
 
/* selected tabber tab */
.tabberlive > .tabbernav > li.tabberactive > a {
   background-color: transparent;
   border:none;
   color:#27d1f4 !important;
}
 
/* selected tabber tab when being hovered */
.tabberlive > .tabbernav > li.tabberactive > a:hover {
  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:100% 8px;
  background-color: transparent;
  border: none;
}
 
/* selected tabber tab when being clicked */
.tabberlive > .tabbernav > li.tabberactive > a:active {
    background-color: transparent;
}
 
/*remove extra spacing within the gallery*/
.wikia-gallery-item {
  padding-bottom: 0px !important;
  margin-bottom: -5px;
}
/*** end Tabber style edits ***/



/****************************************************/
/*                  portal main                     */
/* Code created by Tierrie on the Dragon Age Wiki   */
/*      Code updated for UCP by Alex/Ursuul         */
/****************************************************/
/* container settings */
#portal_slider a.external:after,
.portal_metro .toc {
	display: none;
}
#portal_slider.portal_metro.ui-corner-all {
	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; }

/* 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 */
#portal_slider #portal_main .portal_body:before,
#portal_slider #portal_main .portal_body:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    z-index: 30;
    width: 225px;
    height: 450px;
    background-color: #000000;
}

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

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

/* 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 */
#portal_slider .ui-state-active,
#portal_slider .ui-state-default,
#portal_slider .ui-widget-content,
#portal_slider .ui-widget-header {
	background: none;
}

#portal_main, #portal_cp2077, #portal_cp2013, #portal_cp2020, #portal_cpred, #portal_other { position: relative; }
#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%; }
#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; }
#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; }
#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; }
#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; }
#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;
    }
}