Difference between revisions of "MediaWiki:Vector.css"

Revision as of 17:59, 29 April 2024

/* Content */

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

#content {
  position: relative !important;
  margin: 0px 20px 0px 200px !important;
  background: linear-gradient(#333333 0px, #222222 54px) !important;
  border: 2px solid #7B7B7B !important;
  border-radius: 0px 0px 5px 5px !important;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
  color: #DDDDDD;
  z-index: 1 !important;
}

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

/* Link colors */

a, .mw-body a.external, div.vectorTabs li a {
  color: #FFBB00;
}

a:hover, .mw-body a.external:hover, div.vectorTabs li a:hover {
  color: #FFD419;
}

a:visited, .mw-body a.external:visited {
  color: #EB8C40;
}

a:visited:hover, .mw-body a.external:visited:hover {
  color: #FFA559;
}

a.new, #p-personal a.new, div.vectorTabs li.new a, div.vectorTabs li.new a:visited {
  color: #FF2800;
}

a.new:hover, #p-personal a.new:hover, div.vectorTabs li.new a:hover, div.vectorTabs li.new a:visited:hover {
  color: #FF4119;
}

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

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

/* Various textbox colors */

#wpTextbox1 {
  background: #222222 !important;
  color: #DDDDDD !important;
  border: 2px solid #7B7B7B !important;
  border-radius: 5px 5px 0px 0px !important;
  border-bottom: 0px !important;
}

pre, code, .mw-ui-input, #simpleSearch {
  background: #333333 !important;
  color: #DDDDDD !important;
  border: 2px solid #7B7B7B !important;
  border-radius: 5px !important;
}

.editOptions {
  background: #333333 !important;
  border: 2px solid #7B7B7B !important;
  border-radius: 0px 0px 5px 5px !important;
}

#catlinks, #filetoc {
  background: #333333 !important;
  color: #DDDDDD;
  border: 2px solid #7B7B7B !important;
  border-radius: 5px !important;
}

fieldset {
  border: 2px solid #7B7B7B !important;
  border-radius: 5px !important;
  margin: 0px 0px 10px !important;
}

/* Table of contents */

#toc {
  background: linear-gradient(#333333, #222222) !important;
  border: 2px solid #7B7B7B !important;
  border-radius: 5px !important;
  padding: 10px !important;
}

#toc ul {
  margin: 2px 0px 0px !important;
}

/* Top nav */

#p-personal {
  display: flex;
  align-items: center;
  justify-content: right;
  height: 38px;
  background: linear-gradient(#333333, #222222) !important;
  border-bottom: 2px solid #7B7B7B !important;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
  width: 100%;
  top: 0px;
  right: 0px;
}

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

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

#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 {
  height: 38px !important;
  margin: 112px 20px 0px 200px !important;
  background: #222222 !important;
  border: 2px solid #7B7B7B !important;
  border-radius: 5px 5px 0px 0px !important;
  border-bottom: 0px !important;
}

#mw-head {
  height: 232px !important;
}

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

/* Tabs */

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

#right-navigation {
  margin: 0px 20px 0px 0px !important;
  position: absolute !important;
  bottom: 0px !important;
  right: 0px !important;
  height: 40px !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;
  margin-right: -2px !important;
  position: relative !important;
}

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

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

.vectorTabs span a {
  padding: 0px 6px !important;
  height: 100% !important;
  display: flex !important;
  align-items: center !important;
  font-size: 1em !important;
}

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

/* Watch tab (TEMP) */

.icon a {
  width: unset !important;
  padding: 0px 6px !important;
  background-image: none !important;
}

/* More tab */

#p-cactions {
  background: #333333 !important;
  border: 2px solid #7B7B7B !important;
  height: 40px !important;
  border-radius: 5px 5px 0px 0px !important;
  border-bottom: 0px !important;
  margin-right: -2px !important;
  position: relative !important;
  z-index: 2;
}

#p-cactions h3 {
  background-image: none !important;
  height: 40px !important;
  display: flex;
  align-items: center;
}

#p-cactions h3 span {
  padding-top: 0px !important;
  padding-left: 8px !important;
  color: #DDDDDD !important;
  font-size: 1em !important;
}

#p-cactions h3 a {
  background-position: center !important;
  height: 40px !important;
  width: 10px !important;
  margin-right: 6px;
}

div.vectorMenu div.menu {
  z-index: 2 !important;
}

/* Search bar */

#p-search {
  height: 40px !important;
  margin: 0px 8px !important;
}

#searchform {
  margin-top: 7px !important;
}

#simpleSearch {
  height: 100% !important;
  margin-top: 0px !important;
}

#searchInput {
  color: #DDDDDD !important;
  height: 24px !important;
  padding: 4px !important;
}

/* Logo */

#p-logo {
  top: 46px !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: #DDDDDD !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;
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
}

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

/* Footer */

#footer {
  margin-left: 200px !important;
  padding: 20px 2px 20px 0px !important;
}

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