12,652
editsno edit summary
No edit summary |
No edit summary |
||
(38 intermediate revisions by the same user not shown) | |||
Line 28: | Line 28: | ||
* == Advertisement == | * == Advertisement == | ||
* | * | ||
* On Vector | * On Vector i.e. desktop we show two ad units: | ||
* | * | ||
* | * - Header (id: bg3wiki-header-ad) | ||
* | * Static location, usually top-right of the article, below the search. | ||
* | * | ||
* The "mw-ads-enabled" | * - Sidebar (id: bg3wiki-sidebar-ad) | ||
* | * Sticky (follows on scroll), within the sidebar. | ||
* | * | ||
* These are added via hooks in LocalSettings.php. | |||
* | |||
* The "mw-ads-enabled" and "mw-ads-disabled" classes are also added via a hook | |||
* in LocalSettings. | |||
* | |||
* There are also "mw-anonymous" and "mw-logged-in" which are equivalent under | |||
* normal circumstances, since ads are only shown to anon visitors, but please | |||
* use the ad-specific classes just in case. | |||
*/ | */ | ||
/* | /* | ||
* === | * === Header ad banner === | ||
* | |||
* There are two possible layouts for this: | |||
* - If the screen is wide enough, it's to the right of the article header, | |||
* which will get a maximum width to leave place for the banner. | |||
* - If the screen is too narrow, the ad banner will be above the article's | |||
* header, and will be centered. | |||
*/ | */ | ||
/* | /* The container for the ad. */ | ||
#bg3wiki-header-ad { | #bg3wiki-header-ad { | ||
display: none; | display: none; | ||
Line 61: | Line 62: | ||
.mw-ads-enabled #bg3wiki-header-ad { | .mw-ads-enabled #bg3wiki-header-ad { | ||
display: block; | display: block; | ||
position: relative; | |||
width: 468px; | width: 468px; | ||
height: 60px; | height: 60px; | ||
border: 1px dashed var(--bdr-color); | |||
border: | |||
align-content: center; | align-content: center; | ||
overflow: hidden; | |||
} | |||
.mw-ads-ramp #bg3wiki-header-ad { | |||
width: 320px; | |||
height: 50px; | |||
} | |||
/* The wide layout where the header ad is to the top-right. */ | |||
@media screen and (min-width: 1200px) { | |||
/* Make room for the banner to the right of the heading. */ | |||
.mw-ads-enabled #firstHeading { | |||
/* Make a bit more vertical room for the banner. */ | |||
margin-top: 22px; | |||
/* Ad banner is 468px. Add another 16px as padding. */ | |||
max-width: calc(100% - 468px - 16px); | |||
} | |||
.mw-ads-ramp #firstHeading { | |||
margin-top: 12px; | |||
max-width: calc(100% - 320px - 16px); | |||
} | |||
.mw-ads-enabled .mw-indicators { | |||
/* In sync with the 16px above. */ | |||
margin-right: 16px; | |||
} | |||
#bg3wiki-header-ad { | |||
float: right; | |||
} | |||
} | } | ||
/* Placeholder text | /* The narrow layout where the header ad is above the article header. */ | ||
@media screen and (max-width: 1199px) { | |||
#bg3wiki-header-ad { | |||
margin: auto; | |||
margin-bottom: 1em; | |||
} | |||
} | |||
/* Placeholder text for when ad isn't shown yet / doesn't show up. */ | |||
#bg3wiki-header-ad p { | #bg3wiki-header-ad p { | ||
text-align: center; | text-align: center; | ||
Line 76: | Line 112: | ||
font-style: italic; | font-style: italic; | ||
color: var(--fg-dark); | color: var(--fg-dark); | ||
} | |||
/* The actual insertion point for the ad. */ | |||
#bg3wiki-header-ad-fuse, | |||
#bg3wiki-header-ad-ramp { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
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-header-ad-fuse div, | |||
#bg3wiki-header-ad-ramp div { | |||
pointer-events: auto; | |||
} | } | ||
/* | /* | ||
* === Sidebar sticky vertical ad === | * === Sidebar sticky vertical ad === | ||
* | |||
* Note that being anonymous (.mw-anonymous) normally corresponds to ads being | |||
* enabled (.mw-ads-enabled) but in some cases a logged in user may still have | |||
* ads enabled (e.g. for testing) so we account for that possibility by using | |||
* the correct class selectors. | |||
* | |||
* Being logged in and also having ads enabled will make the sidebar ad appear | |||
* quite far down, due to the Special and Toolbox sections being visible. This | |||
* causes layout issues when viewing a short article, but that's OK since it's | |||
* just for testing purposes. | |||
*/ | */ | ||
Line 85: | Line 151: | ||
the ad. That said, we add a link to Special:Upload to the sidebar for anon | the ad. That said, we add a link to Special:Upload to the sidebar for anon | ||
visitors, as they may want to use that. */ | visitors, as they may want to use that. */ | ||
.mw- | .mw-anonymous #p-Special, | ||
.mw- | .mw-anonymous #p-tb, | ||
.mw-anonymous #p-VisualData { | |||
display: none; | display: none; | ||
} | } | ||
Line 92: | Line 159: | ||
/* The aforementioned link to Special:Upload for anon visitors. */ | /* The aforementioned link to Special:Upload for anon visitors. */ | ||
.mw-logged-in #n-Upload-file { | .mw-logged-in #n-Upload-file { | ||
display: none; | |||
} | |||
/* The ad section of the Sidebar has its own "About ads" link. */ | |||
.mw-ads-enabled #n-About-ads { | |||
display: none; | display: none; | ||
} | } | ||
Line 105: | Line 177: | ||
} | } | ||
/* The | /* The div containing the ad slot; see LocalSettings.php. */ | ||
#bg3wiki-sidebar-ad { | #bg3wiki-sidebar-ad { | ||
position: relative; | |||
width: 160px; | width: 160px; | ||
height: 600px; | height: 600px; | ||
margin-top: 5px; | margin-top: 5px; | ||
border: | border: 1px dashed var(--bdr-color); | ||
align-content: center; | align-content: center; | ||
overflow: hidden; | |||
} | } | ||
/* Placeholder text within | /* Placeholder text within ad slot. */ | ||
#bg3wiki-sidebar-ad p { | #bg3wiki-sidebar-ad p { | ||
text-align: center; | text-align: center; | ||
line-height: 1.5em; | line-height: 1.5em; | ||
font-size: 0.9em; | font-size: 0.9em; | ||
font-style: italic; | |||
color: var(--fg-dark); | |||
} | |||
/* The actual insertion point for the ad. */ | |||
#bg3wiki-sidebar-ad-fuse, | |||
#bg3wiki-sidebar-ad-ramp { | |||
position: absolute; | |||
top: 0; | |||
left: 0; | |||
right: 0; | |||
bottom: 0; | |||
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-sidebar-ad-fuse div, | |||
#bg3wiki-sidebar-ad-ramp div { | |||
pointer-events: auto; | |||
} | |||
/* The "Served by $adProvider" text below. */ | |||
#bg3wiki-ad-provider-notice { | |||
font-size: 0.7em; | |||
font-style: italic; | font-style: italic; | ||
color: var(--fg-dark); | color: var(--fg-dark); | ||
Line 127: | Line 225: | ||
/* | /* | ||
* Add some icons to special links in the sidebar and main page | * == Sidebar & Main Page customization == | ||
* | |||
* Add some icons to special links in the sidebar and main page. | |||
*/ | */ | ||
/* Discord */ | /* Discord */ | ||
body.theme-dark-grey #n-Join-the-Discord\! { | body.theme-dark-grey #n-Join-the-Discord\!, | ||
body.theme-dark-grey #n-Discord { | |||
margin-top: 8px; | margin-top: 8px; | ||
} | } | ||
body.theme-dark-grey #n-Join-the-Discord\! a { | body.theme-dark-grey #n-Join-the-Discord\! a, | ||
body.theme-dark-grey #n-Discord a { | |||
padding-top: 3px; | padding-top: 3px; | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
padding-left: | padding-left: 24px; | ||
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath fill='%23FFA03C' d='M26.0015 6.9529C24.0021 6.03845 21.8787 5.37198 19.6623 5C19.3833 5.48048 19.0733 6.13144 18.8563 6.64292C16.4989 6.30193 14.1585 6.30193 11.8336 6.64292C11.6166 6.13144 11.2911 5.48048 11.0276 5C8.79575 5.37198 6.67235 6.03845 4.6869 6.9529C0.672601 12.8736 -0.41235 18.6548 0.130124 24.3585C2.79599 26.2959 5.36889 27.4739 7.89682 28.2489C8.51679 27.4119 9.07477 26.5129 9.55525 25.5675C8.64079 25.2265 7.77283 24.808 6.93587 24.312C7.15286 24.1571 7.36986 23.9866 7.57135 23.8161C12.6241 26.1255 18.0969 26.1255 23.0876 23.8161C23.3046 23.9866 23.5061 24.1571 23.7231 24.312C22.8861 24.808 22.0182 25.2265 21.1037 25.5675C21.5842 26.5129 22.1422 27.4119 22.7621 28.2489C25.2885 27.4739 27.8769 26.2959 30.5288 24.3585C31.1952 17.7559 29.4733 12.0212 26.0015 6.9529ZM10.2527 20.8402C8.73376 20.8402 7.49382 19.4608 7.49382 17.7714C7.49382 16.082 8.70276 14.7025 10.2527 14.7025C11.7871 14.7025 13.0425 16.082 13.0115 17.7714C13.0115 19.4608 11.7871 20.8402 10.2527 20.8402ZM20.4373 20.8402C18.9183 20.8402 17.6768 19.4608 17.6768 17.7714C17.6768 16.082 18.8873 14.7025 20.4373 14.7025C21.9717 14.7025 23.2271 16.082 23.1961 17.7714C23.1961 19.4608 21.9872 20.8402 20.4373 20.8402Z'%3E%3C/path%3E%3C/svg%3E"); | background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 34 34'%3E%3Cpath fill='%23FFA03C' d='M26.0015 6.9529C24.0021 6.03845 21.8787 5.37198 19.6623 5C19.3833 5.48048 19.0733 6.13144 18.8563 6.64292C16.4989 6.30193 14.1585 6.30193 11.8336 6.64292C11.6166 6.13144 11.2911 5.48048 11.0276 5C8.79575 5.37198 6.67235 6.03845 4.6869 6.9529C0.672601 12.8736 -0.41235 18.6548 0.130124 24.3585C2.79599 26.2959 5.36889 27.4739 7.89682 28.2489C8.51679 27.4119 9.07477 26.5129 9.55525 25.5675C8.64079 25.2265 7.77283 24.808 6.93587 24.312C7.15286 24.1571 7.36986 23.9866 7.57135 23.8161C12.6241 26.1255 18.0969 26.1255 23.0876 23.8161C23.3046 23.9866 23.5061 24.1571 23.7231 24.312C22.8861 24.808 22.0182 25.2265 21.1037 25.5675C21.5842 26.5129 22.1422 27.4119 22.7621 28.2489C25.2885 27.4739 27.8769 26.2959 30.5288 24.3585C31.1952 17.7559 29.4733 12.0212 26.0015 6.9529ZM10.2527 20.8402C8.73376 20.8402 7.49382 19.4608 7.49382 17.7714C7.49382 16.082 8.70276 14.7025 10.2527 14.7025C11.7871 14.7025 13.0425 16.082 13.0115 17.7714C13.0115 19.4608 11.7871 20.8402 10.2527 20.8402ZM20.4373 20.8402C18.9183 20.8402 17.6768 19.4608 17.6768 17.7714C17.6768 16.082 18.8873 14.7025 20.4373 14.7025C21.9717 14.7025 23.2271 16.082 23.1961 17.7714C23.1961 19.4608 21.9872 20.8402 20.4373 20.8402Z'%3E%3C/path%3E%3C/svg%3E"); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 149: | Line 251: | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
font-weight: bold; | font-weight: bold; | ||
} | |||
/* Payment */ | |||
body.theme-dark-grey #n-Payment { | |||
margin-top: 8px; | |||
} | |||
body.theme-dark-grey #n-Payment a { | |||
padding-top: 3px; | |||
padding-bottom: 2px; | |||
padding-left: 24px; | |||
background-image: url('data:image/svg+xml,<%3Fxml version="1.0" encoding="utf-8"%3F><svg fill="%23FFA03C" viewBox="-0.5 0 20.4 20.4" xmlns="http://www.w3.org/2000/svg"><path d="M16.417 10.283A7.917 7.917 0 1 1 8.5 2.366a7.916 7.916 0 0 1 7.917 7.917zm-4.844 1.754a2.249 2.249 0 0 0-.556-1.477l-.001-.002a3.02 3.02 0 0 0-.835-.665l-.003-.002a3.498 3.498 0 0 0-.866-.313H9.31a3.78 3.78 0 0 0-.795-.083 2.849 2.849 0 0 1-.475-.037 1.8 1.8 0 0 1-.494-.158l-.002-.001a1.17 1.17 0 0 1-.371-.298L7.172 9a.733.733 0 0 1-.175-.44.749.749 0 0 1 .421-.63 2.157 2.157 0 0 1 1.11-.297 2.283 2.283 0 0 1 .391.066l.049.01a2.479 2.479 0 0 1 .473.166 1.33 1.33 0 0 1 .381.261.792.792 0 1 0 1.118-1.12 2.902 2.902 0 0 0-.85-.585 3.996 3.996 0 0 0-.785-.268h-.001l-.008-.002v-.786a.792.792 0 1 0-1.583 0v.763a3.557 3.557 0 0 0-1.14.454 2.328 2.328 0 0 0-1.159 1.967 2.296 2.296 0 0 0 .529 1.44 2.724 2.724 0 0 0 .894.717 3.342 3.342 0 0 0 .942.305 4.398 4.398 0 0 0 .736.059 2.202 2.202 0 0 1 .46.046 1.927 1.927 0 0 1 .467.168 1.431 1.431 0 0 1 .382.308.674.674 0 0 1 .165.436c0 .097 0 .324-.385.573a2.182 2.182 0 0 1-1.132.314 3.515 3.515 0 0 1-.494-.06 2.381 2.381 0 0 1-.459-.148h-.001a.953.953 0 0 1-.356-.274.792.792 0 1 0-1.197 1.037 2.516 2.516 0 0 0 .967.708 3.799 3.799 0 0 0 .774.237h.007v.783a.792.792 0 1 0 1.583 0v-.79a3.581 3.581 0 0 0 1.17-.479 2.215 2.215 0 0 0 1.107-1.9z"/></svg>'); | |||
background-repeat: no-repeat; | |||
font-weight: bold; | |||
} | |||
body.theme-dark-grey #n-Payment a::after { | |||
content: " (!!!)"; | |||
} | } | ||
/* Donation */ | /* Donation */ | ||
/* | |||
body.theme-dark-grey #n-Support-bg3\.wiki\! { | body.theme-dark-grey #n-Support-bg3\.wiki\! { | ||
margin-top: 8px; | margin-top: 8px; | ||
Line 158: | Line 277: | ||
padding-top: 3px; | padding-top: 3px; | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
padding-left: | padding-left: 24px; | ||
background-image: url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFA03C' d='M23.881 8.948c-.773-4.085-4.859-4.593-4.859-4.593H.723c-.604 0-.679.798-.679.798s-.082 7.324-.022 11.822c.164 2.424 2.586 2.672 2.586 2.672s8.267-.023 11.966-.049c2.438-.426 2.683-2.566 2.658-3.734 4.352.24 7.422-2.831 6.649-6.916zm-11.062 3.511c-1.246 1.453-4.011 3.976-4.011 3.976s-.121.119-.31.023c-.076-.057-.108-.09-.108-.09-.443-.441-3.368-3.049-4.034-3.954-.709-.965-1.041-2.7-.091-3.71.951-1.01 3.005-1.086 4.363.407 0 0 1.565-1.782 3.468-.963 1.904.82 1.832 3.011.723 4.311zm6.173.478c-.928.116-1.682.028-1.682.028V7.284h1.77s1.971.551 1.971 2.638c0 1.913-.985 2.667-2.059 3.015z'/%3E%3C/svg%3E"); | background-image: url("data:image/svg+xml,%3Csvg role='img' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFA03C' d='M23.881 8.948c-.773-4.085-4.859-4.593-4.859-4.593H.723c-.604 0-.679.798-.679.798s-.082 7.324-.022 11.822c.164 2.424 2.586 2.672 2.586 2.672s8.267-.023 11.966-.049c2.438-.426 2.683-2.566 2.658-3.734 4.352.24 7.422-2.831 6.649-6.916zm-11.062 3.511c-1.246 1.453-4.011 3.976-4.011 3.976s-.121.119-.31.023c-.076-.057-.108-.09-.108-.09-.443-.441-3.368-3.049-4.034-3.954-.709-.965-1.041-2.7-.091-3.71.951-1.01 3.005-1.086 4.363.407 0 0 1.565-1.782 3.468-.963 1.904.82 1.832 3.011.723 4.311zm6.173.478c-.928.116-1.682.028-1.682.028V7.284h1.77s1.971.551 1.971 2.638c0 1.913-.985 2.667-2.059 3.015z'/%3E%3C/svg%3E"); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
*/ | |||
/* Repeated on Main Page */ | /* Repeated on Main Page */ | ||
/* | |||
body.theme-dark-grey #mainpage-donate-link a { | body.theme-dark-grey #mainpage-donate-link a { | ||
margin-left: 2px; | margin-left: 2px; | ||
Line 171: | Line 292: | ||
font-weight: bold; | font-weight: bold; | ||
} | } | ||
*/ | |||
/* Advertisement info */ | /* Advertisement info */ | ||
body.theme-dark-grey #n-Update-on-ads { | body.theme-dark-grey #n-Update-on-ads, | ||
body.theme-dark-grey #n-About-ads { | |||
margin-top: 8px; | margin-top: 8px; | ||
} | } | ||
body.theme-dark-grey #n-Update-on-ads a { | body.theme-dark-grey #n-Update-on-ads a, | ||
body.theme-dark-grey #n-About-ads a { | |||
padding-top: 3px; | padding-top: 3px; | ||
padding-bottom: 2px; | padding-bottom: 2px; | ||
padding-left: | padding-left: 24px; | ||
background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFA03C' d='M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z'/%3E%3C/svg%3E"); | background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 1024 1024' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill='%23FFA03C' d='M512 64a448 448 0 1 1 0 896 448 448 0 0 1 0-896zm0 192a58.432 58.432 0 0 0-58.24 63.744l23.36 256.384a35.072 35.072 0 0 0 69.76 0l23.296-256.384A58.432 58.432 0 0 0 512 256zm0 512a51.2 51.2 0 1 0 0-102.4 51.2 51.2 0 0 0 0 102.4z'/%3E%3C/svg%3E"); | ||
background-repeat: no-repeat; | background-repeat: no-repeat; | ||
Line 186: | Line 310: | ||
/* | /* | ||
* MediaWiki | * == TOC == | ||
* | |||
* Styling of MediaWiki's autogenerated Table of Contents | |||
*/ | */ | ||
Line 204: | Line 330: | ||
/* | /* | ||
* | * == Miscellaneous == | ||
*/ | */ | ||
/* Allows conditionally hiding things on narrow screens. */ | |||
@media screen and (max-width: 1199px) { | @media screen and (max-width: 1199px) { | ||
.bg3wiki-minwidth-1200 { | .bg3wiki-minwidth-1200 { | ||
Line 213: | Line 340: | ||
} | } | ||
/* | /* | ||
* | * == Extensions == | ||
*/ | */ | ||
/* | |||
. | * === 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; | |||
} | } | ||
Line 301: | Line 448: | ||
} | } | ||
/* | /* | ||
* Make some warnings more prominent | * Make some warnings more prominent | ||
*/ | */ | ||
Line 570: | Line 717: | ||
/* Character info colours. Outdated. Will removed with the template. */ | /* Character info colours. Outdated. Will removed with the template. */ | ||
--bg3wiki-characterinfo-bg: #1B1B1B; | --bg3wiki-characterinfo-bg: #1B1B1B; | ||
--bg3wiki-characterinfo-color: #C1A886; | --bg3wiki-characterinfo-color: #C1A886; | ||
--bg3wiki-characterinfo-border: 1px solid #785000; | --bg3wiki-characterinfo-border: 1px solid #785000; | ||
--bg3wiki-characterinfo-header-bg: #281C14; | --bg3wiki-characterinfo-header-bg: #281C14; | ||
--bg3wiki-characterinfo-header-color: #C1A886; | --bg3wiki-characterinfo-header-color: #C1A886; | ||
Line 584: | Line 731: | ||
--bg3wiki-box-detail-bg: var(--bg3wiki-detail-dark-bg); | --bg3wiki-box-detail-bg: var(--bg3wiki-detail-dark-bg); | ||
--bg3wiki-box-detail-border: var(--bg3wiki-detail-dark-border); | --bg3wiki-box-detail-border: var(--bg3wiki-detail-dark-border); | ||
--bg3wiki-box-border: 1px solid #785000; | --bg3wiki-box-border: 1px solid #785000; | ||
--bg3wiki-box-accent-dark-border: 1px solid #121212; | --bg3wiki-box-accent-dark-border: 1px solid #121212; | ||
/* Navbox colours. */ | /* Navbox colours. */ | ||
Line 795: | Line 942: | ||
--bg3wiki-characterinfo-bg: var(--light-body-light); | --bg3wiki-characterinfo-bg: var(--light-body-light); | ||
--bg3wiki-characterinfo-color: black; | --bg3wiki-characterinfo-color: black; | ||
--bg3wiki-characterinfo-border: 0; | --bg3wiki-characterinfo-border: 0; | ||
--bg3wiki-characterinfo-header-bg: var(--light-body-dark); | --bg3wiki-characterinfo-header-bg: var(--light-body-dark); | ||
--bg3wiki-characterinfo-header-color: black; | --bg3wiki-characterinfo-header-color: black; | ||
Line 859: | Line 1,006: | ||
*/ | */ | ||
[aria-label]:hover, [aria-label]:focus {position: relative} | .mw-body [aria-label]:hover, | ||
.mw-body [aria-label]:focus { | |||
position: relative | |||
} | |||
[aria-label]:hover::after, | .mw-body [aria-label]:hover::after, | ||
[aria-label]:focus::after { | .mw-body [aria-label]:focus::after { | ||
position: absolute; | position: absolute; | ||
white-space: pre; | white-space: pre; | ||
Line 879: | Line 1,029: | ||
/* Changes the tooltip position. */ | /* Changes the tooltip position. */ | ||
[aria-label].aria-label-top-rig:hover::after, | .mw-body [aria-label].aria-label-top-rig:hover::after, | ||
[aria-label].aria-label-top-rig:focus::after { | .mw-body [aria-label].aria-label-top-rig:focus::after { | ||
bottom: 100%; | bottom: 100%; | ||
left: unset; | left: unset; |