Difference between revisions of "MediaWiki:Common.css"

Latest revision as of 20:01, 28 August 2021

/* CSS placed here will be applied to all skins */
:root {
  --off-white: #e5f0fa;
  --dark-blue: #2B76D9;
  --blue: #2B88D9;
  --light-blue: #5ED7F2;
  --red: #D9043D;
  --dark-red: #BF2604;
  --rounded: 0.25rem;
  --sans-serif: -apple-system, BlinkMacSystemFont, avenir next, avenir, segoe ui, helvetica neue, helvetica, Ubuntu, roboto, noto, arial, sans-serif;
}

body {
  background: var(--blue) !important;
font-family: var(--sans-serif) !important;
}

.mw-body h1, .mw-body h2, .mw-body h3, .mw-body h4, .mw-body h5, .mw-body h6, .mw-body dt {
  font-family: var(--sans-serif) !important;
}

a {
  color: var(--blue) !important;
}

a:visited {
  color: var(--dark-blue) !important;
}

a.new, .new a {
  color: var(--red) !important;
}

#mw-header-container {
  background: var(--blue) !important;
}

#personal {
  color: var(--off-white) !important;
}

#p-personal-label {
  color: black;
}

#p-logo-text a {
  color: var(--off-white) !important;
}

#simpleSearch {
  box-shadow: none !important;
  border: none !important;
}

#simpleSearch {
  background: var(--blue) !important;
  border: none !important;
  box-shadow: none !important;
}

#searchInput {
  box-shadow: none !important;
  outline: none;
  border-bottom: 2px solid var(--off-white) !important;
}

#searchInput::placeholder {
  color: white !important;
}

#searchInput:focus,
#searchInput:focus-within {
  border-bottom-color: var(--light-blue) !important;
}

#mw-header-hack {
  display: none !important;
}

#mw-content-container {
  background: var(--blue) !important;
  margin-top: 5rem !important;
  border-bottom: none !important;
}

#mw-content {
  background: var(--off-white) !important;
  border-radius: var(--rounded) !important;
}

#site-navigation,
#site-tools,
#page-tools {
  background: var(--off-white) !important;
  border-radius: var(--rounded) !important;
}

#page-tools {
  margin-top: 0 !important;
}

#mw-footer-container {
  box-shadow: none !important;
  border-top: none !important;
}

.mw-wiki-logo {
  margin-top: 0 !important;
}

.tools-inline li:hover {
  border-bottom-color: var(--blue) !important;
}

.mw-body h1.firstHeading {
  border-bottom: none !important;
}

.mw-body .mw-parser-output h1:after, .mw-body .mw-parser-output h2:after {
  border-bottom-color: var(--blue) !important;
}