MediaWiki:Vector.css
Jump to navigation
Jump to search
Note: After publishing, 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 / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
- Opera: Press Ctrl-F5.
/* All CSS here will be loaded for users of the Vector skin */
@import url('https://fonts.googleapis.com/css2?family=Teko:wght@400;600&display=swap');
@font-face {
font-family: Bender;
src: url(https://commons.wiki.gg/images/7/78/Bender_Regular.otf?20240621143640) format('opentype');
font-weight: normal;
font-style: normal;
}
table {
display: table;
overflow: auto;
border: none;
white-space: normal;
}
.mw-body h1, .mw-body-content h1, .mw-body-content h2 {
font-family: Teko, sans-serif;
font-weight: 600;
}
:root {
--wiki-body-background-image: url(https://pubg.wiki.gg/images/2/26/Background.png);
--wiki-body-background-color: #1c2126;
--wiki-content-background-color: rgba(25, 25, 25, 0.95);
}
body {
background: var(--wiki-body-background-image) no-repeat var(--wiki-body-background-color);
background-size: cover;
background-attachment: fixed;
color: #fff;
}
#mw-page-base {
background: none;
}
ul {
list-style-image: none;
}
h1, h2, h3, h4, h5, h6,
.mw-body, .parsoid-body,
.mw-footer li,
.tocnumber {
color: #fff;
}
.mw-body, .parsoid-body {
border: none;
background: var(--wiki-content-background-color);
}
.mw-footer {
background: var(--wiki-body-background-color);
}
#p-logo {
position: relative;
width: 325px;
height: 130px;
top: -10px;
left: calc(50vw - 162px);
}
#p-logo a {
width: 100%;
height: 100%;
}
.mw-body {
margin-top: 120px;
}
#left-navigation,
#right-navigation {
margin-top: calc(2.5em + 120px);
background: var(--wiki-content-background-color);
}
#left-navigation {
border-radius: 0 5px 0 0;
}
#right-navigation {
border-radius: 5px 0 0 0;
}
#mw-panel {
background: none;
position: absolute;
top: 50px;
padding: 0 0 10px 0;
}
.vector-menu-portal .vector-menu-heading {
font-family: Bender, sans-serif;
background: none;
color: #fff;
font-weight: 700;
font-size: 12pt;
margin-left: 0;
padding-bottom: 0;
}
.vector-menu-tabs-legacy li,
.vector-menu-tabs-legacy .selected,
.vector-menu-tabs,
.vector-menu-tabs a,
#mw-head .vector-menu-dropdown .vector-menu-heading,
.vector-menu-dropdown .mw-list-item a {
font-family: Bender, sans-serif;
text-transform: uppercase;
background: none;
}
.vector-menu-tabs-legacy li a {
font-size: 14px;
letter-spacing: 0.05em;
padding-top: 0.9em;
}
.vector-menu-dropdown .vector-menu-heading {
font-size: 14px;
color: #fff;
padding-top: 0.9em;
padding-bottom: 0.6em;
}
.vector-menu-dropdown .mw-list-item a:not(.mw-ui-icon),
.vector-menu-dropdown .mw-list-item a:visited {
font-size: 14px;
letter-spacing: 0.05em;
color: #fff;
padding: 1em;
}
.vector-menu-dropdown .vector-menu-heading:hover,
.vector-menu-dropdown .vector-menu-heading:focus {
color: #fff;
}
.vector-menu-dropdown .vector-menu-heading:after {
filter: invert(1);
}
.vector-menu-tabs-legacy .new a, .vector-menu-tabs-legacy .new a:visited {
color: #f55;
}
.vector-menu-tabs-legacy li a,
.vector-menu-tabs-legacy .selected a,
.vector-menu-tabs-legacy .selected a:visited,
.vector-menu-dropdown .mw-list-item.selected a,
.vector-menu-dropdown .mw-list-item.selected a:visited,
#footer a, #footer a:visited,
.vector-menu-portal .vector-menu-content li a,
.vector-menu-portal .vector-menu-content li a:visited {
font-family: Bender, sans-serif;
color: #fff;
}
.vector-menu-tabs-legacy li a:hover span,
.vector-menu-tabs-legacy li a:active span,
.vector-menu-tabs-legacy li.selected a span,
.vector-menu-dropdown .mw-list-item a:hover span,
.vector-menu-dropdown .mw-list-item a:active span,
.vector-menu-portal .vector-menu-content li a:hover,
.vector-menu-portal .vector-menu-content li a:active,
.vector-menu-dropdown:hover .vector-menu-heading span,
#p-cactions-checkbox.custom-dropdown-forced + label span {
text-decoration: none;
border-bottom: 2px solid #f39720;
}
.vector-menu-tabs-legacy .new a:hover span,
.vector-menu-tabs-legacy .new a:visited span {
border-bottom-color: #f55;
}
.vector-menu-tabs-legacy li a:hover,
.vector-menu-tabs-legacy li a:active,
.vector-menu-tabs-legacy li a:focus,
.vector-menu-dropdown .mw-list-item a:hover,
.vector-menu-dropdown .mw-list-item a:active,
.vector-menu-dropdown .mw-list-item a:focus {
text-decoration: none;
}
.vector-menu-dropdown .vector-menu-content {
background: #26292d;
border: none;
}
.vector-menu-tabs .mw-watchlink.icon a:before,
.vector-menu-tabs #ca-watch.icon a:before,
.vector-menu-tabs #ca-watch.icon:hover a:before,
.vector-menu-tabs #ca-watch.icon:active a:before,
.vector-menu-tabs #ca-watch.icon a:focus:before,
.vector-menu-tabs #ca-unwatch.icon a:before,
.vector-menu-tabs #ca-unwatch.icon:hover a:before,
.vector-menu-tabs #ca-unwatch.icon:active a:before,
.vector-menu-tabs #ca-unwatch.icon a:focus:before {
background: none;
border: none;
content: "☆";
font-size: 18px;
color: #fff;
width: auto;
height: auto;
top: 0.7em;
}
.vector-menu-tabs #ca-watch.icon:hover a:before,
.vector-menu-tabs #ca-unwatch.icon a:before,
.vector-menu-tabs #ca-unwatch.icon a:focus:before {
content: "★";
color: #f39720;
}
#footer a, #footer a:visited,
.mw-body a, .mw-body a:visited,
.toctogglelabel,
.navbox a, .navbox a:visited, .navbox a.external, .navbox a.external:visited {
color: #f39720;
}
.mw-body a.new {
color: #ba0000;
}
.mw-body a.new:visited {
color: #a55858;
}
.diff {
display: table;
}
.diff-deletedline .diffchange, .diff-addedline .diffchange {
color: #000;
}
.mw-message-box, .catlinks, pre, code, .mw-code,
.theme-dark .mw-rcfilters-ui-changesListWrapperWidget .mw-changeslist-legend {
background: #262526;
border-color: #545252;
border-radius: 4px;
color: #fff;
}
.vector-search-box-input {
background: #26292d;
border: none;
color: #fff;
}
.vector-search-box-input::placeholder,
.suggestions-special .special-label {
color: #a1a1aa;
}
.searchButton[name="go"] {
filter: invert(1);
}
.suggestions-results,
.suggestions-special {
background: #26292d;
border: none;
}
.suggestions-special {
border-top: 1px solid #a1a1aa;
}
.suggestions-special:hover {
background: #2a4b8d;
}
.suggestions-result,
.suggestions a.mw-searchSuggest-link,
.suggestions-special .special-query {
color: #fff;
}
#mw-panel .vector-menu {
position: relative;
background: var(--wiki-content-background-color);
margin: 0;
padding: 5px 10px 5px 15px;
z-index: 5;
}
#mw-panel .vector-menu:nth-child(2) {
border-radius: 0 5px 0 0;
}
#mw-panel .vector-menu:last-child {
padding-bottom: 1em;
border-radius: 0 0 5px 0;
}
#mw-panel .vector-menu h3 {
position: relative;
cursor: pointer;
}
#mw-panel .vector-menu h3:after {
position: absolute;
top: 11px;
right: 0;
content: "";
border: 5px solid;
border-color: #fff transparent transparent;
border-bottom: none;
}
#mw-panel .vector-menu:not(:nth-child(2)) .vector-menu-content,
.vector-menu-dropdown .vector-menu-content {
animation: rotateMenu 300ms ease-in-out forwards;
transition: all 150ms;
transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
transform-origin: top center;
opacity: 1;
height: auto;
visibility: visible;
display: none;
}
#mw-panel .vector-menu:hover h3:after {
top: 10px;
border-top: none;
border-bottom: 5px solid #fff;
}
#mw-panel .vector-menu:not(:nth-child(2)):hover .vector-menu-content,
#mw-panel .vector-menu:not(:nth-child(2)) h3.custom-dropdown-forced ~ .vector-menu-content,
.vector-menu-dropdown:hover .vector-menu-content,
#p-cactions-checkbox.custom-dropdown-forced ~ .vector-menu-content {
display: block;
}
@keyframes rotateMenu {
0% {
transform: scaleY(0)
}
80% {
transform: scaleY(1.1)
}
100% {
transform: scaleY(1)
}
}
.wikitable {
background: transparent;
border: none;
margin: 0.5em 0;
}
.toc, .toccolours,
.wikitable > tr > td, .wikitable > * > tr > td {
background: #262526;
border-color: #545252;
color: #fff;
}
.wikitable > tr > th, .wikitable > * > tr > th {
border: 1px solid #545252;
background: #d9d6d2;
color: #000;
}
.infoboxtable .infoboximage img {
max-width: 285px;
}
.columns-2 {
column-count: 2;
column-width: 225px;
}
.columns-3 {
column-count: 3;
column-width: 150px;
}
@media screen and (max-width: 981px){
#mw-panel .vector-menu:nth-child(2),
#mw-panel .vector-menu:last-child {
border-radius: 0;
}
}
@media screen and (max-width:720px) {
.mw-body {
margin-top: 130px;
}
#left-navigation,
#right-navigation {
margin-top: calc(2.5em + 80px);
}
#mw-panel {
top: -111px;
}
#mw-panel #p-logo {
top: 150px;
}
#mw-panel:before {
content: ">";
background: #f39720;
color: black;
font-weight: bold;
font-family: Bender, sans-serif;
box-sizing: border-box;
padding: 5px 11px;
font-size: 23px;
width: 30px;
height: 40px;
position: absolute;
z-index: 10;
top: 146px;
cursor: pointer;
}
#mw-panel .vector-menu {
left: -9999px;
box-shadow: 3px 3px 5px rgba(0, 0, 0, 0.5);
}
#mw-panel.custom-dropdown-forced:before {
content: "<";
}
#mw-panel.custom-dropdown-forced .vector-menu {
left: 30px;
}
#mw-panel .vector-menu:nth-child(2) {
border-radius: 0 5px 0 0;
}
#mw-panel .vector-menu:last-child {
padding-bottom: 1em;
border-radius: 0 0 5px 5px;
}
}
@media screen and (max-width:600px) {
.mw-body {
margin-top: 180px;
}
#left-navigation,
#right-navigation {
margin-top: calc(2.5em + 130px);
}
#mw-head #p-search {
position: absolute;
box-sizing: border-box;
margin: 0;
width: 80vw;
left: 10vw;
top: 125px;
}
#simpleSearch {
width: auto;
max-width: unset;
}
.vectorTabs li a,
.vector-menu-dropdown .vector-menu-heading span {
width: 20px;
height: 20px;
line-height: 20px;
padding: 10px 8px;
box-sizing: content-box;
}
.vector-menu-dropdown .vector-menu-heading span {
font-size: 0;
}
.vectorTabs li a:before,
.vector-menu-dropdown .vector-menu-heading span:before {
content: "";
display: inline-block;
background-color: transparent;
background-repeat: no-repeat;
background-position: center top;
background-size: 100% auto;
width: 20px;
height: 20px;
}
.vector-menu-tabs-legacy .mw-watchlink {
width: 36px;
height: 40px;
}
.vector-menu-tabs .mw-watchlink.icon a::before, .vector-menu-tabs #ca-watch.icon a::before, .vector-menu-tabs #ca-watch.icon:hover a::before, .vector-menu-tabs #ca-watch.icon:active a::before, .vector-menu-tabs #ca-watch.icon a:focus::before, .vector-menu-tabs #ca-unwatch.icon a::before, .vector-menu-tabs #ca-unwatch.icon:hover a::before, .vector-menu-tabs #ca-unwatch.icon:active a::before, .vector-menu-tabs #ca-unwatch.icon a:focus::before {
font-size: 24px;
top: 10px;
}
.vectorTabs li:not(.mw-watchlink) a:before,
.vector-menu-dropdown .vector-menu-heading span:before {
filter: invert(1);
}
.vectorTabs li.selected a::before {
filter: invert(69%) sepia(17%) saturate(6146%) hue-rotate(348deg) brightness(104%) contrast(91%);
}
.theme-light .vectorTabs li:not(.mw-watchlink) a:before,
.theme-light .vector-menu-dropdown .vector-menu-heading span:before {
filter: invert(0);
}
.theme-light .vectorTabs li.selected a::before {
filter: invert(32%) sepia(15%) saturate(6483%) hue-rotate(19deg) brightness(95%) contrast(94%);
}
.vectorTabs li a span,
.vector-menu-dropdown #p-cactions-label:after {
display: none;
}
.vector-menu-dropdown .vector-menu-heading {
padding: 0;
}
.vector-menu-dropdown .vector-menu-content {
left: unset;
right: 1px;
}
#ca-edit a::before {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCc+PHBhdGggZD0nbTEyLjg3OSAyLjE2NS05LjQ2NSA5LjQ3MSA0Ljk1IDQuOTUgOS40NjUtOS40NzF6bTAgMi44MjlMMTUgNy4xMTVsLTYuNjM2IDYuNjQzLTIuMTIxLTIuMTIyek02Ljk1IDE4SDJ2LTQuOTV6Jy8+PC9zdmc+Cg==)
}
#ca-view a::before,
#ca-view-foreign a::before {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCc+PHBhdGggZD0nTTkuOTIgNC45MWMtMi43OCAwLTUuNDIgMS43Ny03LjUzIDQuOTVsLS4zNzEuNTU1LjM3MS41NTVjMi4xMiAzLjE3IDQuNzYgNC45NSA3LjUzIDQuOTUgMi43OCAwIDUuNDItMS43NyA3LjUzLTQuOTVsLjM3MS0uNTU1LS4zNzEtLjU1NWMtMi4xMi0zLjE3LTQuNzYtNC45NS03LjUzLTQuOTV6bTAgMmMxLjc1IDAgMy42IDEuMTkgNS4zNCAzLjUtMS43NCAyLjMxLTMuNTkgMy41LTUuMzQgMy41cy0zLjYtMS4xOS01LjM0LTMuNWMxLjc0LTIuMzEgMy41OS0zLjUgNS4zNC0zLjV6Jy8+PHBhdGggZD0nTTkuODQgNS4zMUM3LjcyIDUuMzEgNiA3LjA0IDYgOS4xNWMwIDIuMTIgMS43MyAzLjg0IDMuODQgMy44NCAyLjEyIDAgMy44NC0xLjczIDMuODQtMy44NCAwLTIuMTItMS43My0zLjg0LTMuODQtMy44NHptMCAxYzEuNTggMCAyLjg0IDEuMjcgMi44NCAyLjg0IDAgMS41OC0xLjI3IDIuODQtMi44NCAyLjg0QzguMjYgMTEuOTkgNyAxMC43MiA3IDkuMTVjMC0xLjU4IDEuMjctMi44NCAyLjg0LTIuODR6Jy8+PC9zdmc+)
}
#left-navigation li[id^=ca-nstab-] a::before {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCc+PHBhdGggZD0nTTQgMnYxNmgxMlY3LjAxTDExIDJ6bTIgMmgzLjk5NHY0SDE0djhINnonLz48L3N2Zz4K)
}
#ca-history a::before {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCc+PHBhdGggZD0nTTEwIDJhOCA4IDAgMCAwLTggOCA4IDggMCAwIDAgOCA4IDggOCAwIDAgMCA4LTggOCA4IDAgMCAwLTgtOHptMCAyYTYgNiAwIDAgMSA2IDYgNiA2IDAgMCAxLTYgNiA2IDYgMCAwIDEtNi02IDYgNiAwIDAgMSA2LTZ6Jy8+PHBhdGggZD0nTTkuOTg0IDQuOTg2QTEgMSAwIDAgMCA5IDZ2NWgzYTEgMSAwIDEgMCAwLTJoLTFWNmExIDEgMCAwIDAtMS4wMTYtMS4wMTR6Jy8+PC9zdmc+Cg==)
}
#ca-talk a::before {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCc+PHBhdGggZD0nTTUuMzkxIDE1LjU3NWMuNTUzIDEuNTU2LS4wOTggMi41MzctLjk0MiAzLjQyNSAzLjI2Mi0uNzMxIDMuMjQzLTIuMTM0IDMuNzctMy40MjV6bTEwLjM2Ni0zLjkzM2MtLjU1MyAxLjU1Ny4wOTggMi41MzguOTQyIDMuNDI2LTMuMjYyLS43MzItMy4yNDItMi4xMzQtMy43NjktMy40MjZ6Jy8+PHBhdGggZD0nTTcuNzY4IDcuMTQ2Yy0zLjIwMiAwLTUuNzk4IDIuMDM1LTUuNzk3IDQuNTQ1IDAgMi41MSAyLjU5NiA0LjU0NCA1Ljc5NyA0LjU0MyAzLjIgMCA1Ljc5NC0yLjAzNCA1Ljc5NS00LjU0MyAwLTIuNTEtMi41OTUtNC41NDQtNS43OTUtNC41NDV6bS0uMDIyIDIuMjQ3YzIuMDEgMCAzLjY0IDEuMDM0IDMuNjM5IDIuMzA4LS4wMDEgMS4yNzQtMS42MyAyLjMwNi0zLjYzOSAyLjMwNy0yLjAxIDAtMy42NC0xLjAzMy0zLjY0LTIuMzA3LS4wMDEtMS4yNzUgMS42MjktMi4zMDkgMy42NC0yLjMwOHonLz48cGF0aCBkPSdNMTIuNDczIDIuNzI3Yy0zLjYwNCAwLTYuNTI1IDIuMTQ5LTYuNTI2IDQuOGwyLjEwNC0uMDE3Yy4wMDEtMS4zOTIgMS45NzQtMi41MiA0LjQwNi0yLjUyIDIuNDMzIDAgNC40MDcgMS4xMjggNC40MDggMi41MiAwIDEuMzkzLTEuOTczIDIuNTIyLTQuNDA4IDIuNTIxbC4wMTYgMi4zYzMuNjAzLS4wMDEgNi41MjQtMi4xNTIgNi41MjMtNC44MDQgMC0yLjY1LTIuOTItNC44LTYuNTIzLTQuOHonLz48L3N2Zz4K)
}
#t-contributions a::before {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCc+PHBhdGggZD0nTTQgNXYzLjI3MkEyIDIgMCAwIDEgNSA4YTIgMiAwIDAgMSAyIDIgMiAyIDAgMCAxLTIgMiAyIDIgMCAwIDEtMS0uMjdWMTVoMTBWNUg0eicvPjxjaXJjbGUgY3g9JzE1LjAwMScgY3k9JzEwJyByPScyJy8+PGNpcmNsZSBjeD0nOScgY3k9JzQnIHI9JzInLz48Y2lyY2xlIGN4PSc5JyBjeT0nMTYnIHI9JzInLz48L3N2Zz4=)
}
#ca-addsection a::before {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCc+PHJlY3Qgd2lkdGg9JzInIGhlaWdodD0nMTInIHg9JzknIHk9JzQnIHJ5PScwJy8+PHJlY3Qgd2lkdGg9JzEyJyBoZWlnaHQ9JzInIHg9JzQnIHk9JzknIHJ5PScwJy8+PC9zdmc+Cg==)
}
#ca-viewsource a::before {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIHdpZHRoPScyMCcgaGVpZ2h0PScyMCc+PHBhdGggZD0nTTMgNGgzdjFINXYxMWgxdjFIM3ptMTQgMHYxM2gtM3YtMWgxVjVoLTFWNHpNNi41IDRIOXYxSDh2MTFoMXYxSDYuNXptNyAwdjEzSDExdi0xaDFWNWgtMVY0eicvPjwvc3ZnPgo=)
}
#p-variants .vector-menu-heading span::before {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCA0OCA0OCcgd2lkdGg9JzIwJz48cGF0aCBkPSdNMCAwaDQ4djQ4aC00OHonIGZpbGw9J25vbmUnLz48cGF0aCBkPSdNMjMuOTkgNGMtMTEuMDUgMC0xOS45OSA4Ljk1LTE5Ljk5IDIwczguOTQgMjAgMTkuOTkgMjBjMTEuMDUgMCAyMC4wMS04Ljk1IDIwLjAxLTIwcy04Ljk2LTIwLTIwLjAxLTIwem0xMy44NSAxMmgtNS45Yy0uNjUtMi41LTEuNTYtNC45LTIuNzYtNy4xMiAzLjY4IDEuMjYgNi43NCAzLjgxIDguNjYgNy4xMnptLTEzLjg0LTcuOTNjMS42NyAyLjQgMi45NyA1LjA3IDMuODIgNy45M2gtNy42NGMuODUtMi44NiAyLjE1LTUuNTMgMy44Mi03Ljkzem0tMTUuNDggMTkuOTNjLS4zMy0xLjI4LS41Mi0yLjYyLS41Mi00cy4xOS0yLjcyLjUyLTRoNi43NWMtLjE2IDEuMzEtLjI3IDIuNjQtLjI3IDQgMCAxLjM2LjExIDIuNjkuMjggNGgtNi43NnptMS42MyA0aDUuOWMuNjUgMi41IDEuNTYgNC45IDIuNzYgNy4xMy0zLjY4LTEuMjYtNi43NC0zLjgyLTguNjYtNy4xM3ptNS45LTE2aC01LjljMS45Mi0zLjMxIDQuOTgtNS44NyA4LjY2LTcuMTMtMS4yIDIuMjMtMi4xMSA0LjYzLTIuNzYgNy4xM3ptNy45NSAyMy45M2MtMS42Ni0yLjQtMi45Ni01LjA3LTMuODItNy45M2g3LjY0Yy0uODYgMi44Ni0yLjE2IDUuNTMtMy44MiA3Ljkzem00LjY4LTExLjkzaC05LjM2Yy0uMTktMS4zMS0uMzItMi42NC0uMzItNCAwLTEuMzYuMTMtMi42OS4zMi00aDkuMzZjLjE5IDEuMzEuMzIgMi42NC4zMiA0IDAgMS4zNi0uMTMgMi42OS0uMzIgNHptLjUxIDExLjEyYzEuMi0yLjIzIDIuMTEtNC42MiAyLjc2LTcuMTJoNS45Yy0xLjkzIDMuMzEtNC45OSA1Ljg2LTguNjYgNy4xMnptMy41My0xMS4xMmMuMTYtMS4zMS4yOC0yLjY0LjI4LTQgMC0xLjM2LS4xMS0yLjY5LS4yOC00aDYuNzVjLjMzIDEuMjguNTMgMi42Mi41MyA0cy0uMTkgMi43Mi0uNTMgNGgtNi43NXonLz48L3N2Zz4=)
}
#p-cactions .vector-menu-heading span::before {
background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0naHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmcnIGhlaWdodD0nMjAnIHZpZXdCb3g9JzAgMCAyNCAyNCcgd2lkdGg9JzIwJz48cGF0aCBkPSdNMTQgNkMxNCA3LjEwNDU3IDEzLjEwNDYgOCAxMiA4QzEwLjg5NTQgOCAxMCA3LjEwNDU3IDEwIDZDMTAgNC44OTU0MyAxMC44OTU0IDQgMTIgNEMxMy4xMDQ2IDQgMTQgNC44OTU0MyAxNCA2WicvPjxwYXRoIGQ9J00xNCAxMkMxNCAxMy4xMDQ2IDEzLjEwNDYgMTQgMTIgMTRDMTAuODk1NCAxNCAxMCAxMy4xMDQ2IDEwIDEyQzEwIDEwLjg5NTQgMTAuODk1NCAxMCAxMiAxMEMxMy4xMDQ2IDEwIDE0IDEwLjg5NTQgMTQgMTJaJy8+PHBhdGggZD0nTTE0IDE4QzE0IDE5LjEwNDYgMTMuMTA0NiAyMCAxMiAyMEMxMC44OTU0IDIwIDEwIDE5LjEwNDYgMTAgMThDMTAgMTYuODk1NCAxMC44OTU0IDE2IDEyIDE2QzEzLjEwNDYgMTYgMTQgMTYuODk1NCAxNCAxOFonLz48L3N2Zz4=)
}
}
@media screen and (max-width: 385px){
#mw-panel #p-logo {
width: 85vw;
left: 8vw;
}
#p-logo a {
background-size: contain;
}
}
/* Copyright CC-BY-NC-SA icon */
/* Copied from Terraria wiki */
#footer{
/* self */
padding: 12px;
box-sizing: border-box;
position: relative;
/* grid */
display: grid;
grid-template-columns: [l] 1fr 0fr [r];
grid-template-rows: [t] auto auto [b];
z-index: 0;
}
#footer-info{
font-size: 11px;
display: contents;
}
#footer ul li{
font-size: inherit;
line-height: 1.5;
padding: 0;
}
#footer-icons{
grid-column: span 1 / r;
grid-row: t / b;
place-self: end;
}
#footer #footer-info-lastmod{
grid-column: l / span 1;
grid-row: t / span 1;
place-self: start;
margin-bottom: 1em;
}
#footer #footer-info-copyright{
grid-column: l / span 1;
grid-row: span 1 / b;
place-self: end stretch;
position: relative;
padding-right: 100px;
}
#footer-info-copyright img{
position: absolute;
right: 0;
/* mediawiki logo is 31px height, and this image has a 1px black border,
a small tweak to make them visually matched on size and position */
bottom: -1px;
height: 33px;
width: auto;
}