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 */
/* 
  LOGO
 */
#p-logo a { background-size: cover; }
.mw-wiki-logo { margin-top: 10px; }

/*
  LANGUAGES
 */
#p-variants, #p-lang { display: none; }

/* 
  SIDEBAR
 */
/* Set defaults */
.emptyPortlet { 
	display: block; 
}
.portal .vector-menu-heading {
    background-image: none !important;
    padding: none !important;
    /* Category underline */
    padding: 0.2em 0 !important;
    margin: 0.5em 0.6em 0 0.66666667em !important;
    border-bottom: 1px solid rgba(0, 0, 0, 0.35) !important;
}
.portal .vector-menu-content { margin: 0 0 0 0.5em !important; }
/* Category - default */
.portal .vector-menu-heading::after {
    content: "▾";
    margin-left: auto;
    opacity: 0.6;
    transition: transform 0.2s ease, opacity 0.2s ease;
}
/* Category - collapsed */
.portal.collapsed .vector-menu-heading::after {
    content: "▸";
    opacity: 0.4;
}
.portal.collapsed .vector-menu-heading,
.portal.collapsed .vector-menu-heading a{
    color: #4d4d4d !important;
}
/* Hover effect */
.portal.collapsed .vector-menu-heading:hover,
.portal.collapsed .vector-menu-heading a:hover{
    text-decoration: none !important;
}
.portal .vector-menu-heading:hover::after {
    opacity: 0.85;
}

/*
  TOC - floating
 */
 #toc {
    position: fixed;
    right: 0;
    top: 7em; /* 5em is height of header, 6em brings just under */
    /* bottom: 5em; /* 5em puts us above the footer; not bad but too low when TOC is collapsed */
 
    z-index: 10000; /* Ensure we float above the header, etc. */
 
    /* Add opacity (translucency) */
    background-color: rgb(249, 249, 249);
    background-color: rgba(249, 249, 249, 0.9); /* Higher opacity (last arg) means less transparency */
}
/* Ensure the TOC height doesn't take over the screen; percentages may be higher than view port, so we use pixels */
#toc > ul {
    max-height: 350px;
    overflow: auto;	
}
.toctoggle {
    float: right;
}