Jump to content

MediaWiki:Common.css: Difference between revisions

From Kingpin Wiki
 
No edit summary
 
(2 intermediate revisions by the same user not shown)
Line 1: Line 1:
/* CSS placed here will be applied to all skins */
/* CSS placed here will be applied to all skins */


/* Add a custom logo as a block element */
.skin-vector-2022 .mw-logo {
.skin-vector-2022 .mw-logo {
/*    display: block;
    background-image: url('/cms/_wiki/mediawiki-1.43.0/resources/assets/logo.png');
    background-size: contain;
    background-repeat: no-repeat;
    height: 66px;
    width: auto;
    margin: 0 auto;*/ /* Centers the logo (optional) */
     min-width: 196px; /*FREDZ move search abit to the left */
     min-width: 196px; /*FREDZ move search abit to the left */
}
/* Hide the "Switch to old look" link */
.vector-main-menu-action-content.vector-menu-content {
    display: none;
}
}


/* //FREDZ remove Automatic text.
.cdx-radio input#skin-client-pref-skin-theme-value-os,
.cdx-radio label[for="skin-client-pref-skin-theme-value-os"],
.cdx-radio input#skin-client-pref-skin-theme-value-os + .cdx-radio__icon {
    display: none;
}*/


/* Add a background image for both day and night modes */
/*
body.skin-vector-2022{
=============
  background-color: #000000;
Day Theme Colors
  background-image: url('https://kingpin.info/logo/brickbackground.png');
=============
  background-repeat: repeat;
*/
   background-attachment: fixed;
