MediaWiki:Common.css

/***** CSS placed here will be applied to all skins on the entire site. *****/ @import url('/MediaWiki:Mainpage.css?action=raw&ctype=text/css'); @import url('/MediaWiki:Instant_Expert.css?action=raw&ctype=text/css');


 * root {

--dx-triangles-image: url(https://vignette.wikia.nocookie.net/deusex/images/f/f4/DX_triangles_infobox.png/revision/latest?cb=20151127002735&path-prefix=en); } /* Note: There are other hard-coded triangle images used as background. Can they be replaced with the one above? */

/* The default (auto-assigned) link hover color in the Dark theme is too light, almost white. Let's reuse the hover color used for header menus. */ body.theme-fandomdesktop-dark { --theme-link-color--hover: var(--theme-community-header-color--hover); }

/* For Template:TOC_limit */ .toclimit-2 .toclevel-2, .toclimit-3 .toclevel-3, .toclimit-4 .toclevel-4, .toclimit-5 .toclevel-5, .toclimit-6 .toclevel-6, .toclimit-7 .toclevel-7 { display: none !important;}

/* Mark redirects in Special:Allpages and Special:Watchlist */ .allpagesredirect, .watchlistredir { font-style: italic; } .allpagesredirect:after { color: #808080; content: " (redirect)" }

/* Image frame fix */ div.tright, div.tleft { border: 1px solid silver; }

div.thumbinner { background: inherit; border: none; color: inherit; }  color:inherit; }
 * 1) article div.thumb {

/* For the Nowrap and Flatlist templates: From http://en.wikipedia.org/wiki/MediaWiki:Common.css Styles to prevent line breaks in links with spaces, and in other places where we don't want line wrapping */ .nowrap, .nowraplinks a, .nowraplinks .selflink, sup.reference a { white-space: nowrap; }

/* Fix too big indents before/after/between some elements */ .page-content ol, .page-content ul { margin-bottom: 6px; } .page-content p+ol, .page-content p+ul { margin-top: -6px !important; }

/***************************************/ /* UCP & FandomDesktop dark mode fixes */ /***************************************/

/* AbuseFilter table color fixes */ table.mw-abuselog-details, table.mw-abuselog-details th { background-color: inherit; }

/******************************************/ /*         Tables                        */ /******************************************/ .wikitable tr th, .wikitable tr td { padding: 5px 10px; }

/******************************************/ /*         Portable infoboxes            */ /******************************************/ .portable-infobox { --pi-secondary-background: rgba(var(--theme-accent-color--rgb), .75); /* Background of label group headers. Old: #5f4621 */

box-shadow: 0 0 10px var(--theme-accent-color); /*old:  #725427; */ margin-right: 10px; /* so that the shadow is also visible on the right side */ background-image: var(--dx-triangles-image); }

.portable-infobox .pi-title, .portable-infobox .pi-secondary-font { font-family: DeusEx3_Hud, Rubik, Helvetica, Arial, sans-serif !important; }

.portable-infobox .pi-title { font-size: 22px !important; text-shadow: 1px 1px black; line-height: 28px !important; background-image: url(https://vignette.wikia.nocookie.net/deusex/images/9/90/Triangle_tile_infobox_title.png/revision/latest?cb=20151127002736&path-prefix=en); color: #c49550; /* TODO: replace hard-coded color with the closest CSS variables */ }

/* Set the backgound for transparent images only in dark themes */ .portable-infobox .pi-image { background: #977035; box-shadow: inset 0 0 70px 40px #251c0e; } /* TODO: replace hard-coded colors with the closest CSS variables */

/* Captions of the infobox images */ .portable-infobox .pi-caption { font-size: 12px; text-align: center; }

/* Data labels */ .portable-infobox .pi-secondary-font { font-size: 12.5px !important; }

.portable-infobox .pi-item-spacing { padding-top: 5px !important; padding-bottom: 5px !important; }

/*** light mode text color fix to still use the custom styling above ***/ .theme-fandomdesktop-light .portable-infobox { color: #ffffff; /* TODO: replace hard-coded colors with the closest CSS variables */ }

.theme-fandomdesktop-light .pi-caption { color: #888888; /* TODO: replace hard-coded colors with the closest CSS variables */ }

/******************************************/ /*               Navboxes                */ /******************************************/ /* NB: Template:Navbox also has inline styles. Ideally they should be extracted and moved here. */

table.navbox { border: 1px solid var(--theme-page-background-color--secondary); width: 100%; margin: auto; margin-top: 5px; clear: both; font-size: 90%; text-align: left; padding: 1px; }

table.navbox table {       /* Inner table (the actual navbox) */ width: 100%; }

table.navbox + table.navbox { margin-top: -1px;       /* single pixel border between adjacent navboxes */ }

.navbox, .navbox-subgroup { background: rgba(var(--theme-border-color--rgb),.1); }

/* Use backgound image only in dark themes */ body:not(.theme-fandomdesktop-light) .navbox-title, body:not(.theme-fandomdesktop-light) .navbox-group { background-image: url("https://vignette.wikia.nocookie.net/deusex/images/5/52/DX_black_triangles.png/revision/latest?cb=20150507114531&path-prefix=en"); }

.navbox-title { font-size: 110%; text-align: center; padding-left: 1em; padding-right: 1em; border: 2px solid var(--theme-border-color); }

.navbox-group { font-weight: bold; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; border-left: 1px solid var(--theme-accent-color); border-bottom: 1px solid var(--theme-accent-color); }

.navbox-group a { white-space: normal; }

.navbox-list { padding: 5px; border: 1px solid var(--theme-accent-color); border-top: none; }

.navbox-subgroup .navbox-group { border-left: 0; }

.navbox-subgroup .navbox-list { background: transparent !important; border-right: 0; }

@media print { .navbox { display: none; } }

/* Style for horizontal lists (separator following item). @source mediawiki.org/wiki/Snippets/Horizontal_lists @revision 9 (2016-08-10) @author User:Edokter */ /* When updating, also check skin-specific overrides (if any) */ .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; - Moved to Wikia.css */ } .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"; white-space: nowrap; } .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"; }

/******************************************/ /* For Template:Mission briefing DXMD */ /******************************************/ .md-mission { border: 1px solid black; padding: 12px; width: min-content; margin: auto auto 24px; }

/* Use background image only in the dark theme */ .theme-fandomdesktop-dark .md-mission { background-image: var(--dx-triangles-image); }

.md-mission-title { color: var(--theme-link-color);  /* old value: #d8ba5a; */ font-size: 160%; font-family: Maetl, Rubik, Helvetica, Arial, sans-serif; text-shadow: 2px 0 10px var(--theme-accent-color--hover);  /* old value: #a58827 */ padding: 10px 0; }

.md-mission p { text-align: justify; font-style: italic; margin-bottom: 10px; }

.md-mission p:last-child { margin-bottom: 0; }

/******************************************/ /* For Template:File_information         */ /******************************************/ table.fileinformation { background-color: var(--theme-page-background-color) !important; font-size: smaller; } table.fileinformation th { background-color: var(--theme-body-background-color); text-align: left !important;  /* Fix for Oasis to override the default wikitable th alignment */ }

/******************************************/ /* For Template:SpoilersBegin            */ /******************************************/ /* The background and border colors should ideally (but not necessarily) be the same as in `table.wikitable` */ .plotsummary span.mw-collapsible-toggle { display: block; float: none; border: 1px solid; margin: 1em 1px; padding-top: 4px; padding-bottom: 4px; font-size: 115%; text-align: center; } body:not(.theme-fandomdesktop-light) .plotsummary span.mw-collapsible-toggle { /* background-color: rgba(var(--theme-body-background-color--rgb), .3); */ /* Oasis skin doesn't have this variable, so it's easier to hard-code the value */ background-color: #111111; border-color: black; } .theme-fandomdesktop-light .plotsummary span.mw-collapsible-toggle { background-color: var(--theme-page-background-color--secondary); border-color: var(--theme-border-color); } .plotsummary span.mw-collapsible-toggle:focus { outline: var(--theme-border-color) dashed 1px; } .plotsummary span.mw-collapsible-toggle a { color: inherit; }

/* BEGIN OLD Oasis CSS from Wikia.css */

/*********************************/ /* main page jquery tabs/sliders */ /*********************************/ .ui-tabs { position: relative; padding: .2em; zoom: 1; } .ui-tabs .ui-tabs-nav { margin: 0; padding: .2em .2em 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 0; white-space: nowrap; } .ui-tabs .ui-tabs-nav li a { float: left; padding: .5em 1em; text-decoration: none; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } .ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } .ui-tabs-hide { display: none !important; }

/***************/ /* quote boxes */ /***************/ .quotebox { /* border: 1px solid #523F35; background:#222222; */ -moz-border-radius: 1em; -webkit-border-radius: 1em; border-radius: 1em; display: table; } .quotebox + .quotebox { margin:1em 0 0 0; } .quotebox .leftquote { color: #FEC356; 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: #FEC356; 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: 0 1em 0.4em 0; font-weight: bold; font-style: oblique; }

/***************/ /* Skin fix */ /***************/ div.boilerplate {background-color: #260502; border: solid 1px #FEC356;}

/************************************* BELOW HERE ************************************/

/* Wikitable modifications */

.wikitable { margin:1em 1em 1em 0 !important; background:#1D1D1D !important; border:1px #a4813c solid !important; } .wikitable th, .wikitable td { border:1px #a4813c solid !important; padding: 5px 10px 5px 10px !important; } .wikitable th { background:#111111 !important; } .wikitable caption { margin-left:inherit !important; margin-right:inherit !important; font-weight:bold !important; } .wikitable tr.odd {background:#333333 !important;}

.wikitable tr.left, .wikitable th.left, .wikitable td.left {text-align:left !important;} .wikitable td.high {color: #C9BF58 !important; text-align:left !important;font-weight:bold !important;} .wikitable tr:nth-child(even) { background:#181818; }

/* light mode table header fix */ .theme-fandomdesktop-light .wikitable th { background-color: #999999 !important; }

/* FandomDesktop light mode alternating rows */ .theme-fandomdesktop-light .wikitable tr:nth-child(odd) { background-color:rgba(255,255,255,.75); }

.theme-fandomdesktop-light .wikitable tr:nth-child(even) { background-color:rgba(255,255,255,0.9); }

/* "Key Characters" tables used in "Deus Ex: Human Revolution storyline" */ .keychar { margin: 0; background:#121212 !important; border-collapse:collapse !important; color: white; border: 1px solid #5f4621; border-radius: 1px; outline: none; box-shadow: 0 0 10px #725427; } .keychar th, table.keychar td { border:0px !important; padding: 8px 12px 8px 12px !important; color: inherit; text-align:center; } .keychar th { font-weight: bold; color: #4a3619 !important; font-family: "DeusEx3_Hud", "Arial"; font-size:115%; } .keychar caption { text-align:left; font-weight: bold; font-size:130%; background: linear-gradient(-45deg, #4a3619, #a97c39); padding: 10px; border: 1px solid #5f4621; border-radius: 1px; outline: none; box-shadow: 0 0 10px #725427; color: #191919; text-shadow: 1px 1px #83602c; font-family: "DeusEx3_Hud", "Arial"; }

/****** H5 font size on wide screens ******/ @media only screen and (max-width:1595px) { .WikiaPage h5 { font-size: 15px; } } @media only screen and (min-width:1596px) { .WikiaPage h5 { font-size: 18px; } } big { font-size: inherit; }

/* Hover audio */ /* for Template:Inline quote */ /* Source: fallout.wikia.com */

.np-quote-snd-trigger { display: inline-block; position: relative; top:auto; left:auto; padding: 0px 2px; } .np-quote-snd-trigger:hover .np-quote-snd-player { display:block; } .np-quote-snd-player { display:none; position:absolute; top:-55px; left:100%; z-index:100 !important; width: 300px; overflow: visible; margin:0; padding:5px 10px 10px 10px; border:1px solid #212121; border-radius:5px; box-shadow:#515151 2px 2px 5px 0; background-color:#212121; color: White; text-align: left; font: normal normal normal 13px/normal Helvetica,Arial,sans-serif; } .np-quote-snd-player-img { float:left; width:50px; } .np-quote-snd-player-title { width:250px; height:50px; display:table-cell; vertical-align:middle; } .np-quote-snd-player-title span { font-size: 18px; }

/**************************************************/ /*             Navbox overrides                  */ /**************************************************/ .navbox-title { border-color: #424242; }

/***********Disambig template style***********/ .disambig { margin: 1em; padding: 10px 12px 10px 12px; outline: none; border-radius: 1px; border-color: #4D4D4D; box-shadow: inset 0 0 10px #4D4D4D; background: #121212; } .disambig .title { color: #bc8a3f; font-size: 120%; padding-bottom: 2px; } .disambig .text2 { font-size: 85%; opacity: 0.6; padding-top: 2px; }

/******************** Tabber style *******************/ ul.tabbernav { padding: 3px 10px !important; border-bottom: 1px solid white !important; } ul.tabbernav li a { color: #4F3F27 !important; border: 1px solid white !important; background: #d1b68f !important; } ul.tabbernav li a:hover { color: white !important; background: #83602C !important; border-color: #5F4621 !important; } ul.tabbernav li.tabberactive a { background-color: #fff !important; border-bottom: 1px solid #fff !important; } ul.tabbernav li.tabberactive a:hover { color: #000 !important; background: white !important; border-bottom: 1px solid white !important; }

/*********** EXPERIMENTS & JUNK ************************/

.tabs .selected a { -webkit-text-fill-color: initial; }

/* Canon Tabs - from Witcher wiki */ .canontabs { width: 100%; border-bottom: 2px solid #d2801e; margin-bottom: 20px; } .canontabs ul { margin: 0; padding: 0; height: 37px; } .canontabs li { display: inline-block; margin-right: 10px; padding: 0; height: 25px; } .canontabs li a { display: block; text-decoration: none; } .canontabs li span { padding: 7px 15px 25px 15px; border: 2px solid #314b75; border-bottom: none; border-radius: 10px 10px 0 0; height: 25px; line-height: 18px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } .canontabs li strong span { color: #d5d4d4; border: 2px solid #d2801e; border-bottom: 2px solid #111111; } .canontabs li a span:hover { border-color: #7abaff; }

/* END OLD Oasis CSS from Wilia.css */