MediaWiki:Vector.css

From EEWiki
Revision as of 02:42, 27 April 2024 by Boba (Talk | contribs)

Jump to: navigation, search

Note: After saving, 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)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* Content */

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

#content {
  margin: 0px 40px 0px 200px !important;
  background: linear-gradient(#333333 0px, #222222 54px) !important;
  border: 2px solid #7B7B7B !important;
  border-radius: 0px 5px 5px 5px !important;
  color: #DDDDDD;
}

h1, h2, h3, h4, h5, h6 {
  color: #FFFFFF;
}

/* Top Nav */

#p-personal {
  display: flex;
  align-items: center;
  justify-content: right;
  height: 32px;
  background: #333333;
  width: 100%;
  top: 0px;
  right: 0px;
}

#p-personal ul {
  padding: 0px;
}

#p-personal li {
  font-size: 1em;
  margin: 0px 10px 0px 0px;
}

#pt-userpage {
  background-image: url(https://wiki.everybodyedits.com/images/5/56/User_smiley.png);
  padding-left: 18px !important;
  background-position: left center;
}

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

#mw-head-base, #mw-head {
  height: 232px !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: 0px !important;
  left: 0px !important;
}

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

.vectorTabs, .vectorTabs ul, .vectorTabs span {
  background-image: none !important;
}

div.vectorTabs {
  padding-left: 0px !important;
  height: 40px !important;
}

.vectorTabs li {
  background: #222222 !important;
  border: 2px solid #7B7B7B !important;
  border-radius: 5px 5px 0px 0px !important;
  border-bottom: 0px !important;
  position: relative !important;
  z-index: -1 !important;
}

.vectorTabs li.selected {
  background: #333333 !important;
  z-index: 1 !important;
}

.vectorTabs span {
  height: 100% !important;
}

.vectorTabs span a {
  padding-top:0px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
}

.vectorTabs li.selected a {
  color: #DDDDDD !important;
}

/* Logo */

#p-logo {
  top: 52px !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: 192px !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-places li a {
  color: #FFBB00;
}

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

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

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

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

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

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

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