MediaWiki:Common.css: Difference between revisions

Latest revision as of 23:49, 14 August 2025

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


/* Center all page titles */
#firstHeading {
    text-align: center;
}


/* Center all headings and subtitles */
h1, h2, h3, h4, h5, h6 {
    text-align: center;
}


#bmc-button-wrapper {
  text-align: center;
  margin-top: 10px;
  margin-bottom: 10px;
}

/* Hide Special Pages link in the sidebar */
#s-specialpages {
  display: none !important;
}

#t-whatlinkshere { display: none !important; }
#t-recentchangeslinked { display: none !important; }
/* Hide Permanent link and Page information from the Tools menu */
#t-permalink,
#t-info {
  display: none !important;
}

#n-specialpages,
#p-navigation li a[href*="Special:SpecialPages"] {
  display: none !important;
}

.global-donate {
  text-align: center;
  margin-top: 40px;
  margin-bottom: 20px;
}