:root, .skin-invert, .notheme {
    --color-base:#202122;
    --color-base-fixed:#202122;
    --color-base--hover:#404244;
    --color-emphasized:#101418;
    --color-subtle:#54595d;
    --color-placeholder:#72777d;
    --color-disabled:#72777d;
    --color-inverted:#fff;
    --color-inverted-fixed:#fff;
    --color-progressive:#660502;/*FREDZ color*/
    --color-progressive--hover:#000;/*FREDZ hover*/
    --color-progressive--active:#233566;
    --color-progressive--focus:#660502;/*FREDZ color*/
    --color-destructive:#d73333;
    --color-destructive--hover:#fc493b;
    --color-destructive--active:#9f3526;
    --color-destructive--focus:#660502;/*FREDZ color*/
    --color-visited:#660502;/*FREDZ visited*/
    --color-destructive--visited:#9f5555;
    --color-error:#d73333;
    --color-warning:#eeb533;
    --color-success:#177860;
    --color-notice:#202122;
    --color-content-added:#006400;
    --color-content-removed:#8b0000;
    --box-shadow-color-base:#000;
    --box-shadow-color-progressive--active:#233566;
    --box-shadow-color-progressive--focus:#660502;/*FREDZ color*/
    --box-shadow-color-progressive-selected:#660502;/*FREDZ color*/
    --box-shadow-color-progressive-selected--hover:#000;/*FREDZ hover*/
    --box-shadow-color-progressive-selected--active:#233566;
    --box-shadow-color-destructive--focus:#660502;/*FREDZ color*/
    --box-shadow-color-inverted:#fff;
    --box-shadow-color-transparent:transparent;
    --background-color-base:#fefdfb;/*FREDZ*/
    --background-color-base-fixed:#fff;
    --background-color-neutral:#eaecf0;
    --background-color-neutral-subtle:#f8f9fa;
    --background-color-interactive:#eaecf0;
    --background-color-interactive-subtle:#f8f9fa;
    --background-color-disabled:#c8ccd1;
    --background-color-disabled-subtle:#eaecf0;
    --background-color-inverted:#101418;
    --background-color-progressive:#660502;/*FREDZ color*/
    --background-color-progressive--hover:#000;/*FREDZ hover*/
    --background-color-progressive--active:#233566;
    --background-color-progressive--focus:#660502;/*FREDZ color*/
    --background-color-progressive-subtle:#f1f4fd;
    --background-color-destructive:#d73333;
    --background-color-destructive--hover:#fc493b;
    --background-color-destructive--active:#9f3526;
    --background-color-destructive--focus:#660502;/*FREDZ color*/
    --background-color-destructive-subtle:#ffe9e5;
    --background-color-error:#d73333;
    --background-color-error--hover:#fc493b;
    --background-color-error--active:#9f3526;
    --background-color-error-subtle:#ffe9e5;
    --background-color-warning-subtle:#fdf2d5;
    --background-color-success-subtle:#dff2eb;
    --background-color-notice-subtle:#eaecf0;
    --background-color-content-added:#a3d3ff;
    --background-color-content-removed:#ffe49c;
    --background-color-transparent:transparent;
    --background-color-backdrop-light:rgba(255,255,255,0.65);
    --background-color-backdrop-dark:rgba(0,0,0,0.65);
    --background-color-button-quiet--hover:rgba(0,24,73,0.027);
    --background-color-button-quiet--active:rgba(0,24,73,0.082);
    --background-color-input-binary--checked:#660502;/*FREDZ color*/
    --background-color-tab-list-item-framed--hover:rgba(255,255,255,0.3);
    --background-color-tab-list-item-framed--active:rgba(255,255,255,0.65);
    --border-color-base:#a2a9b1;
    --border-color-subtle:#c8ccd1;
    --border-color-muted:#dadde3;
    --border-color-interactive:#72777d;
    --border-color-disabled:#c8ccd1;
    --border-color-inverted:#fff;
    --border-color-progressive:#660502;/*FREDZ color*/
    --border-color-progressive--hover:#000;/*FREDZ hover*/
    --border-color-progressive--active:#233566;
    --border-color-progressive--focus:#660502;/*FREDZ color*/
    --border-color-destructive:#d73333;
    --border-color-destructive--hover:#fc493b;
    --border-color-destructive--active:#9f3526;
    --border-color-destructive--focus:#660502;/*FREDZ color*/
    --border-color-error:#9f3526;
    --border-color-error--hover:#fc493b;
    --border-color-warning:#987027;
    --border-color-success:#196551;
    --border-color-notice:#54595d;
    --border-color-content-added:#a3d3ff;
    --border-color-content-removed:#ffe49c;
    --border-color-transparent:transparent;
    --border-color-divider:#a2a9b1;
    --outline-color-progressive--focus:#660502;/*FREDZ color*/
    --color-base--subtle:#54595d
   }
/*
=============
Day Theme background
=============
*/
html.skin-theme-clientpref-day .vector-pinned-container,
html.skin-theme-clientpref-day .mw-content-container
{
    background-color: #fefdfb;
}
}


