User:George8211/global.css

body {
  background-color: #353e3c;
}

/* Header */

#mw-header-container {
  padding: 0;
}

#mw-header {
  height: 100%;
}

/* Logo */

#p-logo-text {
  display: flex;
  justify-content: center;
  line-height: inherit;
}

#p-logo-text > a {
  padding: 0;
}

/* Search field */

#searchform {
  height: 100%;
  position: relative;
}

#simpleSearch {
/*   height: 100%; */
  box-shadow: none;
  border: none;
  position: absolute;
  width: 100%;
  top: 50%;
  transform: translateY(-50%);
/*   background-color: #eaecf0; */
}

#searchInput {
  height: auto;
  padding: 0 0 0 2rem;
  font-size: 1.5em;
  font-family: 'Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif;
}

#searchInput::placeholder {
  font-style: italic;
}

#searchButton {
  height: 100%;
  right: 0;
}

#mw-searchButton {
  display: none;
}

/* User area */

#user-tools {
  display: flex;
  align-items: center;
}

#personal {
  order: 2;
}

#personal-extra  > ul {
  margin: 0;
}

#personal-extra > ul > li {
  float: none;
  display: inline-block;
}

#personal-extra > ul > li > a.mw-echo-notifications-badge {
  top: 0;
}

#personal > h2 {
  margin: 0;
  padding: 0;
  padding-left: 25px;
  height: 100%;
  background-position: 0 0;
  display: flex;
  color: #636363;
}

#personal > h2 > span {
  overflow: visible;
}

#personal-inner {
  top: 2em !important;
}

#mw-page-header-links > div > .mw-portlet-body > ul > li > a {
  padding-left: 25px;
}

#mw-content {
  padding-top: 2em;
}

#siteNotice {
  margin: 0 auto;
}

.mw-indicators {
  margin: 0.5em 0 0 1em;
}

#firstHeading {
  padding-bottom: 0.1em;
  color: inherit;
}

#siteSub {
  opacity: 0;
  transition: opacity 0.2s;
}

#firstHeading[class*="assess-"] + #bodyContentOuter > #siteSub {
  opacity: 1;
}

.mw-body .mw-parser-output h2::after {
  padding-bottom: 0.1em;
}

.mw-editsection {
  margin: 0 0 0 0.3em !important;
  padding: 0 !important;
  background: none;
  height: 1em;
  font-size: 1em;
  user-select: none;
  opacity: 0;
  transition: opacity 0.15s;
}

h1:hover > .mw-editsection,
h2:hover > .mw-editsection,
h3:hover > .mw-editsection,
h4:hover > .mw-editsection,
h5:hover > .mw-editsection,
h6:hover > .mw-editsection {
  opacity: 1;
}

.mw-editsection > a {
  margin: 0 !important;
  padding: 0 !important;
  width: 1em;
  height: 1em;
  background-image: url(/w/skins/Timeless/resources/images/pencil-source-grey.svg?17544);
  background-repeat: no-repeat;
  background-size: 75%;
  background-position: center;
  color: transparent;
  overflow-x: hidden;
  /* Fix extra space caused by overflow-x: hidden. */
  /* See https://stackoverflow.com/a/23529464/6303733 */
  vertical-align: top;
}

.mw-editsection > a.mw-editsection-visualeditor {
  background-image: url(/w/skins/Timeless/resources/images/pencil-grey.svg?b2ced);
}

@media screen and (min-width:851px) and (max-width:1099px) {
  #mw-site-navigation h2, #mw-related-navigation h2 {
    color: #636363;
    transform: translateY(-3px);
  }
}

.toctitle {
  line-height: 1.7;
}

body, #mw-toc-heading{
  font-family: "PT Serif",'Linux Libertine','Times New Roman','Liberation Serif','Nimbus Roman','Noto Serif','Times',serif;
  line-height: 1.7
}

@keyframes x-fade-in {
  from { opacity: 0 }
  to   { opacity: 1 }
}

.suggestions {
  font-size: 1rem !important;
  max-width: calc(100vw - 29rem);
  transform: translateY(calc(3.475rem - 38.2px - 6px));
}

.mw-searchSuggest-link {
  font-size: 1.2em;
}

.mw-searchSuggest-link > .suggestions-result {
  padding: 0.3em 2em;
}

.navpopup {
  font-size: 1em;
  animation: 0.2s x-fade-in;
}

@keyframes x-navpopup-fade-out {
  from {
    opacity: 1;
    visibility: visible !important;
  }
  to {
    opacity: 0;
    visibility: hidden !important;
  }
}

.navpopup[style*="display:\ none"] {
  animation: 0.15s x-navpopup-fade-out forwards;
  display: inline !important;
  pointer-events: none;
}