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 Citizen skin */
:root {
--color-primary__h: 285;
}
/* Sidebar icons */
.citizen-drawer__menu a:before {
display: block;
content: "";
width: var(--size-icon);
height: var(--size-icon);
background: transparent center/contain no-repeat;
opacity: var(--opacity-icon-base);
filter: var(--filter-invert);
}
.citizen-drawer__menu .citizen-ui-icon {
display: none;
}
.citizen-drawer__menu #n-mainpage-description a:before { background-image: url(/resources/assets/nav-icons/home.svg); }
.citizen-drawer__menu #n-recentchanges a:before { background-image: url(/resources/assets/nav-icons/clipboard.svg); }
.citizen-drawer__menu #n-randompage a:before { background-image: url(/resources/assets/nav-icons/dice-five.svg); }
.citizen-drawer__menu #n-help-mediawiki a:before { background-image: url(/resources/assets/nav-icons/question.svg); }
.citizen-drawer__menu #n-upload a:before { background-image: url(/resources/assets/nav-icons/upload.svg); }
.citizen-drawer__menu #n-randompage a:before { background-image: url(/resources/assets/nav-icons/dice-five.svg); }
.citizen-drawer__menu #t-specialpages a:before { background-image: url(/resources/assets/nav-icons/alternate-file.svg); }
.citizen-drawer__menu #n-About a:before { background-image: url(/resources/assets/nav-icons/info-circle.svg); }
.citizen-drawer__menu #n-Contribute a:before { background-image: url(/resources/assets/nav-icons/pen.svg); }
.citizen-drawer__menu #n-Characters a:before { background-image: url(/resources/assets/nav-icons/dragon.svg); }
.citizen-drawer__menu #n-Books a:before { background-image: url(/resources/assets/nav-icons/book.svg); }
.citizen-drawer__menu #n-Locations a:before { background-image: url(/resources/assets/nav-icons/alternate-map-marker.svg); }
/* Icon invert helper class */
.skin-invert-image img,
.skin-invert {
filter: var(--filter-invert);
}
.skin-invert .skin-invert,
.skin-invert .skin-invert-image img {
filter: none;
}