MediaWiki:Hydradark.css

/** CSS here will affect the Hydradark skin */

/* Variable declarations for important, widely used elements */
 * root {--color-bg-primary:#111;--color-bg-secondary:#222;--color-bg-tertiary:#333;--color-border-primary:#444;--color-font-primary:white;--color-font-secondary:#ccc;--color-font-redlink:#cc2200;--color-highlight-blue:#229dff;--color-highlight-green:#33ff22;--color-highlight-red:#f00;--color-highlight-orange:#ff9900;}

/* For elements which only display in the mobile view */ .mobileonly {display:none;}

/* Special highlighting */ .newpage,.mw-plusminus-pos,.mw-search-result-data {color:var(--color-highlight-green);} .mw-plusminus-neg {color:var(--color-highlight-orange);}

/* Framework */ body {background:var(--color-bg-primary);}

/* Wiki logo */ .mw-wiki-logo {background-image:url(https://static.wikia.nocookie.net/deathstranding_gamepedia_en/images/f/fe/Wiki-logo-hydradark.png/revision/latest);} div#mw-panel #p-logo + div.portal {margin-top:1em;}
 * 1) p-logo {top:-135px;}

/* Head */ div#mw-head {top:-4px;} div#mw-page-base {background:transparent;}

/* Tabs */ div.vectorTabs,div.vectorTabs span,div.vectorTabs ul,div.vectorTabs ul li,div.vectorTabs ul li.selected,div#mw-head div.vectorMenu h3 {background:transparent;border:none;} div.vectorTabs li span a,div.vectorTabs span a:visited,div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited,div.vectorMenu h3 span {background:transparent;color:var(--color-font-secondary);} div.vectorTabs li a:hover {color:var(--color-highlight-blue);text-decoration:none;} div.vectorTabs li.selected a,div.vectorTabs li.selected a:visited {color:var(--color-highlight-blue)!important;border-bottom:3px solid var(--color-highlight-blue);font-weight:bold;} div.vectorMenu div.menu {background-color:var(--color-bg-primary);border:none;} div.vectorMenu ul {background:var(--color-bg-primary);border:1px solid var(--color-border-primary);} div#mw-head div.vectorMenu a {color:var(--color-highlight-blue);} li#ca-ve-edit {display:none;}

/* Watch icons */
 * 1) ca-watch.icon a,#ca-watch.icon a:focus {background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDIzIj48dGl0bGU+U2hhcGU8L3RpdGxlPjxnIGlkPSJQYWdlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9IkFydGJvYXJkLTEiIGZpbGw9IiNkNWQ0ZDQiPjxwYXRoIGQ9Ik0xMiA0LjUxMmwyLjI2NyA0Ljc3NyA1LjMzMy42NjNMMTYgMTMuNjdsLjY2NyA1LjE3NEwxMiAxNi41ODhsLTQuOCAyLjI1Ni44LTUuMTc1LTMuNzMzLTMuNzE3IDUuMi0uNjY0TDEyIDQuNTF6TTEyIDBMOC4yNjcgNy40MzIgMCA4LjYyNmw2IDUuODQtMS40NjcgOC4wOTRMMTIgMTguNThsNy4zMzMgMy45OEwxOCAxNC4zMzJsNi01Ljg0TDE1LjYgNy4zIDEyIDB6IiBpZD0iU2hhcGUiLz48L2c+PC9nPjwvc3ZnPg==);}
 * 2) ca-watch.icon a:hover {background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDIzIj48dGl0bGU+U2hhcGU8L3RpdGxlPjxnIGlkPSJQYWdlLTEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+PGcgaWQ9IkFydGJvYXJkLTEiIGZpbGw9IiMyMjlkZmYiPjxwYXRoIGQ9Ik0xMiA0LjUxMmwyLjI2NyA0Ljc3NyA1LjMzMy42NjNMMTYgMTMuNjdsLjY2NyA1LjE3NEwxMiAxNi41ODhsLTQuOCAyLjI1Ni44LTUuMTc1LTMuNzMzLTMuNzE3IDUuMi0uNjY0TDEyIDQuNTF6TTEyIDBMOC4yNjcgNy40MzIgMCA4LjYyNmw2IDUuODQtMS40NjcgOC4wOTRMMTIgMTguNThsNy4zMzMgMy45OEwxOCAxNC4zMzJsNi01Ljg0TDE1LjYgNy4zIDEyIDB6IiBpZD0iU2hhcGUiLz48L2c+PC9nPjwvc3ZnPg==);}
 * 3) ca-unwatch.icon a,#ca-unwatch.icon a:focus {background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDIzIj48dGl0bGU+d2F0Y2hsaXN0LWZpbGxlZDwvdGl0bGU+PGcgaWQ9IlBhZ2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iQXJ0Ym9hcmQtMSIgZmlsbD0iIzIyOWRmZiI+PHBhdGggZD0iTTEyIDBMOC4yNjcgNy40MzIgMCA4LjYyNmw2IDUuODQtMS40NjcgOC4wOTRMMTIgMTguNThsNy4zMzMgMy45OEwxOCAxNC4zMzJsNi01Ljg0TDE1LjYgNy4zIDEyIDB6IiBpZD0id2F0Y2hsaXN0LWZpbGxlZCIvPjwvZz48L2c+PC9zdmc+);}
 * 4) ca-unwatch.icon a:hover {background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxNiIgaGVpZ2h0PSIxNSIgdmlld0JveD0iMCAwIDI0IDIzIj48dGl0bGU+d2F0Y2hsaXN0LWZpbGxlZDwvdGl0bGU+PGcgaWQ9IlBhZ2UtMSIgZmlsbD0ibm9uZSIgZmlsbC1ydWxlPSJldmVub2RkIj48ZyBpZD0iQXJ0Ym9hcmQtMSIgZmlsbD0iI2Q1ZDRkNCI+PHBhdGggZD0iTTEyIDBMOC4yNjcgNy40MzIgMCA4LjYyNmw2IDUuODQtMS40NjcgOC4wOTRMMTIgMTguNThsNy4zMzMgMy45OEwxOCAxNC4zMzJsNi01Ljg0TDE1LjYgNy4zIDEyIDB6IiBpZD0id2F0Y2hsaXN0LWZpbGxlZCIvPjwvZz48L2c+PC9zdmc+);}