/* Ensure the main content area has a solid background color for day mode */
html.skin-theme-clientpref-day .mw-page-container {
.skin-vector-2022 .mw-page-container {
background-color:#fff;
  background: none;
background-image:url(https://kingpin.info/logo/background-ti_rc_c1a.png);
background-repeat:repeat;
background-attachment:fixed;
}
}
 
html.skin-theme-clientpref-day .mw-footer
/* Exclude the main content area from the background image for night mode */
{
.skin-vector-2022 .mw-body {
background-color: #fefdfb;
  background: #101418;
text-align: center;
}
}
 
/* Change the color of the search button text */
/* Style the horizontal rule */
html.skin-theme-clientpref-day .cdx-button.cdx-search-input__end-button {
.skin-vector-2022 hr {
   color: #660502;/*FREDZ color*/
   border-width: 0;
  background-color: #E7C258;
}
}


/* Change the color of links to existing pages */
/* Change the color of the search button text on hover */
.skin-vector-2022 a {
html.skin-theme-clientpref-day .cdx-button.cdx-search-input__end-button:hover {
   color: #E7C258;
   color: #000;/*FREDZ hover*/
}
}


/* Change the color of links on hover */
/* Customize the line color under the menu*/
.skin-vector-2022 a:hover {
html.skin-theme-clientpref-day .vector-pinnable-header.vector-main-menu-pinnable-header.vector-pinnable-header-pinned, /*main menu*/
  color: #FFFFFF; /* Optionally, you can set a slightly different color for hover state */
html.skin-theme-clientpref-day .vector-pinnable-header.vector-page-tools-pinnable-header.vector-pinnable-header-pinned, /*tools*/
html.skin-theme-clientpref-day .vector-pinnable-header.vector-appearance-pinnable-header.vector-pinnable-header-pinned /*appearance*/
{
    border-bottom: 2px solid #660502;/*FREDZ color*/
}
}


/* Change the color of visited links */
/* Style the horizontal rule */
.skin-vector-2022 a:visited {
html.skin-theme-clientpref-day hr {
   color: #E7C258;
   border-bottom: 2px solid #660502;/*FREDZ color*/
}
}
/* Change the color of links to non-existent pages (red links) */
/*
.skin-vector-2022 a.new {
===============================================================================================================================
  color: #FF0000; /* Red color for non-existent page links */
*/
}
/*
.skin-vector-2022 a.new:hover {
=============
  color: #CC0000; /* Slightly darker red color for hover state */
Night Theme Colors
=============
*/
  html.skin-theme-clientpref-night {
    --color-base:#eaecf0;
    --color-base--hover:#f8f9fa;
    --color-emphasized:#f8f9fa;
    --color-subtle:#a2a9b1;
    --color-inverted:#101418;
    --color-progressive:#E7C258;/*FREDZ color*/
    --color-progressive--hover:#FFF;/*FREDZ hover*/
    --color-progressive--active:#cbd6f6;
    --color-destructive:#fd7865;
    --color-destructive--hover:#fea898;
    --color-destructive--active:#ffc8bd;
    --color-visited:#E7C258;/*FREDZ color*/
    --color-destructive--visited:#c99391;
    --color-error:#fd7865;
    --color-warning:#fecc44;
    --color-success:#2cb491;
    --color-notice:#f8f9fa;
    --color-content-added:#80cdb3;
    --color-content-removed:#fd7865;
    --color-base--subtle:#a2a9b1;
    --box-shadow-color-base:#fff;
    --box-shadow-color-progressive--focus:#6b8edf;
    --box-shadow-color-destructive--focus:#6b8edf;
    --box-shadow-color-inverted:#000;
    --background-color-base:#101418;
    --background-color-neutral:#27292d;
    --background-color-neutral-subtle:#202122;
    --background-color-interactive:#27292d;
    --background-color-interactive-subtle:#202122;
    --background-color-disabled:#54595d;
    --background-color-disabled-subtle:#404244;
    --background-color-inverted:#f8f9fa;
    --background-color-progressive--focus:#6b8edf;
    --background-color-progressive-subtle:#233566;
    --background-color-destructive--focus:#6b8edf;
    --background-color-destructive-subtle:#612419;
    --background-color-error:#fc493b;
    --background-color-error--hover:#fd7865;
    --background-color-error--active:#fea898;
    --background-color-error-subtle:#612419;
    --background-color-warning-subtle:#453217;
    --background-color-success-subtle:#153d31;
    --background-color-notice-subtle:#27292d;
    --background-color-content-added:#233566;
    --background-color-content-removed:#453217;
    --background-color-backdrop-light:rgba(0,0,0,0.65);
    --background-color-backdrop-dark:rgba(255,255,255,0.65);
    --border-color-base:#72777d;
    --border-color-subtle:#54595d;
    --border-color-muted:#404244;
    --border-color-interactive:#a2a9b1;
    --border-color-disabled:#54595d;
    --border-color-inverted:#101418;
    --border-color-progressive--focus:#6b8edf;
    --border-color-destructive--focus:#6b8edf;
    --border-color-error:#fc493b;
    --border-color-error--hover:#fd7865;
    --border-color-warning:#fecc44;
    --border-color-success:#2cb491;
    --border-color-notice:#c8ccd1;
    --border-color-content-added:#233566;
    --border-color-content-removed:#987027;
  }
