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 */
.mw-heading2 {
  font-size: 1.5em !important;
}
.mw-heading3 h3 {
  font-size: .75em !important;
  font-family: Sans-Serif !important;
  font-weight: bold !important;
}
.vector-body {
  font-size: var(--font-size-medium);
  /* line-height: var(--line-height-medium) !important; */
}
.searchresult {
  display: none;
}
blockquote.rust {
  color: #a35a00;
  /* border-left: 4px solid var(--border-color-muted, #e3d7c8); */
}
a.external {
  background: none !important;
  padding: 0px !important;
}
.toc {
  border: 1px solid #a2a9b1;
  background-color: #f8f9fa;
}
.sidebar {
  float: right;
  border: 1px solid #a2a9b1;
  width:20em;
  text-align: left;
  background-color: #f8f9fa;
  padding: 5px;
  margin: 10px;
  vertical-align: top;
}
.sidebar th {
  width: 8em;
}
table.rust {
	border-color: #b09676;
	background-color: #faefe1;
	color: #a35a00;
}

/* restore some styles to be more like Vector */
.mw-first-heading,
.mw-heading2,
.toctitle,
#p-The_Worlds_of_R\.L\._Akers-label,
#p-navigation-label,
#p-pagemisc-label {
	border-bottom: 1px solid var(--border-color-base, #a2a9b1) !important;
	margin-bottom: .5 !important;
}
/*
#p-The_Worlds_of_R\.L\._Akers-label,
#p-navigation-label,
#p-pagemisc-label {
	font-size: .9em !important;
}
*/
#p-navigation-label {
	/* To equalize sidebar-chunk spacing */
	padding-top: 7px !important;
}
.sidebar-chunk {
	margin: 0 !important;
	padding: 0 1em !important;
	background: none !important;
}

#mw-page-header-links,
#mw-header-hack,
#mw-header-nav-hack,
#footer-info,
#user-tools,
#site-tools {
	display: none !important;
}

.mw-portlet-body {
	margin-bottom: .5em !important;
}
#mw-content-container {
	margin-top: 2em !important;
	padding-bottom: 0 !important;
	border-bottom: none !important;
}

/*@media (max-width: 850px) {
	#site-navigation {
		/* display: none; * /
	}
    #p-search {
        position: absolute;
        top: 1em;
        left: 15em;
        text-align: left;
    }
}*/

/*
#p-logo-text {
	display: none !important;
}


*/

#siteNotice {
	margin: 0;
}
#localNotice {
	border: none;
}

@media (max-width: 850px) {
	body {
		font-size: 1.25em !important;
	}
}

@media (max-width: 1099px) {
	#site-navigation h2 {
        left: 0.45em !important;
        background-image: url(/skins/Timeless/resources/images/menu-large-grey.svg?7b579) !important;
    }
	#user-tools h2::after, .sidebar-chunk h2::after {
        position: absolute !important;
        top: 0.65em !important;
        left: 23px !important;
    }
    #user-tools h2::after, .sidebar-chunk h2::after {
        display: inline-block !important;
        content: '' !important;
        width: 22px !important;
        height: 12px !important;
        background-image: url(/skins/Timeless/resources/images/arrow-down-grey.svg?46d67) !important;
        background-position: center center !important;
        background-repeat: no-repeat !important;
    }
    #user-tools h2, .sidebar-chunk h2 {
        cursor: pointer !important;
        margin-bottom: -0.45em !important;
        padding-bottom: 0.45em !important;
        margin: 0 !important;
        width: 30px !important;
        height: 30px !important;
        position: absolute !important;
        top: 1em !important;
        padding-bottom: 0 !important;
        font-size: 1em !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
    }
    #user-tools h2 span, .sidebar-chunk h2 span {
        display: inline-block !important;
        text-indent: -99999px !important;
        border: 0 !important;
        background-color: transparent !important;
        background-repeat: no-repeat !important;
    }
    #p-logo-text a {
        padding-left: 0 !important;
    }
    #p-logo-text {
        position: absolute !important;
        top: 1em !important;
        left: 4.45em !important;
        text-align: left !important;
    }
    #mw-header-container {
        background: #fff !important;
        padding: 3.75em 0.45em 0.35em !important;
    }
    #mw-content-container {
		margin-top: 0em !important;
    }
    #mw-content {
    	margin-top: initial !important;
    }
}


#footer-places-privacy, #footer-places-disclaimers { display: none !important; }