/* Sidebar */ div#mw-panel {margin-top:-20px;} .skin-hydradark div#mw-panel div.portal:not(.first) {margin-left:0;} .skin-hydradark div#mw-panel div.portal,.skin-hydradark #mw-panel.collapsible-nav div.portal {background-image:none;} .skin-hydradark div#mw-panel div.portal div.body ul li a,.skin-hydradark div#mw-panel div.portal div.body ul li a:visited {color:var(--color-highlight-blue);} .skin-hydradark div#mw-panel div.portal h3,.skin-hydradark #mw-panel.collapsible-nav div.portal h3 a,.skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 a {color:var(--color-font-primary);font-weight:bold;text-transform:uppercase;} .skin-hydradark #mw-panel.collapsible-nav .portal h3 {background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20d%3D%22M1.165%203.624h9.671l-4.871%204.752z%22%20fill%3D%22%23797979%22%2F%3E%3C%2Fsvg%3E);} .skin-hydradark #mw-panel.collapsible-nav .portal.collapsed h3 {background-image:linear-gradient(transparent,transparent),url(data:image/svg+xml,%3C%3Fxml%20version%3D%221.0%22%20encoding%3D%22UTF-8%22%3F%3E%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2212%22%20height%3D%2212%22%3E%3Cpath%20d%3D%22M4%201.533v9.671l4.752-4.871z%22%20fill%3D%22%23797979%22%2F%3E%3C%2Fsvg%3E);}
 * 1) p-socialProfiles {display:none;}