/*
=============
Day Theme background
=============
*/
html.skin-theme-clientpref-night .vector-pinned-container,
html.skin-theme-clientpref-night .mw-content-container
{
    background-color: #101418;
}
}


/* Change the color of various links */
html.skin-theme-clientpref-night .mw-page-container {
.skin-vector-2022 #mw-panel a, /* main menu links */
background-color:#000;
.skin-vector-2022 #p-views a, /* action menu links */
background-image:url(https://kingpin.info/logo/brickbackground.png);
.skin-vector-2022 #p-tb a, /* Toolbox links */
background-repeat:repeat;
.skin-vector-2022 #p-vector-user-menu-userpage a, /* Admin/User menu */
background-attachment:fixed;
.skin-vector-2022 #p-personal a, /* Personal tools links */
.skin-vector-2022 #p-cactions a /* Toolbox edit modus links */
{
  color: #E7C258;
}
}
 
html.skin-theme-clientpref-night .mw-footer
.skin-vector-2022 #mw-panel a:hover,
.skin-vector-2022 #p-views a:hover,
.skin-vector-2022 #p-tb a:hover,
.skin-vector-2022 #p-vector-user-menu-userpage a:hover,
.skin-vector-2022 #p-personal a:hover,
.skin-vector-2022 #p-cactions a:hover
{
{
  color: #FFFFFF;
background-color: #101418;
text-align: center;
}
}
/* Change the color of the search button text */
/* Change the color of the search button text */
.skin-vector-2022 .cdx-button.cdx-search-input__end-button {
html.skin-theme-clientpref-night .cdx-button.cdx-search-input__end-button {
   color: #E7C258;
   color: #E7C258;/*FREDZ color*/
}
}


/* Change the color of the search button text on hover */
/* Change the color of the search button text on hover */
.skin-vector-2022 .cdx-button.cdx-search-input__end-button:hover {
html.skin-theme-clientpref-night .cdx-button.cdx-search-input__end-button:hover {
   color: #FFFFFF;
   color: #FFF;/*FREDZ hover*/
}
 
/* Style the footer area */
.skin-vector-2022 #footer {
  background-color: #101418;
  color: #E7C258;
  text-align: center;
  padding: 10px;
}
}


/* Customize the line color under the menu*/
/* Customize the line color under the menu*/
.vector-pinnable-header.vector-main-menu-pinnable-header.vector-pinnable-header-pinned, /*main menu*/
html.skin-theme-clientpref-night .vector-pinnable-header.vector-main-menu-pinnable-header.vector-pinnable-header-pinned, /*main menu*/
.vector-pinnable-header.vector-page-tools-pinnable-header.vector-pinnable-header-pinned, /*tools*/
html.skin-theme-clientpref-night .vector-pinnable-header.vector-page-tools-pinnable-header.vector-pinnable-header-pinned, /*tools*/
.vector-pinnable-header.vector-appearance-pinnable-header.vector-pinnable-header-pinned /*appearance*/
html.skin-theme-clientpref-night .vector-pinnable-header.vector-appearance-pinnable-header.vector-pinnable-header-pinned /*appearance*/
{
{
     border-bottom: 2px solid #E7C258;
     border-bottom: 2px solid #E7C258;/*FREDZ color*/
}
}


/* Customize the toolbar color FREDZ still need more fixes */
/* Style the horizontal rule */
.wikiEditor-ui-toolbar {
html.skin-theme-clientpref-night hr {
    color: #E7C258;
  border-bottom: 2px solid #E7C258;/*FREDZ color*/
}
 
/* Hide the "Switch to old look" link */
.vector-main-menu-action-content.vector-menu-content {
    display: none;
}
}

Latest revision as of 12:37, 5 April 2025

/* CSS placed here will be applied to all skins */

