Difference between revisions of "MediaWiki:Vector.css"

Revision as of 00:36, 27 April 2024

/* Content */

body {
  background-image: url(https://wiki.everybodyedits.com/images/2/26/Background.png) !important;
}

#content {
  margin: 0px 40px 0px 200px !important;
}

/* Top Nav */

#mw-page-base {
  background: none !important;
}

#mw-head-base, #mw-head {
  height: 200px !important;
}

#mw-navigation {
  position: absolute !important;
  top: 0px !important;
  width: 100% !important;
  height: 0px !important;
}

#left-navigation {
  margin: 0px 0px 0px 200px !important;
  position: absolute !important;
  bottom: -1px !important;
  left: 0px !important;
}

#right-navigation {
  margin: 0px 40px 0px 0px !important;
  position: absolute !important;
  bottom: -1px !important;
  right: 0px !important;
}

/* Logo */

#p-logo {
  top: 20px !important;
  left: 0px !important;
  width: 100% !important;
  height: 0px !important;
  display: flex !important;
  justify-content: center !important;
}

#p-logo a {
  width: 300px !important;
  height: 140px !important;
  background-image: url(https://wiki.everybodyedits.com/images/3/35/WikiLogo.png) !important;
  background-size: 100%;
}

/* Sidebar */

#mw-panel {
  position: unset !important;
  width: 140px;
  margin-top: 160px !important;
  padding: 0px 20px 20px !important;
}

#mw-panel h3 {
  display: block !important;
  padding: 0px 0px 6px !important;
  font-size: 1.1em !important;
  color: #FFFFFF !important;
}

#mw-panel .body {
  margin: 0px !important;
}

#mw-panel .body ul li {
  padding: 3px 3px 3px 0px !important;
  font-size: 0.9em !important;
}

#mw-panel .body ul li a {
  color: #CCCCCC !important;
}

#mw-panel .portal {
  background: linear-gradient(#333333, #222222) !important;
  border: 2px solid #7B7B7B !important;
  border-radius: 5px !important;
  margin: 10px 0px 0px !important;
  padding: 10px !important;
}

#mw-panel .portal.first {
  margin: 0px !important;
}

/* Footer */

#footer-info li {
  color: #7B7B7B !important;
}

/* Generic */

#p-personal a, #footer-info li a {
  color: #FFBB00;
}

#p-personal a:hover, #footer-info li a:hover {
  color: #FFD419;
}

#p-personal a:visited, #footer-info li a:visited {
  color: #EB8C40;
}

#p-personal a:visited:hover, #footer-info li a:visited:hover {
  color: #FFA559;
}

#p-personal a.new, #footer-info li a.new {
  color: #FF2800;
}

#p-personal a.new:hover, #footer-info li a.new:hover {
  color: #FF4119;
}

#p-personal a.new:visited, #footer-info li a.new:visited {
  color: #EB1D40;
}

#p-personal a.new:visited:hover, #footer-info li a.new:visited:hover {
  color: #FF3659;
}