/* Content */ div#content {background:var(--color-bg-secondary);color:var(--color-font-primary);border:none;} h1,h2 {border-bottom:1px solid var(--color-border-primary);} h1,h2,h3,h4,h5,h6 {color:var(--color-font-primary);} .CategoryTreeToggle {color:#007EA1;} code {background:var(--color-bg-primary);color:var(--color-font-secondary);} pre,.mw-code {background:var(--color-bg-primary)!important;border:1px dashed var(--color-border-primary)!important;color:var(--color-font-secondary)!important;overflow:auto;} fieldset {border:1px solid var(--color-highlight-blue);}
 * 1) catlinks,div#toc,div.toc,.mw-warning,ul#filetoc {background:var(--color-bg-primary);border:none;}

/* Anchors */ a,a:visited,div#content a.extiw,div#content a.extiw:visited,div#content a.external,div#content a.external:visited {color:var(--color-highlight-blue);} a.new,a.new:hover,.new a,.new a:hover {color:var(--color-font-redlink)!important;} .skin-hydradark #mw-indicator-mw-helplink a {color:var(--color-highlight-orange);}

/* Notifications */ .skin-hydradark .mw-notification {background:var(--color-bg-tertiary);border:none;color:var(--color-font-secondary);} div.postedit {background-color:var(--color-bg-tertiary);border-color:transparent;border-radius:2px;-webkit-box-shadow:0 2px 2px 0 rgba(0,0,0,0.25);box-shadow:0 2px 2px 0 rgba(0,0,0,0.25);color:var(--color-font-secondary);text-shadow:none;}

/* Footer */ div#footer ul li {color:var(--color-font-primary);}

/* Thumbnails and galleries and image file history */ div.thumb {background:var(--color-bg-primary)!important;border:1px solid transparent!important;} img.thumbborder {border:1px solid transparent;padding:5px;} div.thumbinner {background:transparent;border:none;} li.gallerybox div.thumb {background:var(--color-bg-primary)!important;border:1px solid transparent;} html .thumbimage {background:transparent;border:1px solid transparent;} div.tright div.tleft {border:1px solid transparent!important;} div.tright {clear:right;float:right;}

/* Preferences */ .client-js #preferences {background:var(--color-bg-primary);border:none;} .client-js #preftoc,.client-js #preftoc li,.client-js #preftoc li a {background:transparent!important;} .client-js #preftoc li {margin:2px;} .client-js #preftoc li:first-child {margin-left:0;} .client-js #preftoc li a {color:var(--color-font-secondary);border-bottom:3px solid transparent;} .client-js #preftoc li.selected {border-bottom:3px solid var(--color-highlight-blue);} .client-js #preftoc li.selected a {color:var(--color-highlight-blue);font-weight:bold;} .client-js #preferences legend {color:var(--color-font-primary);}
 * 1) preferences fieldset {border-color:var(--color-highlight-blue)!important;}

/* Page history */ table.diff,td.diff-otitle,td.diff-ntitle {background:transparent!important;}

/* Search bar */ div#simpleSearch {background:var(--color-bg-secondary);border:1px solid var(--color-border-primary);border-radius:1px;} div#simpleSearch #searchButton {background-color:var(--color-border-primary);} .skin-hydradark .suggestions-results,.skin-hydradark .suggestions-special {border-color:var(--color-border-primary);} .skin-hydradark .suggestions-result .highlight {color:var(--color-highlight-blue);} .results-info {color:inherit!important;} .mw-search-result-data {color:var(--color-font-secondary);}

/* Special:Search */ .skin-hydradark .mw-search-profile-tabs {background:var(--color-bg-primary);border:none;} .skin-hydradark .mw-search-profile-tabs div.search-types ul li a {color:var(--color-font-secondary);} .skin-hydradark .mw-search-profile-tabs div.search-types ul li.current a {color:var(--color-highlight-blue);font-weight:bold;} .skin-hydradark fieldset#mw-searchoptions {background:var(--color-bg-primary);border:none;} .skin-hydradark fieldset#mw-searchoptions div.divider {border-color:var(--color-border-primary);}

