MediaWiki:Theme-Hallowed.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: Hallowed */
.hp > div .text-red {
  /* contrast as high as possible (contrast ratio is only 3:1, but at higher ratios this is basically just white) */
  color: #ffb0b0;
}
.hp > div .text-golden {
  /* contrast as high as possible (contrast ratio is only 3:1, but at higher ratios this is basically just white) */
  color: #e4c15c;
}
/*** Hallow theme ***/
:root {
  /* common */
  --theme-border-color--rgb: 0, 0, 0;
  --theme-highlight-background: rgba(20,20,20, 0.25);
  --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(218, 147, 214, 0.7) rgba(47, 28, 67, 0.7) rgba(47, 28, 67, 0.7) rgba(218, 147, 214, 0.7);
  --theme-button-background-active: #7b573d var(--theme-image-button-background) center center / cover repeat-x;
  --theme-button-border-color-active: rgb(218, 147, 214) rgb(47, 28, 67) rgb(47, 28, 67) rgb(218, 147, 214);
  /* sidebar/content common */
  --theme-box-shadow: 0px 0px 15px 0px rgba(10,10,10, 0.7);
  /*** sidebar ***/
  --theme-sidebar-box-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)),
  #60473b url(https://terraria.wiki.gg/images/1/1a/Content-background-hallowed.jpg);
  --theme-sidebar-box-border-style: solid;
  --theme-sidebar-box-border-color: var(--theme-content-border-color); /* set it to "transparent" for no border */
  --theme-sidebar-box-shadow: var(--theme-box-shadow);
  --theme-sidebar-heading-text-color: var(--theme-text-color);
  --theme-sidebar-heading-arrow-color: rgba(234,227,209, 0.5);
  --theme-sidebar-heading-arrow-color-hover: rgb(234,227,209);
  --theme-sidebar-heading-background: rgba(20,20,20, 0.15);
  --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: 1px solid rgb(10,10,10);
  --theme-sidebar-list-border-top: 1px solid rgba(255,255,255, 0.1); /* will be hidden when collapsed */
  --theme-sidebar-list-padding-top: 4px;
  --theme-sidebar-list-item-background: none;
  --theme-sidebar-list-item-hover-mask: rgba(20,20,20, 0.25);
  --theme-sidebar-list-item-text-color: var(--theme-text-color-em);
  --theme-sidebar-list-item-text-color-hover: var(--theme-text-color-em);
  /* responsive */
  --theme-sidebar-box-background-2: #60473b url(https://terraria.wiki.gg/images/d/d3/Navbar-background-hallowed.jpg);
  --theme-sidebar-dropdown-background: #60473b url(https://terraria.wiki.gg/images/1/1a/Content-background-hallowed.jpg);
  /*** content box ***/
  --theme-content-background: #806760;
  --theme-content-border-bottom-width: 0;
  --theme-content-border-style: solid;
  --theme-content-border-color: rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.2) rgba(13, 4, 2, 0.2) rgba(255,255,255, 0.1);
  --theme-content-subpage-icon-color: rgba(234,227,209,0.4); /* color for "<" */
  /** category: box **/
  --theme-content-category-background: rgba(20,20,20, 0.25);
  --theme-content-category-border-style: solid;
  --theme-content-category-border-color: rgba(13, 4, 2, 0.5) rgba(255,255,255, 0.1) rgba(255,255,255, 0.1) rgba(13, 4, 2, 0.5);
  /** notification **/
  --theme-notification-background: url(https://terraria.wiki.gg/images/1/1b/Notification-background-hallowed.png);
  --theme-notification-border-color: #cdab7b #562f21 #562f21 #cdab7b;
  --theme-notification-shadow: 0px 0px 10px 0px rgb(var(--theme-shadow-color-rgb));
  /******* "real" wiki content ********/
  --theme-widget-toc-arrow-color: rgba(234,227,209, 0.5);
  --theme-widget-toc-arrow-color-hover: rgba(234,227,209);
  --theme-widget-toc-item-hover-background: rgba(20,20,20, 0.25);
  --theme-collapsible-toggle-icon-color: var(--theme-text-color-note);
  --theme-collapsible-toggle-icon-color-hover: var(--theme-link-color-hover);
}
:root {
  --theme-site-background: #c8a7fe url(https://terraria.wiki.gg/images/d/d3/Site-background-hallowed.jpg) center top / cover no-repeat fixed;
  --theme-site-logo-image: url(https://terraria.wiki.gg/images/0/03/Site-logo-hallowed.png);
  --theme-site-logo-width: 416px;
  --theme-site-logo-height: 159px;
}
:root {
  --theme-background: #806760;
}
:root {
  --theme-top-background: url(https://terraria.wiki.gg/images/f/f1/Grass-top-hallowed.png) top left repeat-x; /* the "grass" */
}
:root {
  --theme-text-color: #fee2c1; /* main text color. 234,227,209 */
  --theme-text-color-note: #ddd; /* note text */
  --theme-text-color-em: #c4ebd0; /* 196,235,208 */
  --theme-text-color-green: #6bff6b;
  --theme-text-color-red: #ffb0b0;
}
:root {
  --theme-link-color: #bcf4ff;
  --theme-link-color--rgb: 188, 244, 255;
  --theme-link-color-hover: #bcf4ff;
  --theme-link-color-visited: #bcf4ff;
}
:root {
  --theme-widget-background: linear-gradient(rgba(20,20,20, 0.1), rgba(20,20,20, 0.1)),
  #776259 url(https://terraria.wiki.gg/images/1/1a/Content-background-hallowed.jpg);
}
:root {
  --theme-dropdown-background: #776259 url(https://terraria.wiki.gg/images/1/1a/Content-background-hallowed.jpg);
}
#mw-panel {
  --theme-background: #715554 url(https://terraria.wiki.gg/images/d/d3/Navbar-background-hallowed.jpg);
}
#mw-head {
  --theme-background: #715554 url(https://terraria.wiki.gg/images/d/d3/Navbar-background-hallowed.jpg);
  --theme-tab-background-selected: #806760; /* same as #content background */
  --theme-tab-background: linear-gradient(rgba(20,20,20, 0.4), rgba(20,20,20, 0.4)), #806760;
}
#footer {
  --theme-background: linear-gradient(rgba(20,20,20, 0.3), rgba(20,20,20, 0.3)), #715554 url(https://terraria.wiki.gg/images/d/d3/Navbar-background-hallowed.jpg);
}
: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(196, 196, 196, 0.5);
}
: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--placeholdertext: var(--theme-text-color-note);
}
:root {
  --oouihelper--themerelated: #e2a9be;
  --oouihelper--themerelated-lighter: #f3c2d4;
  --oouihelper--themerelated-lighter-transparent: rgba(243, 194, 212, 0.6);
  --oouihelper--themerelated-lightest: #fedae8;
  --oouihelper--themerelated-darker: #bf8499;
  --oouihelper--themerelated-darkest: #9e677a;
  --oouihelper--themerelated-disabled: rgba(226, 169, 190, 0.1);
  --oouihelper--themerelated-disabled-lighter: rgba(243, 194, 212, 0.6);
}
:root {
  --oouihelper--text-deeper: var(--theme-text-color);
}
:root {
  --ooui--button-background--hover: #7b573d url(https://terraria.wiki.gg/images/4/4d/Button-background-hallowed.jpg) center center / cover repeat-x;
}
:root {
  --ooui--button-border-top: 1px solid rgba(218, 147, 214, 0.7);
  --ooui--button-border-right: 1px solid rgba(47, 28, 67, 0.7);
  --ooui--button-border-top--hover: 1px solid rgb(218, 147, 214);
  --ooui--button-border-right--hover: 1px solid rgb(47, 28, 67);
  --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%23e2a9be%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%23f3c2d4%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-color--hover: var(--theme-link-color-hover);
}
:root {
  --ooui--progressbar-pending-background-color-1: rgba(var(--theme-link-color--rgb), 0.5);
  --ooui--progressbar-pending-background-color-2: rgba(var(--theme-border-color--rgb), 0.5);
}
:root {
  --ooui--icon-progressive-filter: brightness(0) invert(90%) sepia(18%) saturate(662%) hue-rotate(140deg) brightness(99%) contrast(91%);
}
Retrieved from "https://terraria.wiki.gg/index.php?title=MediaWiki:Theme-Hallowed.css&oldid=910720"