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 mobile site */
/* Infobox styling */
.portable-infobox {
width: 100%;
}
.portable-infobox .pi-title {
font-size: 24px;
text-align: center;
font-weight: bold;
}
.portable-infobox.pi-background {
background-color: #f9f8fd;
}
.portable-infobox .pi-secondary-background {
background-color: #7dce94;
}
.portable-infobox .pi-border-color {
border-color: #f2f2f3;
}
.portable-infobox .pi-item-spacing {
padding: 10px 20px;
}
.portable-infobox .pi-data-label {
flex-basis: 165px;
}
/* Polaroid */
div.polaroid {
width: 80%;
background-color: white;
box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
margin-bottom: 25px;
}
div.container {
text-align: center;
padding: 10px 20px;
}
/*Fixing maps on Citizen skin*/
.maps-leaflet {
z-index: 0;
}
/*Font-styling*/
body {
font-family:"Arial", "Verdana", "Helvetica", sans-serif;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-family:"Arial", "Verdana", "Helvetica", sans-serif;
}
.pre-content h1,
.content h1,
.content h2 {
font-family:"Arial", "Verdana", "Helvetica", sans-serif;
}
/*Removing Main Page header*/
body.page-Main_Page .mw-body-header {
display: none;
}
/** Removing Comments section **/
body.page-Main_Page.action-view p.comments-header,
body.page-Main_Page.action-submit p.comments-header {
display: none;
}
body.page-Main_Page.action-view div.cs-comments,
body.page-Main_Page.action-submit div.cs-comments {
display: none;
}
/*Stopping header from disappearing on Citizen skin*/
@media screen and (max-width: 720px) {
.citizen-scroll--down .citizen-header {
transform: translateY(0%);
}
}
/*Changing footer*/
.citizen-footer {
color: #3d3d3f;
border-top: 1.5px solid var(--border-color-base);
}
html.skin-theme-clientpref-night .citizen-footer {
color: white;
background-color: #161a24;
border-top: 1.5px solid var(--border-color-base);
}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .citizen-footer {
color: white;
background-color: #161a24;
border-top: 1.5px solid var(--border-color-base);
}
}
/* General style for all Sidebar icons */
.citizen-drawer__menu [id^="n-Sidebar-icon-"] a {
display: flex;
align-items: center;
gap: var(--space-sm); /* Adjust the gap as needed */
}
.citizen-drawer__menu [id^="n-Sidebar-icon-"] a:before {
content: "";
display: block;
width: var(--size-icon);
height: var(--size-icon);
background-repeat: no-repeat;
background-position: center;
background-size: contain;
filter: var(--filter-invert);
opacity: var(--opacity-icon-base); /* Normal state opacity */
transition: var(--transition-hover); /* Smooth transition for hover effects */
}
/* General hover effect for all Sidebar icons */
.citizen-drawer__menu [id^="n-Sidebar-icon-"] a:hover:before {
filter: none;
opacity: 1; /* Full opacity */
}
html.skin-theme-clientpref-night .citizen-drawer__menu [id^="n-Sidebar-icon-"] a:before {
filter: invert(1);
}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .citizen-drawer__menu [id^="n-Sidebar-icon-"] a:before {
filter: invert(1);
}
}
/*Icons*/
#n-Sidebar-icon-data a:before {
background-image: url('https://static.miraheze.org/rothwellwiki/c/cd/Database-solid.svg');
}
#n-Sidebar-icon-places a:before {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/6/66/Signs-post-solid.svg');
}
#n-Sidebar-icon-people a:before {
background-image: url('https://static.miraheze.org/rothwellwiki/8/82/Children-solid.svg');
}
#n-Sidebar-icon-contribute a:before {
background-image: url('https://upload.wikimedia.org/wikipedia/commons/f/f7/Font_Awesome_5_solid_plus-circle.svg');
}
/*Changing icons*/
html.skin-theme-clientpref-night .mw-ui-icon-mf-expand {
filter: invert(1) hue-rotate(180deg);
}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .mw-ui-icon-mf-expand {
filter: invert(1) hue-rotate(180deg);
}
}
html.skin-theme-clientpref-night .citizen-header__logo {
filter: invert(1);
}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .citizen-header__logo {
filter: invert(1);
}
}
html.skin-theme-clientpref-night .citizen-drawer__logo img {
filter: invert(1);
}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os .citizen-drawer__logo img {
filter: invert(1);
}
}
html.skin-theme-clientpref-night #footer-icons.noprint {
filter: grayscale(1);
}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os #footer-icons.noprint {
filter: grayscale(1);
}
}
html.skin-theme-clientpref-night #footer-poweredbyico {
filter: invert(1);
}
@media (prefers-color-scheme: dark) {
html.skin-theme-clientpref-os #footer-poweredbyico {
filter: invert(1);
}
}
/*Frame images*/
figure[typeof~='mw:File/Frame'].mw-halign-left {
width: 100%;
height:auto;
}
figure[typeof~='mw:File/Frame'].mw-halign-left img {
width: 100%;
height:auto !important;
}
/*nomobile*/
.nomobile {
display: none!important;
}
/*PRP Page styles*/
.prp-page-specific-styles .prp-page-image {
padding-left: 0;
padding-bottom: 12px;
}
.prp-page-specific-styles .prp-page-content {
padding-right: 0;
}
.prp-page-specific-styles .prp-page-container {
flex-direction: column-reverse;
}
/*CommentStreams*/
.citizen-page-footer {
line-height: var(--line-height-xs);
gap: var(--space-sm);
}
.comments-mobile-warning {
font-size: var(--font-size-x-small);
color: var(--color-base--subtle);
letter-spacing: 0.05em;
margin-bottom: 0;
line-height: 1;
}
.cs-comments {
margin-top: 0!important;
}
/*Feedback icon*/
.mw-ui-icon-wikimedia-speechBubbles::before {
background-image: url(https://upload.wikimedia.org/wikipedia/commons/thumb/6/6c/Font_Awesome_5_solid_clipboard-check.svg/898px-Font_Awesome_5_solid_clipboard-check.svg.png?20180810204802);
}
/*White wiki colour*/
:root {
--color-surface-0__s: 5%;
--color-surface-0__l: 98%;
--color-surface-1__s: 10%;
--color-surface-1__l: 97%;
--color-surface-2__s: 5%;
--color-surface-2__l: 96%;
--color-surface-3__s: 2.5%;
--color-surface-3__l: 95%;
--color-surface-4__s: 1.25%;
--color-surface-4__l: 94%;
}