/* Tables */ div#content table {color:var(--color-font-primary);} .skin-hydradark table.wikitable {background:var(--color-bg-primary);border:1px solid var(--color-border-primary);} .skin-hydradark table.wikitable > tr > th,.skin-hydradark table.wikitable > * > tr > th {background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);color:var(--color-font-primary);} .skin-hydradark table.wikitable > tr > td,.skin-hydradark table.wikitable > * > tr > td {border:1px solid var(--color-border-primary);} .skin-hydradark .wikitable th {background-color:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);color:var(--color-font-primary);padding:0.2em;} .skin-hydradark .wikitable td {border:1px solid var(--color-border-primary);padding:0.2em;} .skin-hydradark table.mw_metadata th {background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);color:var(--color-font-primary);} .skin-hydradark table.mw_metadata td {background:var(--color-bg-primary);border:1px solid var(--color-border-primary);} .skin-hydradark .TablePager {background:var(--color-bg-primary);border:1px solid var(--color-border-primary);padding:0 0.15em;} .skin-hydradark .TablePager th {background:var(--color-bg-tertiary);border:1px solid var(--color-border-primary);color:var(--color-font-primary);padding:0 0.15em;} .skin-hydradark .TablePager tr:hover td {background-color:rgba(255,255,255,0.15)!important;} .skin-hydradark .TablePager td {background:var(--color-bg-primary);!important;border:1px solid var(--color-border-primary);}

/* UI hover */ .skin-hydradark .ui-state-hover,.skin-hydradark .ui-widget-content .ui-state-hover,.skin-hydradark .ui-widget-header .ui-state-hover,.skin-hydradark .ui-state-focus,.skin-hydradark .ui-widget-content .ui-state-focus,.skin-hydradark .ui-widget-header .ui-state-focus {border-color:var(--color-highlight-blue);}

/* Wiki editor fixes */ div.wikiEditor-ui,div.wikiEditor-ui-buttons,div.wikiEditor-ui-controls,div.wikiEditor-ui-tabs,div.wikiEditor-ui-tabs div {background:transparent;border:none;} div.wikiEditor-ui-tabs div a,div.wikiEditor-ui-toolbar .tabs span.tab a,div.wikiEditor-ui-toolbar .booklet .index div {color:var(--color-highlight-blue);} div.wikiEditor-ui-tabs div.current {background:var(--color-bg-primary);border:1px solid var(--color-border-primary);border-bottom:0;} div.wikiEditor-ui-tabs div.current a {color:var(--color-font-primary);} div.wikiEditor-ui .wikiEditor-ui-view,div.wikiEditor-ui-toolbar .group,div.wikiEditor-ui-toolbar .sections .section,div.wikiEditor-ui-toolbar .page-characters div span,div.wikiEditor-ui-toolbar .page-table td {border-color:var(--color-border-primary);} div.wikiEditor-ui-toolbar,div.wikiEditor-ui-toolbar .sections .section,div.wikiEditor-ui-toolbar .booklet .pages {background:var(--color-bg-primary);} div.wikiEditor-ui-toolbar .booklet .index .current,div.wikiEditor-ui-toolbar .page-characters div span:hover {border-color:var(--color-border-primary);color:var(--color-font-primary);} .wikiEditor-ui-toolbar .page-table th {color:var(--color-font-primary);} div.wikiEditor-preview-contents {background:transparent;} div.editOptions {background:var(--color-bg-primary);border-color:var(--color-border-primary);border-top:none;} .ve-init-mw-editSwitch {display:none;}

/* UI widget */ div.wikiEditor-toolbar-dialog {border-color:var(--color-highlight-blue);} .skin-hydradark .ui-widget-header {border-color:var(--color-highlight-blue)!important;}

/* UI buttons */ .skin-hydradark .oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {background:var(--color-bg-tertiary);color:var(--color-font-primary)!important;border:1px solid var(--color-border-primary);}

/* List bullets */ li {list-style-image:none;}

/* Quick horizontal line */ .hr {border-bottom:1px solid var(--color-border-primary);margin:10px 0 10px 0;}

/* Main page */ body.page-Death_Stranding_Wiki h1.firstHeading {display:none;}

