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)
Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5.
/* CSS placed here will be applied to all skins */

/* Add a custom logo as a block element */
.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 */
}


/* Add a background image for both day and night modes */
body.skin-vector-2022{
  background-color: #000000;
  background-image: url('https://kingpin.info/logo/brickbackground.png');
  background-repeat: repeat;
  background-attachment: fixed;
}

/* Ensure the main content area has a solid background color for day mode */
.skin-vector-2022 .mw-page-container {
  background: none;
}

/* Exclude the main content area from the background image for night mode */
.skin-vector-2022 .mw-body {
  background: #101418;
}

/* Style the horizontal rule */
.skin-vector-2022 hr {
  border-width: 0;
  background-color: #E7C258;
}

/* Change the color of links to existing pages */
.skin-vector-2022 a {
  color: #E7C258;
}

/* Change the color of links on hover */
.skin-vector-2022 a:hover {
  color: #FFFFFF; /* Optionally, you can set a slightly different color for hover state */
}

/* Change the color of visited links */
.skin-vector-2022 a:visited {
  color: #E7C258;
}
/* 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 */
}

/* Change the color of various links */
.skin-vector-2022 #mw-panel a, /* main menu links */
.skin-vector-2022 #p-views a, /* action menu links */
.skin-vector-2022 #p-tb a, /* Toolbox links */
.skin-vector-2022 #p-vector-user-menu-userpage a, /* Admin/User menu */
.skin-vector-2022 #p-personal a, /* Personal tools links */
.skin-vector-2022 #p-cactions a /* Toolbox edit modus links */
{
  color: #E7C258;
}

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


/* Change the color of the search button text */
.skin-vector-2022 .cdx-button.cdx-search-input__end-button {
  color: #E7C258;
}

/* Change the color of the search button text on hover */
.skin-vector-2022 .cdx-button.cdx-search-input__end-button:hover {
  color: #FFFFFF;
}

/* 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*/
.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*/
.vector-pinnable-header.vector-appearance-pinnable-header.vector-pinnable-header-pinned /*appearance*/
{
    border-bottom: 2px solid #E7C258;
}

/* Customize the toolbar color FREDZ still need more fixes */
.wikiEditor-ui-toolbar {
    color: #E7C258;
}

/* Hide the "Switch to old look" link */
.vector-main-menu-action-content.vector-menu-content {
    display: none;
}