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? */

/******************************************/ /*   Temporary fixes/workarounds         */ /******************************************/

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

/* (Light theme) Make text darker for better contrast */ body.theme-fandomdesktop-light { --theme-page-text-color: #222; }

/* 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 {

/* 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; } .page-content section+ol, .page-content section+ul { margin-top: revert; } /* Fix reduced margin below lists */ .page-content ul + p, .page-content ol + p { margin-top: 16px !important; }

/* AbuseFilter color fixes */ table.mw-abuselog-details, table.mw-abuselog-details th { background-color: inherit; } td.mw-abusefilter-history-changed { background-color: var(--theme-page-background-color--secondary) !important; }

/* Fix too light color of tab links on user profile pages */ opacity: inherit; }
 * 1) userProfileApp .user-profile-navigation__link {

/* Don't wrap dropdown items in the header menu */ .fandom-community-header__local-navigation .wds-dropdown__content, .fandom-community-header__local-navigation .wds-dropdown-level-nested__content {   max-width: none !important; }

/* (Light theme) Fix the color of gallery thumbnail captions */ .theme-fandomdesktop-light .wikia-gallery-caption-below .lightbox-caption { color: inherit; }

/* Fix colors in notifications (e.g. Watch/Unwatch, post-edit, etc.) */ /* These styles are copied from the corresponding Oasis styles */ .mw-notification { background-color: var(--theme-page-background-color--secondary); border-color: var(--theme-border-color); color: var(--theme-page-text-color); } /* (Dark mode) Make the "x" (close) icon in notifications white, to match the text color */ .theme-fandomdesktop-dark .postedit:after { filter: invert(1); }

/* 21:37, 28 May 2022 (UTC)21:37, 28 May 2022 (UTC)21:37, 28 May 2022 (UTC)21:37, 28 May 2022 (UTC)~ Miscellaneous 21:37, 28 May 2022 (UTC)21:37, 28 May 2022 (UTC)21:37, 28 May 2022 (UTC)21:37, 28 May 2022 (UTC)21:37, 28 May 2022 (UTC) */

/* Use this class with white-on-transparent images:. It will make these images black instead of white when the Light theme is active. .theme-fandomdesktop-light .invertible { filter: invert(1); }

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

/* Mark external links with an icon. This style is copied from the Oasis skin. */ .mw-parser-output a.external:after { background-color: currentColor; content: ""; display: inline-block; width: 13px; height: 13px; mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%2336b' d='M5.002 1.01h7v7l-2-2-3 2v-1l3-2.25 1 1V2.01h-3.75l1 1-2.25 3h-1l2-3z'/%3E%3Cpath fill='%2336b' d='M7.002 3.01h-5v8h8v-5h-1v4h-6v-6h4z'/%3E%3Cpath fill='%2315a5ea' d='M4.082 5.51c0-.621.621-.621.621-.621 1.864.621 3.107 1.864 3.728 3.728 0 0 0 .621-.62.621-1.245-1.864-1.866-2.485-3.73-3.728z'/%3E%3C/svg%3E") no-repeat center; -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='13' height='13'%3E%3Cpath fill='%2336b' d='M5.002 1.01h7v7l-2-2-3 2v-1l3-2.25 1 1V2.01h-3.75l1 1-2.25 3h-1l2-3z'/%3E%3Cpath fill='%2336b' d='M7.002 3.01h-5v8h8v-5h-1v4h-6v-6h4z'/%3E%3Cpath fill='%2315a5ea' d='M4.082 5.51c0-.621.621-.621.621-.621 1.864.621 3.107 1.864 3.728 3.728 0 0 0 .621-.62.621-1.245-1.864-1.866-2.485-3.73-3.728z'/%3E%3C/svg%3E") no-repeat center; }

/* Remove the "external" indicator from links in "plainlinks" elements */ .plainlinks a.external:after { display: none; }

/* Remove border & bkg color in gallery thumbnails */ .wikia-gallery-border-small .thumb .gallery-image-wrapper { border: none !important; } li.gallerybox div.thumb { border: none !important; background: transparent !important; }

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

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

/******************************************/ /*         Portable infoboxes            */ /******************************************/ .theme-fandomdesktop-dark .portable-infobox { 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 */ }

.theme-fandomdesktop-light .portable-infobox { box-shadow: 0 0 10px rgba(var(--theme-link-color--rgb),.45); /*old:  var(--theme-accent-color) */ margin-right: 10px; /* so that the shadow is also visible on the right side */ }

.theme-fandomdesktop-dark .portable-infobox { --pi-secondary-background: rgba(var(--theme-accent-color--rgb), .75); /* Background of label group headers. Old: #5f4621 */ background-image: var(--dx-triangles-image); }

.theme-fandomdesktop-light .portable-infobox { --pi-secondary-background: rgba(var(--theme-link-color--rgb),.45) /* Background of label group headers for light theme */ /* old: rgba(var(--theme-accent-color--rgb), .75); */ }

.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; line-height: 28px !important; }

.theme-fandomdesktop-dark .portable-infobox .pi-title { text-shadow: 1px 1px black; 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 */ }

/* The backgound for transparent images */ /* TODO: Do we need a background for the light theme? */ .theme-fandomdesktop-dark .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; }