.mp-column-left {width:60%;margin:0;border:0;padding:0.5% 0.5% 0.5% 0;float:left;min-width:30em;} .mp-column-right {width:38%;margin:0 0 0 0;border 0;padding:0.5% 0.5% 0.5% 1%;float:left;min-width:20em;} .mp-intro {margin:0.85em 0 0em 0;padding:0.5em;text-align:center;} .mp-reddit-scroll {height:300px;width:auto;overflow:auto;}

.reddit-content-renderer,.reddit-content-renderer-stickied {display:flex;flex-direction:row;padding:10px 10px 10px 0;border-bottom:1px solid var(--color-border-primary);} .reddit-content-renderer {font-size:90%;} .reddit-content-renderer:hover,.reddit-content-renderer-stickied:hover {background-color:var(--color-bg-secondary);} .reddit-content-renderer:last-child,.reddit-content-renderer-stickied:last-child {border-bottom:none;} .reddit-content-thumbnail {display:inline-block;position:relative;margin-right:8px;} .reddit-content-thumbnail img {width:50px;} .reddit-content-info {display:inline-block;position:relative;} .reddit-content-title {font-size:initial;line-height:0;} .reddit-content-renderer-stickied a {font-weight:bold;} .upvotes {color:var(--color-highlight-green);} /*.twitter-timeline-wrapper,.timeline-Body.customisable-border {border:none;}*/

/* Template documentation */ .documentation {clear:both;border:1px solid var(--color-border-primary);} .documentation-header {background-color:var(--color-bg-tertiary);font-size:110%;padding:1em;margin:0em;} .documentation-content {padding:1em;padding-top:0em;} .documentation-footer {clear:both;background-color:var(--color-bg-tertiary);padding:0.5em;margin:0em;font-size:85%;text-align:right;}

/* Template:Contentbox */ .contentbox {background:var(--color-bg-primary);margin-top:16px;padding:7px 15px 12px 15px;border-radius:0.5em;overflow:hidden;} .contentbox h3 {border-bottom:1px solid var(--color-border-primary);margin:0.5ex 0;padding:0.4ex 0;} .contentbox-content {padding:0 5px 10px 0;}

/* Infoboxes */ .notaninfobox {float:right;margin:.5em 0 1em 1em;width:300px;padding:5px;background-color:var(--color-bg-primary);font-size:90%;} .infobox-imagearea {background:transparent;margin-top:5px;} .infobox-caption {font-style:italic;} .infobox-title {background-repeat:repeat-x!important;background-color:var(--color-bg-tertiary);padding:4px;font-size:larger;font-weight:bold;text-align:center;} .infobox-rows {width:100%;} .infobox-label {border:none;font-weight:bold;padding:3px;text-align:center;vertical-align:top;width:100px; }

/* Slideshow */ .ss-captionarea {padding:10px;text-align:center;} .ss-arrow {border-radius:50%;display:inline-block;outline:0;padding:6px 11px;vertical-align:middle;overflow:hidden;text-decoration:none;color:#fff;background-color:#000;opacity:0.5;text-align:center;cursor:pointer;white-space:nowrap;} .ss-arrow:hover {opacity:0.9;} .ss-bulletarea {position:absolute;left:0;bottom:0;width:100%;text-align:center;} .ss-bullet {cursor:pointer;height:7px;width:7px;padding:0;margin:5px;background-color:#fff;border-radius:50%;display:inline-block;text-align:center;} .ss-bullet-active {height:9px;width:9px;} .ss-bullet:hover, .ss-bullet-active {background-color:var(--color-highlight-blue);}
 * 1) slideshow {position:relative;max-width:300px;}
 * 1) ss-arrow-left {position:absolute;top:50%;left:0;transform:translate(0%,-50%);}
 * 2) ss-arrow-right {position:absolute;top:50%;right:0;transform:translate(0%,-50%);}

/* Template:Copyrightbox */ .copybox {background-color:var(--color-bg-primary);padding:3px 5px;margin:5px 0;border:3px solid var(--color-border-primary);line-height:16px; border-collapse:collapse;width:100%;clear:both;} .copybox th {width:50px;text-align:center;vertical-align:middle;padding:5px 0 5px 5px;} .copybox td {font-size:smaller;padding:5px;} .copybox + .va-copybox {margin-top:-3px;}