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 */

/* Resize the site logo */
.mw-wiki-logo {
    background-size: contain !important;
    width: 160px !important; /* adjust width */
    height: 160px !important; /* adjust height */
}

/* Center it nicely */
.mw-wiki-logo {
    background-position: center !important;
    background-repeat: no-repeat !important;
}


/* === Sandy Ivory + Jewel Tones === */

/* Page background */
body {
  background-color: #f6f1e1 !important; /* sandy ivory */
  color: #2b2b2b;
}

/* Content area */
#content, .mw-body {
  background-color: #FAF9F6 !important; /*  #fff8f0lighter ivory for readability, changing to white.  */
  color: #2b2b2b;
  border: 1px solid #e2d6c5;
}

/* Sidebar */
#mw-panel {
  background-color: #f6f1e1 !important;
}
#mw-panel .portal h3 {
  color: #8b0000 !important; /* ruby heading */
}
#mw-panel .vector-menu-content-list li a {
  color: #0F52BA !important; /* sapphire blue links */
}
#mw-panel .vector-menu-content-list li a:hover {
  color: #004f4f !important;
}

/* Top bar */
#mw-head, #mw-head-base, #left-navigation, #right-navigation {
  background-color: #f6f1e1 !important;
  border-bottom: 3px solid #00796b; /* changing to green      */
}

/* Tabs */
.vectorTabs li a {
  background-color: transparent !important;
  color: #005f73 !important; /* sapphire */
  border: none !important;
}
.vectorTabs li.selected a {
  color: #9c2c2c !important; /* ruby red for active tab */
  font-weight: bold;
}
.vectorTabs li a:hover {
  color: #00796b !important; /* emerald hover */
}

/* Headings */
h1, h2, h3, h4 {
  color: #542b98; /* Prple*/
}

/* Links */
a {
  color: #005f73; /* sapphire */
}
a:visited {
  color: #7b3f00; /* bronze tone */
}
a:hover {
  color: #00796b; /* emerald */
}

/* Footer */
#footer {
  background-color: #f6f1e1 !important;
  border-top: 2px solid #00796b;
}


/* Top banner placement */
#mw-head {
    background: url("https://sephardicdiaspora.wiki/images/e/e0/Sephardic_Diaspora_Wiki_Top_Banner.png") no-repeat center top;
    background-color: #F5F0E0;     /* Sandy ivory background for blend */
    background-size: contain;
    height: 100px;                 /* Adjust this to match your banner's height */
}

/* Push content down so it doesn’t overlap with banner */
#content {
    margin-top: 100px;             /* Same value as banner height */
}


/* Hide action tabs for anonymous users */
body.ns-0 #ca-talk, 
body.ns-0 #ca-history, 
body.ns-0 #ca-viewsource {
    display: none !important;
}

    #ca-talk {
        display: none !important;
    }

    #ca-view {
        display: none;
    }

#ca-nstab-main { display: none !important; }



/* Footer banner */
#footer {
  background: url("https://sephardicdiaspora.wiki/images/b/b4/Sephardic_wiki_banner.png") no-repeat center center;
  background-size: contain;   /* or 'cover' if you want edge-to-edge */
  height: 120px;              /* match your banner height */
  padding-top: 10px;
  padding-bottom: 10px;
}
/* keep footer links below the image */
#footer #footer-info, 
#footer #footer-places { 
  position: relative; 
  z-index: 2; 
}

input#searchInput {
    color: #542b98; /* Your preferred text color */
}

/* Change search box placeholder text color */
input#searchInput::placeholder {
    color: #542b98; /* Change this to your preferred color */
}