MediaWiki:Hydradark.css: Difference between revisions

m
undo undo
imported>Maintenance script-gpuser
(Automated Import)
 
m (undo undo)
Tag: Manual revert
 
(32 intermediate revisions by 4 users not shown)
Line 1: Line 1:
/* CSS placed here will affect users of the Hydradark skin */
/*** This stylesheet contains the color scheme for the hydradark (dark) theme. Most custom css should go into MediaWiki:Common.css ***/
/* For elements which only display in the mobile view */
@font-face {
.mobileonly {
  font-family: 'Source Code Pro';
    display: none;
  font-style: normal;
  font-weight: 400;
  src: local('Source Code Pro'), local('SourceCodePro-Regular'), url(https://fonts.gstatic.com/s/sourcecodepro/v9/HI_SiYsKILxRpg3hIP6sJ7fM7PqlPevWnsUnxg.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
}
 
@font-face {
/* Visual editor */
  font-family: 'Source Code Pro';
.oo-ui-popupToolGroup .oo-ui-toolGroup-tools {
  font-style: normal;
    background-color: #282828;
  font-weight: 700;
    border: 1px solid #383838;
  src: local('Source Code Pro Bold'), local('SourceCodePro-Bold'), url(https://fonts.gstatic.com/s/sourcecodepro/v10/HI_XiYsKILxRpg3hIP6sJ7fM7Pqths7Ds-cq.woff2) format('woff2');
    box-shadow: 0 2px 2px 0 rgba(255,255,255,0.2);
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
 
.oo-ui-popupToolGroup .oo-ui-tool-link .oo-ui-tool-title,
.oo-ui-buttonElement.oo-ui-labelElement > .oo-ui-buttonElement-button > .oo-ui-labelElement-label {
    color: #e0e0e0;
}
 
.oo-ui-listToolGroup .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-popupToolGroup.oo-ui-widget-enabled > .oo-ui-popupToolGroup-handle:hover,
.oo-ui-barToolGroup.oo-ui-widget-enabled > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-widget-enabled:hover,
.oo-ui-widget.oo-ui-widget-enabled.oo-ui-optionWidget.oo-ui-decoratedOptionWidget.oo-ui-outlineOptionWidget.oo-ui-outlineOptionWidget-level-0.oo-ui-iconElement.oo-ui-labelElement:hover {
    background-color: rgba(255,255,255,0.2);
}
 
.oo-ui-decoratedOptionWidget .oo-ui-iconElement-icon,
.oo-ui-decoratedOptionWidget .oo-ui-indicatorElement-indicator,
.oo-ui-fieldsetLayout.oo-ui-iconElement > .oo-ui-fieldsetLayout-header > .oo-ui-iconElement-icon {
    filter: invert(100%);
}
 
.oo-ui-textInputWidget.oo-ui-iconElement .oo-ui-iconElement-icon {
    filter: unset;
}
 
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-buttonElement-active > .oo-ui-buttonElement-button {
    border-color: #ffffff;
}
 
.oo-ui-popupToolGroup.oo-ui-widget-enabled.oo-ui-popupToolGroup-active {
    background-color: rgba(255,255,255,0.2);
}
 
.oo-ui-popupToolGroup-handle .oo-ui-iconElement-icon,
.oo-ui-popupToolGroup.oo-ui-labelElement.oo-ui-indicatorElement .oo-ui-popupToolGroup-handle .oo-ui-labelElement-label,
.oo-ui-barToolGroup > .oo-ui-toolGroup-tools > .oo-ui-tool.oo-ui-iconElement > .oo-ui-tool-link .oo-ui-iconElement-icon {
    filter: invert(100%);
}
 
.oo-ui-messageDialog-actions .oo-ui-actionWidget.oo-ui-widget-enabled.oo-ui-flaggedElement-destructive .oo-ui-buttonElement-button:hover {
    background-color: #282828;
}
 
.oo-ui-indicator-down {
    background-image: linear-gradient(transparent,transparent),url(https://commons.gamepedia.com/media/commons.gamepedia.com/0/00/Light_down_arrow.svg);
    filter: unset;
}
 
.ve-ui-mwSaveDialog-options {
    background-color: #282828;
}
 
.ve-ui-mwSaveDialog-license {
    color: #e0e0e0;
}
 
/* Page history tweaks */
td.diff-addedline .diffchange {
    background: none;
    color: #bfd959;
}
 
td.diff-deletedline .diffchange {
    background: none;
    color: #e62444;
}
 
td.diff-addedline,
td.diff-deletedline {
    border-color: transparent;
}
 
/* Interwiki page legend tweak */
.mw-collapsible-toggle.mw-collapsible-toggle-expanded a,
.mw-collapsible-toggle.mw-collapsible-toggle-collapsed a {
    color: #ffffff;
}
 
/* Notifications */
.mw-echo-ui-notificationsInboxWidget-toolbarWrapper,
.mw-echo-ui-crossWikiNotificationItemWidget-group,
.mw-echo-ui-bundleNotificationItemWidget-group {
    background: inherit;
}
 
/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
    border-style: solid solid none;
    border-width: thin;
    border-color: #808080;
    padding: 0.25ex 1ex 0ex;
    font-size: 95%;
}
 
.ambox {
    background-color: #282828;
    border-bottom-color: #383838;
    border-right-color: #383838;
    border-top-color: #383838;
    border-collapse: collapse;
    font-size: 95%;
    margin: 0 auto 2px auto;
    width: 80%;
}
}
 
@font-face {
.ambox-gray {
  font-family: 'Open Sans';
    border-left-color: #383838;
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url(https://fonts.gstatic.com/s/opensans/v13/cJZKeOuBrn4kERxqtaUH3ZBw1xU1rKptJj_0jans920.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
}
 
@font-face {
.ambox.ambox-tiny {
  font-family: 'Open Sans';
    font-size: 90%;
  font-style: normal;
    margin: 2px 0;
  font-weight: 700;
    width: auto;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url(https://fonts.gstatic.com/s/opensans/v13/k3k702ZOKiLJc3WVjuplzBampu5_7CjHW5spxoeN3Vs.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
}
 
@font-face {
.ambox + .ambox {
font-family: 'FontAwesome';
    margin-top: -2px;
font-weight: normal;
font-style: normal;
src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?v=5.0.0");
src: url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.eot?#iefix&v=5.0.0") format('embedded-opentype'), url("https://maxcdn.bootstrapcdn.com/font-awesome/ta4.3.0/fonts/fontawesome-webfont.woff2?v=5.0.0") format('woff2'), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.woff?v=5.0.0") format('woff'), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.ttf?v=5.0.0") format('truetype'), url("https://maxcdn.bootstrapcdn.com/font-awesome/4.3.0/fonts/fontawesome-webfont.svg?v=5.0.0#fontawesomeregular") format('svg');
}
}


.ambox-text {
:root {
    padding: 0.25em 0.5em;
--qud-bg-color-ultralight: rgba(6,28,23,0.2);
}
--qud-bg-color-semidark: rgba(6,28,23,0.7);
--qud-bg-color-dark: rgba(6,28,23,0.8);
--qud-bg-color-darker: rgba(6,28,23,0.9);
--qud-border-bg-color-ultralight: rgba(77,110,122,0.2);
--qud-border-bg-color-semilight: rgba(77,110,122,0.3);
--qud-border-bg-color-semidark: rgba(77,110,122,0.7);
--qud-border-bg-color-dark: rgba(77,110,122,0.8);
--qud-border-bg-color-darker: rgba(77,110,122,0.9);
--qud-border-bg-color: rgba(77,110,122,1);
--qud-viridian-bg-color-ultralight: rgba(8,51,50,0.2);
--qud-viridian-bg-color-semilight: rgba(8,51,50,0.3);
--qud-viridian-bg-color-semidark: rgba(8,51,50,0.7);
--qud-viridian-bg-color-dark: rgba(8,51,50,0.8);
--qud-viridian-bg-color-darker: rgba(8,51,50,0.9);
--qud-viridian-bg-color: rgba(8,51,50,1);
--body-background-color: #11191C;
--body-background-image: url("https://static.wikia.nocookie.net/cavesofqud_gamepedia_en/images/1/1f/Background.jpg/revision/latest");
--body-background-attachment: fixed;
--body-background-size: cover;
--body-background-position: center center;
--body-background-repeat: no-repeat;
--body-color: #c1d3d6;


.ambox-image {
--content-background: radial-gradient(rgba(5, 41, 41, 0.9), rgba(8, 14, 14,0.9));
    padding: 2px 0px 2px 0.5em;
--content-border: 0;
    text-align: center;
--content-border-radius: 0px;
    width: 60px;
}


.ambox-tiny .ambox-image {
--link-color: #69A9B9;
    padding: 2px 0.5em;
--link-redlink-color: #bb312c;
    text-align: left;
    width: auto;
}


/* Ambox colors */
--logo-height: 65px;
.ambox-blue {
--logo-width: 700px;
    border-left: 10px solid #1e90ff;
--logo-center: 1;
}
--logo-left:;
--logo-vertical-space: 1.5em;
--logo-content-space:;


.ambox-red {
--sidebar-header-background: var(--qud-viridian-bg-color);
    border-left: 10px solid #b22222;
--sidebar-header-color: #fff;
}
--sidebar-link-background: #091C1B;
--sidebar-link-box-shadow:;


.ambox-orange {
--navigation-tab-active-background: var(--qud-viridian-bg-color);
    border-left: 10px solid #f28500;
--navigation-tab-active-color: #fff;
}
--navigation-tab-background: var(--qud-bg-color-dark);
--navigation-tab-box-shadow:;
--navigation-arrow-invert: 1;


.ambox-yellow {
--searchsuggestions-background: var(--qud-bg-color-darker);
    border-left: 10px solid #f4c430;
--searchsuggestions-border-color: var(--qud-border-bg-color-semilight);
}
--searchsuggestions-hover-background: var(--qud-border-bg-color-semilight);
--searchsuggestions-hover-color: #fff;


.ambox-purple {
--fpbox-background: transparent;
    border-left: 10px solid #9932cc;
--fpbox-border: 1px solid var(--qud-border-bg-color-ultralight);
}


.ambox-gray {
--fpheading-background: var(--qud-viridian-bg-color-semilight);
    border-left: 10px solid #bba;
--fpheading-border: 1px solid #c1d3d6;
}
--fpheading-color: #c9c9c9;
--fpheading-font: "Source Code Pro","Courier new",Courier,monospace;


.ambox-green {
--fplink-background: var(--qud-viridian-bg-color-semilight);
    border-left: 10px solid #228b22;
--fplink-border: 0;
}
--fplink-fullwidth-background: rgba(0,0,0, 0.3);


/* Ambox small text */
--editor-border: 1px solid var(--qud-border-bg-color-semidark);
.amsmalltext {
--editor-button-background: rgba(77,110,122,0.5);
    font-size: smaller;
--editor-button-border: 1px solid rgba(40, 50, 50, 0.7);
    margin-left: 0.8em;
--editor-subtoolbar-background: var(--qud-border-bg-color-ultralight);
    margin-top: 0.5em;
--editor-toolbar-background: var(--qud-bg-color-dark);
}
--editor-toolbar-selected-background: var(--qud-border-bg-color-ultralight);


/* INFOBOXES: game or book depended color style */
--msupload-background: radial-gradient(rgba(30, 59, 60, 1), rgba(6, 28, 23,1));
.infoboxtable {
--msupload-filelist: var(--qud-border-bg-color-ultralight);
    background-color: rgba(0, 0, 0, 0);
    border: 1px solid #505050;
    color: #ffffff;
    float: right;
    font-size: 89%;
    margin-bottom: 0.5em;
    margin-left: 1em;  
    padding: 0.2em;
    width: 300px;
}


.infoboxtable td {
--preferences-border: 1px solid var(--qud-border-bg-color-ultralight);
    vertical-align: top;
--preferences-tab-active-background: var(--qud-border-bg-color-semidark);
}
--preferences-tab-background: rgba(100,100,100, 0.4);


.infoboxtable td > div {
--infobox-border: 1px solid var(--qud-border-bg-color-semilight);
    background-color: #181818;  
--infobox-details-background: var(--qud-border-bg-color-semilight);
    border: 2px solid inherit;  
--infobox-details-color: #fff;
    border-radius: 5px;  
--infobox-header-background: rgba(0,0,0,0.3);
    font-weight: bold;
--infobox-header-color: #fff;
    padding: 0.5px 7px;
--infobox-label-background: rgba(0,0,0,0.2);
    text-align: right;
--infobox-label-color: #fff;
}


.infoboxname {
--navbox-alt-background: transparent;
    background-color: #181818;  
--navbox-background: var(--qud-viridian-bg-color-ultralight);
    font-size: 110%;  
--navbox-border: 1px solid var(--qud-viridian-bg-color-ultralight);
    font-weight: bold;
--navbox-color: #c1d3d6;
    padding: 0.5em;  
--navbox-secondary-background: transparent;
}


.infoboxdetails {
--wikitable-alt-background: var(--qud-border-bg-color-ultralight);
    padding: 0em;
--wikitable-background: var(--qud-bg-color-ultralight);
}
--wikitable-border: 1px solid var(--qud-border-bg-color-semilight);
--wikitable-border-collapse: collapse;
--wikitable-border-spacing: 0;
--wikitable-header-background: var(--qud-border-bg-color-ultralight);
--wikitable-header-color: #fff;
--wikitable-hover-color: var(--qud-bg-color-semidark);


/* copyright images tweak */
--code-background: var(--qud-bg-color-semidark);
.skin-hydradark .copyright-icon {
--code-color: #c1d3d6;
    background-image: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/5/58/Copyright_darkwiki.png/32px-Copyright_darkwiki.png");
    background-size: 100%;
    height: 32px;
    width: 32px;
}
 
.feature {
    background: rgba(0, 0, 0, 0.1);
    border: 1px solid rgba(0, 0, 0, 0.5);
    border-radius: 5px;
    padding: 10px;
}
 
/* Navbox template style */
table.navbox {
    border: 1px solid #505050;
    clear: both;
    font-size: 88%;
    margin: auto;
    padding: 1px;
    text-align: center;
    width: 100%;
}
 
/* Border between adjacent navboxes */
table.navbox + table.navbox {
    margin-top: -1px;
}
 
.navbox-title,
.navbox-abovebelow,
table.navbox th {
    padding-left: 1em;
    padding-right: 1em;
    text-align: center;
}


.navbox-group {
--doc-background: var(--qud-bg-color-ultralight);
    font-weight: bold;
--doc-border: 1px solid var(--qud-border-bg-color-ultralight);
    padding-left: 1em;
    padding-right: 1em;
    white-space: nowrap;
}


/* Base background */
--catlinks-background: var(--qud-bg-color-ultralight);
.navbox, .navbox-subgroup {
--catlinks-border: 1px solid var(--qud-border-bg-color-ultralight);
    background: rgba(0, 0, 0, 0.1);
}


.navbox-list {
--thumbnail-background: var(--qud-bg-color-semidark);
    border-color: rgba(0, 0, 0, 0.1); /* Must match background color */
--thumbnail-border: 1px solid var(--qud-border-bg-color-ultralight);
}


/* Level 1 color */
--toc-background: var(--qud-bg-color-semidark);
.navbox-title,
--toc-border: 1px solid var(--qud-border-bg-color-ultralight);
table.navbox th {
    background: rgba(0, 0, 0, 0.2);
    color: #fff;
}


/* Level 2 styling */
--ambox-background: rgba(51, 76, 76, 0.3);
.navbox-abovebelow,
--ambox-blue: #0096ff;
.navbox-group,
--ambox-gray: #b1c9c3;
.navbox-subgroup .navbox-title {
--ambox-green: #009403;
    background: rgba(0, 0, 0, 0.2);
--ambox-orange: #e99f10;
    color: #fff;
--ambox-purple: #b154cf;
--ambox-red: #d74200;
--ambox-yellow: #cfc041;
}
}


/* Level 3 styling */
/* patch ridiculous pageforms createform styling */
.navbox-subgroup .navbox-group,
.pfCollapsibleFieldset > div > div:nth-child(odd) {
.navbox-subgroup .navbox-abovebelow {
background: rgba(255,255,255,0.05)!important;
    background: rgba(0, 0, 0, 0.1);
    color: #fff;
}
}
 
.pfCollapsibleFieldset > div > div:nth-child(even) {
/* Even row striping */
background: rgba(255,255,255,0.1)!important;
.navbox-even {
    background: rgba(255, 255, 255, 0.1);
    color: #fff;
}
}


/* Odd row striping */
/* cargo table adjustments */
.navbox-odd {
.skin-hydradark table.cargoTable > tbody > tr:nth-child(2n+1), .skin-hydradark table.cargoTable td.odd {
     background: transparent;
     background-color: unset;
}
}
table.dataTable {
.collapseButton {
     border-spacing: 0;
     font-weight: normal;
    width: auto;
}
}
 
table.dataTable th, table.dataTable tbody th, table.dataTable tbody td {
.navbox .collapseButton {
     padding: 8px 10px;
    width: 6em;
}
.navbar {
     font-size: 88%;
    font-weight: normal;
}
}
 
table.dataTable tr:first-child td {
.navbox .navbar {
     border-top: none;
     font-size: 100%;
}
}
table.dataTable.display tbody tr:hover, table.dataTable.hover tbody tr:hover {
table.collapsed tr.collapsible {
     background: var(--wikitable-hover-color);
     display: none;
}
}
/* End of new Navbox styling */
/* *********************************************************************************** */
/* CSS placed here will affect the main page layout                                    */
/*                                                                                    */
/* The main page css has been moved to two different pages: MediaWiki:3colmainpage.css */
/* and MediaWiki:2colmainpage.css                                                      */
/*                                                                                    */
/* Wiki managers should copy over the appropriate version to this file and make any    */
/* wiki specific changes where necessary                                              */
/*                                                                                    */
/* *********************************************************************************** */


/* Front page appearance styles */
/* fix broken checkbox coloring when checkbox is focused/hovered/active */
.fpbox .heading,
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover:checked+span,
.fpbox .mainheading {
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:checked+span,
    border: 0;
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active:checked+span,
     border-bottom: 1px solid #505050;
.mediawiki .oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover:checked+span {
     background-color: var(--editor-button-background);
}
}


.fpbox {
/* patch font size for ants */
    background: rgba(0, 0, 0, 0.05);
.mw-body-content .mw-parser-output > p,
    border: 1px solid #505050;
.mw-body-content .mw-parser-output > ul,
     box-shadow: 0 2px 5px #505050;
.mw-body-content .mw-parser-output > ol {
     font-size: 16px;
}
}


.fplink:not(.fplink-plain) {
/*Change hr color*/
    background: rgba(0,0,0,0.3);
div#content hr {
    border: 1px solid #505050;
background-color: var(--qud-border-bg-color-semilight);
}
}


.fplink-fullwidth .fplink:not(.fplink-plain) {
/* misc color tweaks */
     background: rgba(0,0,0,0.4);
.oo-ui-tagMultiselectWidget.oo-ui-widget-enabled.oo-ui-tagMultiselectWidget-outlined {
     background-color: transparent;
}
}


.linkslabel {
.mw-changeslist-legend {
     border-bottom: 2px solid #505050;
    background-color: transparent;
     border: 1px solid var(--qud-border-bg-color-ultralight);
}
}