/* Restore the border between the image caption and the subsequent data row. Especially needed in the Light theme. */ .pi-image + .pi-data { border-top: inherit !important; }

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

.portable-infobox .wds-tabs li { margin-left: auto; margin-right: auto; }

/******************************************/ /*               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     */ /******************************************/ .mission-briefing { display: inline-block; /* background: radial-gradient(#000000, #000000, #1E1810); - old style from the dark theme */ border: 3px solid var(--theme-accent-color); border-radius: 13px 0; font-style: italic; text-align: justify; padding: 12px; margin-bottom: 15px; } .theme-fandomdesktop-dark .mission-briefing { background-color: var(--theme-body-background-color); } .theme-fandomdesktop-light .mission-briefing { background-color: var(--theme-page-background-color--secondary); }

.mission-briefing .floatright { margin-bottom: 0; }

.mission-briefing-title { font-size: 160% !important; /* padding-top: 5px; padding-bottom: 5px; */ margin: 5px 0; } .theme-fandomdesktop-dark .mission-briefing-title { /* color: var(--theme-link-color);   old: #D6A54A */ color: rgba(var(--theme-link-color--rgb),.8); }

/****************************************************/ /* For Template:Mission briefing DXMD          */ /* used in the "Deus Ex: Mankind Divided storyline" */ /****************************************************/ .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 { font-size: smaller; }

/******************************************/ /* 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 tr th, .wikitable tr td { padding: 5px 10px !important; }

.theme-fandomdesktop-dark .wikitable, .theme-fandomdesktop-dark .wikitable tr th, .theme-fandomdesktop-dark .wikitable tr td { border-color: var(--theme-accent-color) !important; }

.theme-fandomdesktop-light .wikitable, .theme-fandomdesktop-light .wikitable tr th, .theme-fandomdesktop-light .wikitable tr td { border-color: var(--theme-border-color) !important; }

.theme-fandomdesktop-dark .wikitable th { background-color: rgba(var(--theme-page-background-color--secondary--rgb),.5) !important; }

.wikitable caption { margin-left: inherit !important; margin-right: inherit !important; font-weight: bold !important; }

.wikitable tr.left, .wikitable tr th.left, .wikitable tr td.left { text-align: left !important; } .wikitable td.high { color: #C9BF58 !important; text-align: left !important; font-weight:bold !important; }

/* "Key Characters" tables used in "Deus Ex: Human Revolution storyline" */ .keychar { margin-bottom: 24px; background-color: rgba(var(--theme-body-background-color--rgb),.5); border-collapse: collapse !important; 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; background-color:rgba(0,0,0,0.10) } .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 { border: 2px solid #d2801e; border-bottom: 2px solid #111111; } .canontabs li a span:hover { border-color: #7abaff; }

/* Modified tab styles to imitate Fandom’s tab styles */ .pagetabs { width: 100%; border-bottom: 1px solid rgba(var(--theme-page-dynamic-color-1--rgb),0.25); margin-bottom: 20px; }

.pagetabs ul { margin: 0; padding: 0; height: 34px; } .pagetabs li { display: inline-block; margin-right: 10px; padding: 0; height: 25px; } .pagetabs li a { display: block; text-decoration: none; } .pagetabs li span { padding: 7px 15px 25px 15px; border-bottom: none; height: 25px; line-height: 18px; display: block; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: rgba(var(--theme-page-text-color--rgb),0.75); font-size: 16px; font-weight: 500; letter-spacing: .5px; } .pagetabs li strong span { border-bottom: 2px solid var(--theme-link-color); color: var(--theme-link-color); } .pagetabs li a span:hover { color: var(--theme-page-text-color); }

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

.dx-pagetabs { margin-bottom: 12px; } .dx-pagetabs .wds-tabs__tab-label { font-size: 16px; }