MediaWiki:Common.css

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.
/* CSS placed here will be applied to all skins */
/*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 stuff*/
/**Header**/
body.page-Main_Page.action-view h1.firstHeading, 
body.page-Main_Page.action-submit h1.firstHeading { 
    display: none; 
}

body.page-Main_Page.action-view .page-heading, 
body.page-Main_Page.action-submit .page-heading { 
    display: none; 
}

body.page-Main_Page.action-view nav#p-associated-pages, 
body.page-Main_Page.action-submit nav#p-associated-pages { 
    display: none; 
}
/** Removing "From Rothwell Wiki" **/
body.page-Main_Page.action-view div#siteSub, 
body.page-Main_Page.action-submit div#siteSub { 
    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; 
}
/*Fixing maps on Citizen skin*/
.maps-leaflet {
    z-index: 0;
}

/*Stopping header from disappearing on Citizen skin*/
@media screen and (max-width: 720px) {
   .citizen-scroll--down .citizen-header {
        transform: translateY(0%);
    }
}

/*Fixing left-aligned images*/
@media (min-width:640px) {
 figure[typeof~='mw:File/Thumb'] > figcaption,
 figure[typeof~='mw:File/Frame'] > figcaption {
  text-align:start
 }
 .mw-content-ltr figure[typeof~='mw:File/Thumb'],
 .mw-content-ltr figure[typeof~='mw:File/Frame'] {
  float:right;
  margin-left:0;
  clear:right
 }
 .mw-content-rtl figure[typeof~='mw:File/Thumb'],
 .mw-content-rtl figure[typeof~='mw:File/Frame'] {
  float:left;
  margin-right:var(--space-lg);
  clear:left
 }
 figure[typeof~='mw:File'].mw-halign-right,
 figure[typeof~='mw:File/Frameless'].mw-halign-right,
 figure[typeof~='mw:File/Thumb'].mw-halign-right,
 figure[typeof~='mw:File/Frame'].mw-halign-right {
  float:right;
  margin-left:var(--space-lg);
  clear:right
 }
 figure[typeof~='mw:File'].mw-halign-left,
 figure[typeof~='mw:File/Frameless'].mw-halign-left,
 figure[typeof~='mw:File/Thumb'].mw-halign-left,
 figure[typeof~='mw:File/Frame'].mw-halign-left {
  float:left;
  margin-right:var(--space-lg);
  clear:left
 }
 figure[typeof~='mw:File'].mw-halign-center,
 figure[typeof~='mw:File/Frameless'].mw-halign-center,
 figure[typeof~='mw:File/Thumb'].mw-halign-center,
 figure[typeof~='mw:File/Frame'].mw-halign-center {
  float:none;
  margin-right:auto;
  margin-left:auto;
  clear:both;
  text-align:center
 }
}

/*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);
  }
}


/*Input boxes on Forms*/
body.ns-106 .createboxInput {
    box-sizing: border-box;
    font-size: 100%;
    margin-top: 5px;
    list-style: none;
    margin: 0;
    padding: 0 5px;
    padding-bottom: 10px;
    padding-top: 5px;
    border-radius: 5px;
    border: 1px solid #999999;
    width: 88%;
}
body.ns-106 .dayInput, .monthInput, .yearInput {
border: 1px solid #999999;
border-radius: 5px;  
font-size: 100%;
padding: 0 5px;
padding-bottom: 10px;
padding-top: 5px;
box-sizing: border-box;
margin: 0;
width: 26.8%;
}
body.ns-106 .formtable textarea.createboxInput {
    width: 88% !important;
    box-sizing: border-box;
    font-size: 110% !important;
}

/*Cargo tables*/
body.page-Special_CargoTables_Building th.headerSort[role="columnheader button"] {
    color: white; /* Example: Change text color */
    font-weight: bold; /* Example: Make text bold */
    cursor: pointer; /* Change cursor to indicate clickability */
    border-bottom: 4px solid #b1d3e1;
    background-color: #4698b9;

}

html.skin-theme-clientpref-night body.page-Special_CargoTables_Building th.headerSort[role="columnheader button"] {
  background-color: #234c5c !important;
  border-bottom: 4px solid #2d5f74;
}

@media (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os body.page-Special_CargoTables_Building th.headerSort[role="columnheader button"] {
    background-color: #234c5c !important;
    border-bottom: 4px solid #2d5f74;
  }
}
body.page-Special_CargoTables_Building table.cargoTable td {
    background-color: #ecf4f7 !important;
    ; /* Example: Change background color */
}

html.skin-theme-clientpref-night body.page-Special_CargoTables_Building table.cargoTable td a {
  text-decoration-line: underline;
  color: white;
}

@media (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os body.page-Special_CargoTables_Building table.cargoTable td a {
    text-decoration-line: underline;
    color: white;
  }
}

html.skin-theme-clientpref-night body.page-Special_CargoTables_Building table.cargoTable td {
  background-color: #397288 !important;
  color: white !important;
}

@media (prefers-color-scheme: dark) {
  html.skin-theme-clientpref-os body.page-Special_CargoTables_Building table.cargoTable td {
    background-color: #397288 !important;
    color: white !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;
}

@media (min-width: 720px) {
  .prp-page-specific-styles .prp-page-image img {
    margin-left: 25%;
    width: 50%;
  }
}
/*CommentStreams*/
.citizen-page-footer {
	line-height: var(--line-height-xs);
	gap: var(--space-sm);
}

.comments-header {
	font-size: var(--font-size-x-small);
    color: var(--color-base--subtle);
    letter-spacing: 0.05em;
    margin-bottom: 0;
    line-height: 0;
}

.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%;
}

/* Invert Images */
html.skin-theme-clientpref-night .imginvert img {
    filter: invert(1);
}

@media (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .imginvert img {
        filter: invert(1);
    }
}

/*Grey background Images */

html.skin-theme-clientpref-night .greybackground img {
    background-color: #d3d3d3;
}

@media (prefers-color-scheme: dark) {
    html.skin-theme-clientpref-os .greybackground img {
        background-color: #d3d3d3;
        }
}