Hades Wiki
No edit summary
(Adjusted FP colors to work better on both themes. Moving infobox stuff to common.css)
Line 1: Line 1:
.theme-fandomdesktop-dark {
 
--template-border-color-1: #797C4F;
 
--buff-text-color:#73C745;
 
--debuff-text-color:#C70F0F;
 
--rare-text-color:#008AFF;
 
--epic-text-color:#9D12FF;
 
--legendary-text-color:#ff8f01;
 
--duo-text-color:#d2ff61;
 
}
 
 
.mobileonly {
 
display:none;
 
}
 
 
 
.page::after {
 
.page::after {
 
position:absolute;
 
position:absolute;
Line 37: Line 23:
 
}
 
}
   
.page-header__actions .wds-button {
+
.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: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%;
 
background-size:100% 100%;
Line 44: Line 30:
 
}
 
}
   
.page-header__actions .page-header__action-button::before {
+
.theme-fandomdesktop-dark .page-header__actions .page-header__action-button::before {
 
display:none;
 
display:none;
 
}
 
}
Line 54: Line 40:
 
background-repeat: no-repeat;
 
background-repeat: no-repeat;
 
background-attachment: fixed;
 
background-attachment: fixed;
background-color: var(--theme-body-background-color);
 
 
}
 
}
   
Line 61: Line 46:
 
* Front Page (FP) styling tweaks *
 
* Front Page (FP) styling tweaks *
 
**********************************/
 
**********************************/
 
 
.fpbox {
 
.fpbox {
 
background: rgba(0, 0, 0, 0.05);
 
background: rgba(0, 0, 0, 0.05);
border: 1px solid var(--theme-page-background-color--secondary);
+
border: 1px solid #111;
box-shadow: 0 2px 5px var(--theme-page-background-color--secondary);
+
box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.5);
}
 
 
.fpbox {
 
box-shadow:inset 0px 0px 3px 1px rgba(0,0,0,0.5);
 
border:2px solid var(--theme-accent-color);
 
 
}
 
}
   
 
.fpbox .heading,
 
.fpbox .heading,
 
.fpbox .mainheading {
 
.fpbox .mainheading {
border-bottom: 1px solid var(--theme-page-background-color--secondary);
+
border-bottom: 1px solid var(--theme-page-text-color);
 
}
 
}
   
.fpbox .heading {
+
.theme-fandomdesktop-dark .fpbox .heading {
 
font-family: 'Lithos Pro Regular',sans-serif;
 
font-family: 'Lithos Pro Regular',sans-serif;
color: #DDDDDD;
 
 
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);
 
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;
 
border-bottom:0;
Line 90: Line 68:
 
background: rgba(0,0,0,0.3);
 
background: rgba(0,0,0,0.3);
 
border: 1px solid var(--theme-page-background-color--secondary);
 
border: 1px solid var(--theme-page-background-color--secondary);
}
 
 
.fplink-fullwidth .fplink {
 
background: rgba(0,0,0,0.4);
 
 
}
 
}
   
Line 102: Line 76:
 
* End FP tweaks *
 
* End FP tweaks *
 
*****************/
 
*****************/
 
/*****************
 
* Infobox styles *
 
******************/
 
.infobox {
 
float: right;
 
clear:right;
 
width: 23em;
 
margin-left: 1em;
 
margin-right: 1em;
 
margin-bottom: 0.5em;
 
padding: 4px;
 
border:1px solid var(--template-border-color-1);
 
box-shadow:0px 0px 0px 1px #000, 2px 2px 2px #000, inset 0px 0px 5px #000;
 
background-color:rgba(var(--theme-accent-color--rgb),0.3);
 
}
 
 
.infobox-table {
 
width: 100%;
 
padding: 0;
 
background-color:transparent;
 
border: 0;
 
}
 
 
.infobox-header,
 
.infobox-section {
 
text-align:center;
 
background-color:var(--theme-sticky-nav-background-color);
 
letter-spacing:0.1em;
 
color: var(--theme-sticky-nav-text-color);
 
font-family: 'Lithos Pro Regular', sans-serif;
 
text-shadow:0px 4px 1px #000;
 
border:1px solid #000;
 
box-shadow:inset 0 0 0px 1px #000, inset 0 0 5px rgba(0,0,0,0.5);
 
}
 
 
.infobox-header {
 
padding:0.4em;
 
padding-bottom: 10px;
 
font-size:150%;
 
}
 
 
.infobox-centered {
 
text-align: center;
 
}
 
 
.infobox-centered img {
 
max-width:100%;
 
height:auto;
 
}
 
 
.infobox-row {
 
vertical-align: top;
 
}
 
 
.infobox-row-name {
 
text-align: left;
 
white-space: nowrap;
 
}
 
 
.infobox-spacer {
 
height: 0.5em;
 
}
 
/*********************
 
* End infobox styles *
 
**********************/
 
   
 
/* Page history */
 
/* Page history */

Revision as of 22:46, 9 July 2021

.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);
}