Game widow (talk | contribs) 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 |
+ | border: 1px solid #111; |
− | box-shadow: |
+ | 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- |
+ | 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);
}