MediaWiki:Theme-Legacy.css

From Terraria Wiki
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.
/* theme: Legacy */
#drilldown-header img, div.drilldown-filters-wrapper img {
  filter: none;
}
.hp > div .text-red {
  /* high contrast */
  color: #e71818;
}
.hp > div .text-golden {
  /* high contrast */
  color: #9f6919;
}
.living-preferences .love th {
  background-color: rgba(86, 229, 86, 0.4392156863);
}
.living-preferences .like th {
  background-color: rgba(183, 229, 86, 0.4392156863);
}
.living-preferences .dislike th {
  background-color: rgba(229, 189, 86, 0.4392156863);
}
.living-preferences .hate th {
  background-color: rgba(229, 90, 86, 0.4392156863);
}
.message-box::before {
  background: var(--message-box-highlight-color, var(--theme-box-border-color));
}
/*** for Legacy theme ***/
:root {
  /* common */
  --theme-border-color--rgb: 179, 179, 179;
  --theme-box-border-color-inner: transparent;
  --theme-box-border-radius-inner: 0;
  --theme-highlight-background: #e4f0f7;
  --theme-box-border-color-invert: rgba(255,255,255, 0.1);
  --theme-button-background: linear-gradient(rgba(20,20,20, 0.2), rgba(20,20,20, 0.2)), var(--theme-button-background-active);
  --theme-button-border-color: rgba(151,107,69, 0.7) rgba(86,47,33, 0.7) rgba(86,47,33, 0.7) rgba(151,107,69, 0.7);
  --theme-button-background-active: #7b573d var(--theme-image-button-background) center center / cover repeat-x;
  --theme-button-border-color-active: rgb(151,107,69) rgb(86,47,33) rgb(86,47,33) rgb(151,107,69);
  /* sidebar/content common */
  --theme-box-shadow: 0px 0px 6px 0px rgba(0,0,0, 0.1);
  /*** sidebar ***/
  --theme-sidebar-box-background: rgba(252,525,252,0.7);
  --theme-sidebar-box-border-style: solid;
  --theme-sidebar-box-border-color: transparent;
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color: rgba(0,0,0, 0.3);
  --theme-sidebar-heading-arrow-color-hover: rgba(0,0,0, 0.7);
  --theme-sidebar-heading-background: none;
  --theme-sidebar-heading-background-hover: var(--theme-sidebar-heading-background); /* for hover effect */
  /* following 3 values will affect the space between the heading and the list */
  --theme-sidebar-heading-border-bottom: 0;
  --theme-sidebar-list-border-top: 0;
  --theme-sidebar-list-padding-top: 0;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: rgba(7,57,139, 0.1);
  --theme-sidebar-list-item-text-color: var(--theme-link-color);
  --theme-sidebar-list-item-text-color-hover: var(--theme-link-color-hover);
  /* responsive */
  --theme-sidebar-box-background-2: rgba(252,525,252,0.5);
  --theme-sidebar-dropdown-background: rgb(252,525,252);
  /*** content ***/
  --theme-content-background: #fcfcfc;
  --theme-content-border-bottom-width: 0;
  --theme-content-border-style: solid;
  --theme-content-border-color: rgba(0,0,0, 0.2) transparent transparent;
  --theme-content-subpage-icon-color: #AAA; /* color for "<" */
  --theme-content-heading-rule-border-top: 1px solid #B3B3B3; /* border */
  --theme-content-heading-rule-border-bottom: 0;
  /** category: box **/
  --theme-content-category-background: #e4f0f7;
  --theme-content-category-border-style: solid;
  --theme-content-category-border-color: #B3B3B3;
  /** notification **/
  --theme-notification-background: rgba(252,252,252, 0.9);
  --theme-notification-border-color: rgba(0,0,0, 0.2);
  --theme-notification-shadow: var(--theme-box-shadow);
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: rgba(0,0,0, 0.3);
  --theme-widget-toc-arrow-color-hover: rgba(0,0,0, 0.7);
  --theme-widget-toc-item-hover-background: rgba(7,57,139, 0.1);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color-note);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover);
  --theme-modetabs-classic-background: var(--theme-highlight-background);
  --theme-modetabs-expert-background: #ffeece;
  --theme-modetabs-expert-border-color: #ffca67;
  --theme-modetabs-expert-text-color: #3a3119;
  --theme-modetabs-expert-text-color-label: #9b5700;
  --theme-modetabs-master-background: #ffe9e9;
  --theme-modetabs-master-border-color: #ffbaba;
  --theme-modetabs-master-text-color: #462b08;
  --theme-modetabs-master-text-color-label: #dd1414;
  --custom-template-expert-color: #9b5700;
  --custom-template-master-color: #dd1414;
  --custom-template-journey-color: #c70a7d;
}
/**** Theme vars END ***********************************************************/
:root {
  --theme-site-background: #bbcce8 url(https://terraria.wiki.gg/images/3/3e/Site-background-hydra.jpg) center bottom / cover no-repeat fixed;
  --theme-site-logo-image: url(https://terraria.wiki.gg/images/9/99/Site-logo-overworld.png);
}
:root {
  --theme-background: #fcfcfc;
}
:root {
  --theme-background-accent: #e4f0f7;
}
:root {
  --theme-top-background: none; /* the "grass" */
  --theme-top-background-height: 0px; /* height of the image above. */
  --theme-top-background-offset: 0px; /* top */
}
:root {
  --theme-text-color: #000; /* main text color */
  --theme-text-color-note: #808080; /* note text */
  --theme-text-color-em: #063b5e;
  --theme-text-color-highlight: #000;
  --theme-text-color-green: #080;
  --theme-text-color-red: #e71818;
}
:root {
  --theme-link-color: #07398b;
  --theme-link-color--rgb: 7, 57, 139;
  --theme-link-color-hover: #021d4a;
  --theme-link-color-visited: #07398b;
  --theme-link-color-redlink: #bf0017;
}
:root {
  --theme-highlight-background: rgba(38, 150, 218, 0.2);
}
:root {
  --theme-widget-shadow: 0px 0px 6px 0px rgba(0,0,0, 0.1);
  --theme-widget-border-color: transparent;
  --theme-widget-background: rgba(252,525,252,0.7);
}
:root {
  --theme-box-border-color: rgb(179, 179, 179);
  --theme-box-background: rgba(230, 230, 230, 0.25);
  --theme-box-inset-shadow: none;
  --theme-border-color-accent: #333;
}
:root {
  --theme-hr-color-top: #808080;
  --theme-hr-color-bottom: transparent;
}
:root {
  --theme-dropdown-background: #fcfcfc;
}
#mw-panel {
  --theme-background: rgba(252,525,252,0.8);
  --theme-heading-background: none;
}
#mw-panel .portal .body::before {
  display: none;
}
#mw-panel .portal .body ul {
  padding-top: 0;
}
#mw-head {
  --theme-background: rgba(252,252,252,0.5);
  --theme-background-shadow: linear-gradient(to top, rgba(10,10,10,0.15), transparent 30%);
  --theme-border-bottom-color: #b3b3b3;
  --theme-tab-background-selected: #fcfcfc; /* same as #content background */
  --theme-tab-background: rgba(252, 252, 252, 0.75);
  --theme-tab-border-color-selected: #b3b3b3;
  --theme-tab-border-color: #b3b3b3;
  --theme-legacy-search-border-color: #b3b3b3;
  --theme-legacy-search-border-color-active: #b3b3b3;
}
#footer {
  --theme-background: rgba(252,252,252,0.65);
}
.catlinks {
  --theme-background: var(--theme-background-accent);
  --theme-border-color: rgba(13,4,2,0.5);
}
:root {
  --oouihelper--progressive: var(--theme-link-color);
  --oouihelper--progressive-transparent: rgba(var(--theme-link-color--rgb), 0.6);
  --oouihelper--progressive-lighter: rgba(var(--theme-link-color--rgb), 0.8);
}
:root {
  --oouihelper--disabled: var(--theme-text-color-note);
  --oouihelper--disabled-darker-transparent: rgba(128, 128, 128, 0.35);
}
:root {
  --oouihelper--borderdark: var(--theme-border-color);
  --oouihelper--borderdark-lighter: rgba(var(--theme-border-color--rgb), 0.85);
  --oouihelper--borderdark-hover: rgba(var(--theme-border-color--rgb), 0.9);
}
:root {
  --oouihelper--textinput-background: rgba(90, 90, 90, 0.05);
  --oouihelper--textinput-background-lighter: rgba(130, 130, 130, 0.05);
  --oouihelper--textinput-background-darker: rgba(30, 30, 30, 0.05);
}
:root {
  --oouihelper--placeholdertext: var(--theme-text-color-note);
}
:root {
  --oouihelper--themerelated: #134ead;
  --oouihelper--themerelated-lighter: #3471d2;
  --oouihelper--themerelated-lighter-transparent: rgba(52, 113, 210, 0.6);
  --oouihelper--themerelated-lightest: #6599ed;
  --oouihelper--themerelated-darker: #032c6f;
  --oouihelper--themerelated-darkest: #012764;
  --oouihelper--themerelated-disabled: rgba(19, 78, 173, 0.1);
  --oouihelper--themerelated-disabled-lighter: rgba(52, 113, 210, 0.6);
}
:root {
  --oouihelper--text-background: #f9f9f9;
  --oouihelper--text-deeper: var(--theme-text-color);
}
:root {
  --ooui--button-background--hover: rgba(200, 200, 200, 0.15);
  --ooui--button-background: rgba(200, 200, 200, 0.35);
  --ooui--button-box-shadow: none;
  --ooui--button-box-shadow--focus: none;
}
:root {
  --ooui--button-border-top: 1px solid var(--theme-border-color);
  --ooui--button-border-right: var(--ooui--button-border-top);
  --ooui--button-border-bottom: var(--ooui--button-border-top);
  --ooui--button-border-top--hover: 1px solid rgba(var(--theme-border-color--rgb), 0.75);
  --ooui--button-border-right--hover: var(--ooui--button-border-top--hover);
  --ooui--button-border-bottom--hover: var(--ooui--button-border-top--hover);
  --ooui--button-color--hover: var(--oouihelper--text-deeper);
}
:root {
  --ooui--button-frameless-on-color: var(--oouihelper--text-deeper);
}
:root {
  --ooui--checkbox-icon: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%23134ead%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E");
  --ooui--checkbox-icon--hover: url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 width=%2220%22 height=%2220%22 viewBox=%220 0 20 20%22%3E%3Ctitle%3Echeck%3C/title%3E%3Cg fill=%22%233471d2%22%3E%3Cpath d=%22M7 14.17L2.83 10l-1.41 1.41L7 17 19 5l-1.41-1.42z%22/%3E%3C/g%3E%3C/svg%3E");
}
:root {
  --ooui--tagitem-background-color: rgba(255, 255, 255, 0.7);
  --ooui--tagitem-color--hover: var(--theme-link-color-hover);
  --ooui--tagitem-disabled-border-color: var(--oouihelper--disabled-darker-transparent);
  --ooui--tagitem-disabled-background-color: rgba(20, 20, 20, 0.1);
}
:root {
  --ooui--progressbar-pending-background-color-1: var(--oouihelper--themerelated);
  --ooui--progressbar-pending-background-color-2: rgba(var(--theme-border-color--rgb), 0.5);
}
:root {
  --ooui--messagewidget-notice-background-color: #f9f9f9;
  --ooui--messagewidget-notice-border-color: #bebebe;
}
:root {
  --ooui--tabselect-frameless-highlighted-color: #a1a1a1;
  --ooui--tabselect-frameless-highlighted-box-shadow-color: #8d8d8d;
}
:root {
  --ooui--indicator-filter: brightness(0) invert(30%);
  --ooui--indicator-invert-filter: brightness(0) invert(30%);
}
:root {
  --ooui--icon-normal-filter: brightness(0) invert(30%);
  --ooui--icon-progressive-filter: invert(12%) sepia(92%) saturate(850%) hue-rotate(194deg) brightness(66%) contrast(98%);
  --ooui--icon-invert-filter: brightness(0) invert(30%);
}
Retrieved from "https://terraria.wiki.gg/index.php?title=MediaWiki:Theme-Legacy.css&oldid=910723"