More actions
No edit summary |
Tag: Undo |
||
| (4 intermediate revisions by the same user not shown) | |||
| Line 189: | Line 189: | ||
/* The actual insertion point for the ad. */ | /* The actual insertion point for the ad. */ | ||
#bg3wiki-footer-ad-fuse { | #bg3wiki-footer-ad-fuse, | ||
#bg3wiki-footer-ad-ramp { | |||
position: absolute; | position: absolute; | ||
top: 0; | top: 0; | ||
| Line 196: | Line 197: | ||
bottom: 0; | bottom: 0; | ||
align-content: center; | align-content: center; | ||
/* So the two divs (fuse & ramp) don't block each other. */ | |||
/* Set pointer-events back on their child nodes. */ | |||
pointer-events: none; | |||
} | |||
/* See comment about pointer-events above. */ | |||
#bg3wiki-footer-ad-fuse div, | |||
#bg3wiki-footer-ad-ramp div { | |||
pointer-events: auto; | |||
} | } | ||
| Line 202: | Line 212: | ||
margin: 0 var(--padding-page); | margin: 0 var(--padding-page); | ||
color: var(--color-subtle); | color: var(--color-subtle); | ||
} | } | ||
| Line 313: | Line 305: | ||
.skin-citizen-dark .bg3wiki-info-blob .bg3wiki-damage-type-psychic { | .skin-citizen-dark .bg3wiki-info-blob .bg3wiki-damage-type-psychic { | ||
color: #cc77aa; | color: #cc77aa; | ||
} | |||
/* | |||
* == Extensions == | |||
*/ | |||
/* | |||
* === PortableInfobox === | |||
*/ | |||
.portable-infobox { | |||
margin-bottom: 2em; | |||
} | |||
/* Style the resistances part of the creature infobox. */ | |||
.pi-type-creature [data-item-name="resistances"] ul { | |||
margin: 0; | |||
list-style: none; | |||
display: flex; | |||
justify-content: center; | |||
gap: 5px; | |||
flex-wrap: wrap; | |||
} | |||
/* | |||
* === AudioButton === | |||
*/ | |||
a.ext-audiobutton[data-state="play"]::before { | |||
content: ' '; | |||
background-image: url('data:image/svg+xml, | |||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 64 64"> | |||
<circle fill="none" cx="32" cy="32" r="29" stroke-width="3" stroke="%23ffa03c"/> | |||
<polygon fill="%23ffa03c" points="24,18 24,46 48,32 "/> | |||
</svg>'); | |||
width: 20px; | |||
height: 20px; | |||
display: inline-block; | |||
background-repeat: no-repeat; | |||
vertical-align: -12%; | |||
background-position: bottom; | |||
} | |||
a.ext-audiobutton[data-state="pause"]::before { | |||
content: ' '; | |||
background-image: url('data:image/svg+xml, | |||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" width="16px" height="16px" viewBox="0 0 64 64"> | |||
<circle fill="none" cx="32" cy="32" r="29" stroke-width="3" stroke="%23ffa03c"/> | |||
<line x1="26" y1="20" x2="26" y2="44" stroke="%23ffa03c" stroke-width="4"/> | |||
<line x1="38" y1="20" x2="38" y2="44" stroke="%23ffa03c" stroke-width="4"/> | |||
</svg>'); | |||
width: 20px; | |||
height: 20px; | |||
display: inline-block; | |||
background-repeat: no-repeat; | |||
vertical-align: -12%; | |||
background-position: bottom; | |||
} | } | ||