.skin-vector-2022 .mw-logo {
    min-width: 196px; /*FREDZ move search abit to the left */
}
/* Hide the "Switch to old look" link */
.vector-main-menu-action-content.vector-menu-content {
    display: none;
}

/* //FREDZ remove Automatic text.
.cdx-radio input#skin-client-pref-skin-theme-value-os,
.cdx-radio label[for="skin-client-pref-skin-theme-value-os"],
.cdx-radio input#skin-client-pref-skin-theme-value-os + .cdx-radio__icon {
    display: none;
}*/

/*
=============
Day Theme Colors
=============
*/
:root, .skin-invert, .notheme {
    --color-base:#202122;
    --color-base-fixed:#202122;
    --color-base--hover:#404244;
    --color-emphasized:#101418;
    --color-subtle:#54595d;
    --color-placeholder:#72777d;
    --color-disabled:#72777d;
    --color-inverted:#fff;
    --color-inverted-fixed:#fff;
    --color-progressive:#660502;/*FREDZ color*/
    --color-progressive--hover:#000;/*FREDZ hover*/
    --color-progressive--active:#233566;
    --color-progressive--focus:#660502;/*FREDZ color*/
    --color-destructive:#d73333;
    --color-destructive--hover:#fc493b;
    --color-destructive--active:#9f3526;
    --color-destructive--focus:#660502;/*FREDZ color*/
    --color-visited:#660502;/*FREDZ visited*/
    --color-destructive--visited:#9f5555;
    --color-error:#d73333;
    --color-warning:#eeb533;
    --color-success:#177860;
    --color-notice:#202122;
    --color-content-added:#006400;
    --color-content-removed:#8b0000;
    --box-shadow-color-base:#000;
    --box-shadow-color-progressive--active:#233566;
    --box-shadow-color-progressive--focus:#660502;/*FREDZ color*/
    --box-shadow-color-progressive-selected:#660502;/*FREDZ color*/
    --box-shadow-color-progressive-selected--hover:#000;/*FREDZ hover*/
    --box-shadow-color-progressive-selected--active:#233566;
    --box-shadow-color-destructive--focus:#660502;/*FREDZ color*/
    --box-shadow-color-inverted:#fff;
    --box-shadow-color-transparent:transparent;
    --background-color-base:#fefdfb;/*FREDZ*/
    --background-color-base-fixed:#fff;
    --background-color-neutral:#eaecf0;
    --background-color-neutral-subtle:#f8f9fa;
    --background-color-interactive:#eaecf0;
    --background-color-interactive-subtle:#f8f9fa;
    --background-color-disabled:#c8ccd1;
    --background-color-disabled-subtle:#eaecf0;
    --background-color-inverted:#101418;
    --background-color-progressive:#660502;/*FREDZ color*/
    --background-color-progressive--hover:#000;/*FREDZ hover*/
    --background-color-progressive--active:#233566;
    --background-color-progressive--focus:#660502;/*FREDZ color*/
    --background-color-progressive-subtle:#f1f4fd;
    --background-color-destructive:#d73333;
    --background-color-destructive--hover:#fc493b;
    --background-color-destructive--active:#9f3526;
    --background-color-destructive--focus:#660502;/*FREDZ color*/
    --background-color-destructive-subtle:#ffe9e5;
    --background-color-error:#d73333;
    --background-color-error--hover:#fc493b;
    --background-color-error--active:#9f3526;
    --background-color-error-subtle:#ffe9e5;
    --background-color-warning-subtle:#fdf2d5;
    --background-color-success-subtle:#dff2eb;
    --background-color-notice-subtle:#eaecf0;
    --background-color-content-added:#a3d3ff;
    --background-color-content-removed:#ffe49c;
    --background-color-transparent:transparent;
    --background-color-backdrop-light:rgba(255,255,255,0.65);
    --background-color-backdrop-dark:rgba(0,0,0,0.65);
    --background-color-button-quiet--hover:rgba(0,24,73,0.027);
    --background-color-button-quiet--active:rgba(0,24,73,0.082);
    --background-color-input-binary--checked:#660502;/*FREDZ color*/
    --background-color-tab-list-item-framed--hover:rgba(255,255,255,0.3);
    --background-color-tab-list-item-framed--active:rgba(255,255,255,0.65);
    --border-color-base:#a2a9b1;
    --border-color-subtle:#c8ccd1;
    --border-color-muted:#dadde3;
    --border-color-interactive:#72777d;
    --border-color-disabled:#c8ccd1;
    --border-color-inverted:#fff;
    --border-color-progressive:#660502;/*FREDZ color*/
    --border-color-progressive--hover:#000;/*FREDZ hover*/
    --border-color-progressive--active:#233566;
    --border-color-progressive--focus:#660502;/*FREDZ color*/
    --border-color-destructive:#d73333;
    --border-color-destructive--hover:#fc493b;
    --border-color-destructive--active:#9f3526;
    --border-color-destructive--focus:#660502;/*FREDZ color*/
    --border-color-error:#9f3526;
    --border-color-error--hover:#fc493b;
    --border-color-warning:#987027;
    --border-color-success:#196551;
    --border-color-notice:#54595d;
    --border-color-content-added:#a3d3ff;
    --border-color-content-removed:#ffe49c;
    --border-color-transparent:transparent;
    --border-color-divider:#a2a9b1;
    --outline-color-progressive--focus:#660502;/*FREDZ color*/
    --color-base--subtle:#54595d
  }
