MediaWiki:Common.css: Difference between revisions

Revision as of 21:42, 27 June 2025

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

/* background color of the content title and pages */ #content { background-color: #F1E9D2; }

/* ========================
   Match tabs to page background (#F1E9D2)
   ======================== */

/* Namespace & page tabs (Vector skin) */
#p-namespaces li,
#p-views li,
.vectorTabs li,
.vector-menu-tabs li,
.vector-menu-content li {
  background: #F1E9D2 !important;
  border: none !important;
}

/* The selected (active) tab too */
#p-namespaces li.selected,
#p-views li.selected,
.vectorTabs li.selected,
.vector-menu-tabs li.selected,
.vector-menu-content li.selected {
  background: #F1E9D2 !important;
  border: none !important;
}

/* Optional: remove hover background too if you want a flat look */
#p-namespaces li a:hover,
#p-views li a:hover,
.vectorTabs li a:hover,
.vector-menu-tabs li a:hover,
.vector-menu-content li a:hover {
  background: #F1E9D2 !important;
}

/* Optional: make tab text color match normal link color */
#p-namespaces li a,
#p-views li a,
.vectorTabs li a,
.vector-menu-tabs li a,
.vector-menu-content li a {
  color: inherit !important; /* Or your custom text color */
}

/* Google Fonts*/
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display+SC&display=swap');

@font-face {
    font-family: "FantaisieArtistique";
    src: url(/fonts/FantaisieArtistique/FantaisieArtistique.ttf) format("truetype");
}

h1 { 
  text-align: left; 
}

body {
  /* background-image: linear-gradient(-90deg, #000, #344E77); */
  background-color: #20394F;
  background-image: url(https://i.imgur.com/fFstNe5.png);
  background-repeat: repeat;
  background-size: 256px 256px;
}

#mw-page-base {
  /* background-image: linear-gradient(-90deg, #000, #344E77); */
  background-color: #20394F;
  background-image: url(https://i.imgur.com/g3KsrmX.png);
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  height: 10em;
}

#mw-head-base {
  margin: -160px 10px 0 10.4em !important;
}

.vector-menu-content a {
  color: #fff;
}

#footer a {
  color: #fff;
}

#mw-panel .portal h3 {
  color: #fff;
}

#right-navigation {
  color: #000;
}

#left-navigation {
  color: #000;
}

#mw-panel a {
  color: #fff;
}

#footer-info-lastmod {
  color: #fff;
}

#p-cactions-label {
  color: #fff;
}

#simpleSearch input {
  background-color: #20394F;
  color: #fff;
}