Hades Wiki
Advertisement

CSS and Javascript changes must comply with the wiki design rules.


Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Go to Menu → Settings (Opera → Preferences on a Mac) and then to Privacy & security → Clear browsing data → Cached images and files.
.page::after {
  position:absolute;
  width:calc(100% + 64px);
  height:calc(100% + 23px);
  top:-18px;
  left:-38px;
  content:"";
  border:1px solid transparent;
  border-image:url(https://static.wikia.nocookie.net/hades_gamepedia_en/images/7/76/Content_border.png/revision/latest);/* [[File:Content border.png]] */
  border-image-width:80px 59px;
  border-image-slice:37% 25% ;
  border-image-repeat:round;
  pointer-events:none;
}

.page-header {
  border-bottom: 12px solid transparent;
  background-image: url(https://static.wikia.nocookie.net/hades_gamepedia_en/images/b/b9/Heading_border.jpg/revision/latest);
  background-repeat:repeat-x;
  background-position:bottom left;
  background-origin:border-box;
  background-size: auto 6px;
}

.theme-fandomdesktop-dark .page-header__actions .wds-button {
  background:url(https://static.wikia.nocookie.net/hades_gamepedia_en/images/c/cf/Button.png/revision/latest) no-repeat top left border-box; /* [[File:Button.png]] */
  background-size:100% 100%;
  margin-right:4px;
  border-radius:0;
}

.theme-fandomdesktop-dark .page-header__actions .page-header__action-button::before {
  display:none;
}

.main-container {
   background-image: var(--theme-body-background-image);
   background-size: cover;
   background-position: top center;
   background-repeat: no-repeat;
   background-attachment: fixed;
}


/*********************************
* Front Page (FP) styling tweaks *
**********************************/
.fpbox {
    background: rgba(0, 0, 0, 0.05);
    border: 1px solid #111;
    box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.5);
}

.fpbox .heading,
.fpbox .mainheading {
    border-bottom: 1px solid var(--theme-page-text-color);
}

.theme-fandomdesktop-dark .fpbox .heading {
  font-family: 'Lithos Pro Regular',sans-serif;
  text-shadow: 1px 1px 1px rgba(25,25,25,0.75),-1px 1px 1px rgba(25,25,25,0.75),1px -1px 1px rgba(25,25,25,0.75),-1px -1px 1px rgba(25,25,25,0.75);
  border-bottom:0;
  background: url(https://static.wikia.nocookie.net/hades_gamepedia_en/images/b/b9/Heading_border.jpg/revision/latest) repeat-x bottom left border-box; /* [[File:Heading border.jpg]] */
  background-size:auto 6px
}

.fplink {
    background: rgba(0,0,0,0.3);
    border: 1px solid var(--theme-page-background-color--secondary);
}

.linkslabel {
    border-bottom: 2px solid var(--theme-page-background-color--secondary);
}
/****************
* End FP tweaks *
*****************/

/* Page history */
#pagehistory li,
#pagehistory li.selected {
    border: 1px dashed var(--theme-border-color);
}

#pagehistory li.selected {
    background-color: var(--theme-page-background-color--secondary);
    color: var(--theme-body-text-color);
}

.updatedmarker {
    color: var(--theme-link-dynamic-color-1);
}

/* diffs */
.diff-context {
    background-color: var(--theme-page-background-color--secondary); /* or var(--theme-page-background-color) */
    border-color: var(--theme-border-color);
    color: var(--theme-body-text-color);
}

.diff-addedline, .diff-deletedline, .diff-context {
    font-size: 88%;
    line-height: 1.6;
    vertical-align: top;
    white-space: -moz-pre-wrap;
    white-space: pre-wrap;
    border-style: solid;
    border-width: 1px 1px 1px 4px;
    border-radius: 0.33em;
}

.diff-deletedline {
    border-color: var(--theme-alert-color);
}

.diff-addedline {
    border-color: var(--theme-success-color);
}

.diff-deletedline .diffchange {
    background-color: var(--theme-alert-color);
}

.diff-addedline .diffchange {
    background-color: var(--theme-success-color);
}

/* code pages */
.page-content pre {
    background-color: var(--theme-page-accent-mix-color);
}
Advertisement