/*
=============
Day Theme background
=============
*/
html.skin-theme-clientpref-day .vector-pinned-container,
html.skin-theme-clientpref-day .mw-content-container
{
    background-color: #fefdfb;
}

html.skin-theme-clientpref-day .mw-page-container {
	background-color:#fff; 
	background-image:url(https://kingpin.info/logo/background-ti_rc_c1a.png);
	background-repeat:repeat;
	background-attachment:fixed;
}
html.skin-theme-clientpref-day .mw-footer
{
	background-color: #fefdfb;
	text-align: center;
}
/* Change the color of the search button text */
html.skin-theme-clientpref-day .cdx-button.cdx-search-input__end-button {
  color: #660502;/*FREDZ color*/
}

/* Change the color of the search button text on hover */
html.skin-theme-clientpref-day .cdx-button.cdx-search-input__end-button:hover {
  color: #000;/*FREDZ hover*/
}

/* Customize the line color under the menu*/
html.skin-theme-clientpref-day .vector-pinnable-header.vector-main-menu-pinnable-header.vector-pinnable-header-pinned, /*main menu*/
html.skin-theme-clientpref-day .vector-pinnable-header.vector-page-tools-pinnable-header.vector-pinnable-header-pinned, /*tools*/
html.skin-theme-clientpref-day .vector-pinnable-header.vector-appearance-pinnable-header.vector-pinnable-header-pinned /*appearance*/
{
    border-bottom: 2px solid #660502;/*FREDZ color*/
}

/* Style the horizontal rule */
html.skin-theme-clientpref-day hr {
  border-bottom: 2px solid #660502;/*FREDZ color*/
}
/*
===============================================================================================================================
*/
/*
=============
Night Theme Colors
=============
*/
  html.skin-theme-clientpref-night {
    --color-base:#eaecf0;
    --color-base--hover:#f8f9fa;
    --color-emphasized:#f8f9fa;
    --color-subtle:#a2a9b1;
    --color-inverted:#101418;
    --color-progressive:#E7C258;/*FREDZ color*/
    --color-progressive--hover:#FFF;/*FREDZ hover*/
    --color-progressive--active:#cbd6f6;
    --color-destructive:#fd7865;
    --color-destructive--hover:#fea898;
    --color-destructive--active:#ffc8bd;
    --color-visited:#E7C258;/*FREDZ color*/
    --color-destructive--visited:#c99391;
    --color-error:#fd7865;
    --color-warning:#fecc44;
    --color-success:#2cb491;
    --color-notice:#f8f9fa;
    --color-content-added:#80cdb3;
    --color-content-removed:#fd7865;
    --color-base--subtle:#a2a9b1;
    --box-shadow-color-base:#fff;
    --box-shadow-color-progressive--focus:#6b8edf;
    --box-shadow-color-destructive--focus:#6b8edf;
    --box-shadow-color-inverted:#000;
    --background-color-base:#101418;
    --background-color-neutral:#27292d;
    --background-color-neutral-subtle:#202122;
    --background-color-interactive:#27292d;
    --background-color-interactive-subtle:#202122;
    --background-color-disabled:#54595d;
    --background-color-disabled-subtle:#404244;
    --background-color-inverted:#f8f9fa;
    --background-color-progressive--focus:#6b8edf;
    --background-color-progressive-subtle:#233566;
    --background-color-destructive--focus:#6b8edf;
    --background-color-destructive-subtle:#612419;
    --background-color-error:#fc493b;
    --background-color-error--hover:#fd7865;
    --background-color-error--active:#fea898;
    --background-color-error-subtle:#612419;
    --background-color-warning-subtle:#453217;
    --background-color-success-subtle:#153d31;
    --background-color-notice-subtle:#27292d;
    --background-color-content-added:#233566;
    --background-color-content-removed:#453217;
    --background-color-backdrop-light:rgba(0,0,0,0.65);
    --background-color-backdrop-dark:rgba(255,255,255,0.65);
    --border-color-base:#72777d;
    --border-color-subtle:#54595d;
    --border-color-muted:#404244;
    --border-color-interactive:#a2a9b1;
    --border-color-disabled:#54595d;
    --border-color-inverted:#101418;
    --border-color-progressive--focus:#6b8edf;
    --border-color-destructive--focus:#6b8edf;
    --border-color-error:#fc493b;
    --border-color-error--hover:#fd7865;
    --border-color-warning:#fecc44;
    --border-color-success:#2cb491;
    --border-color-notice:#c8ccd1;
    --border-color-content-added:#233566;
    --border-color-content-removed:#987027;
  }
/*
=============
Day Theme background
=============
*/
html.skin-theme-clientpref-night .vector-pinned-container,
html.skin-theme-clientpref-night .mw-content-container
{
    background-color: #101418;
}

html.skin-theme-clientpref-night .mw-page-container {
	background-color:#000; 
	background-image:url(https://kingpin.info/logo/brickbackground.png);
	background-repeat:repeat;
	background-attachment:fixed;
}
html.skin-theme-clientpref-night .mw-footer
{
	background-color: #101418;
	text-align: center;
}
/* Change the color of the search button text */
html.skin-theme-clientpref-night .cdx-button.cdx-search-input__end-button {
  color: #E7C258;/*FREDZ color*/
}

/* Change the color of the search button text on hover */
html.skin-theme-clientpref-night .cdx-button.cdx-search-input__end-button:hover {
  color: #FFF;/*FREDZ hover*/
}

/* Customize the line color under the menu*/
html.skin-theme-clientpref-night .vector-pinnable-header.vector-main-menu-pinnable-header.vector-pinnable-header-pinned, /*main menu*/
html.skin-theme-clientpref-night .vector-pinnable-header.vector-page-tools-pinnable-header.vector-pinnable-header-pinned, /*tools*/
html.skin-theme-clientpref-night .vector-pinnable-header.vector-appearance-pinnable-header.vector-pinnable-header-pinned /*appearance*/
{
    border-bottom: 2px solid #E7C258;/*FREDZ color*/
}

/* Style the horizontal rule */
html.skin-theme-clientpref-night hr {
  border-bottom: 2px solid #E7C258;/*FREDZ color*/
}
Retrieved from "https://wiki.kingpin.info/index.php?title=MediaWiki:Common.css&oldid=1029"