Difference between revisions of "MediaWiki:Vector.css"

From EEWiki
Jump to: navigation, search
 
(107 intermediate revisions by the same user not shown)
Line 6: Line 6:
  
 
#content {
 
#content {
   margin: 0px 40px 0px 200px !important;
+
  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;
 
}
 
}
  
/* Top Nav */
+
/* Headers */
 +
 
 +
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;
 +
}
 +
 
 +
/* List bullets */
 +
 
 +
ul {
 +
  list-style-image: none !important;
 +
}
 +
 
 +
/* 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 {
 +
  background: #333333 !important;
 +
  color: #DDDDDD !important;
 +
  border: 2px solid #7B7B7B !important;
 +
  border-radius: 5px !important;
 +
}
 +
 
 +
.mw-ui-input, #simpleSearch {
 +
  background: #222222 !important;
 +
  color: #DDDDDD !important;
 +
  box-sizing: border-box;
 +
  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;
 +
}
 +
 
 +
/* Tables */
 +
 
 +
table.wikitable {
 +
  background: #333333;
 +
  color: #DDDDDD;
 +
  border: 2px solid #7B7B7B;
 +
}
 +
 
 +
table.wikitable > tr > th, table.wikitable > * > tr > th {
 +
  background: #222222;
 +
  color: #DDDDDD;
 +
}
 +
 
 +
table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
 +
  border: 2px solid #7B7B7B;
 +
}
 +
 
 +
/* 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 {
 
#mw-page-base {
Line 15: Line 171:
 
}
 
}
  
#mw-head-base, #mw-head {
+
#mw-head-base {
   height: 200px !important;
+
  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;
 
}
 
}
  
Line 25: Line 190:
 
   height: 0px !important;
 
   height: 0px !important;
 
}
 
}
 +
 +
/* Tabs */
  
 
#left-navigation {
 
#left-navigation {
 
   margin: 0px 0px 0px 200px !important;
 
   margin: 0px 0px 0px 200px !important;
 
   position: absolute !important;
 
   position: absolute !important;
   bottom: -1px !important;
+
   bottom: 0px !important;
 
   left: 0px !important;
 
   left: 0px !important;
 
}
 
}
  
 
#right-navigation {
 
#right-navigation {
   margin: 0px 40px 0px 0px !important;
+
   margin: 0px 20px 0px 0px !important;
 
   position: absolute !important;
 
   position: absolute !important;
   bottom: -1px !important;
+
   bottom: 0px !important;
 
   right: 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 {
 +
  width: 250px !important;
 +
  height: 100% !important;
 +
  margin-top: 0px !important;
 +
}
 +
 +
#searchInput {
 +
  color: #DDDDDD !important;
 +
  height: 24px !important;
 +
  padding: 4px !important;
 
}
 
}
  
Line 43: Line 319:
  
 
#p-logo {
 
#p-logo {
   top: 20px !important;
+
   top: 46px !important;
 
   left: 0px !important;
 
   left: 0px !important;
 
   width: 100% !important;
 
   width: 100% !important;
Line 63: Line 339:
 
   position: unset !important;
 
   position: unset !important;
 
   width: 140px;
 
   width: 140px;
   margin-top: 160px !important;
+
   margin-top: 192px !important;
 
   padding: 0px 20px 20px !important;
 
   padding: 0px 20px 20px !important;
 
}
 
}
Line 84: Line 360:
  
 
#mw-panel .body ul li a {
 
#mw-panel .body ul li a {
   color: #CCCCCC !important;
+
   color: #DDDDDD !important;
 
}
 
}
  
Line 93: Line 369:
 
   margin: 10px 0px 0px !important;
 
   margin: 10px 0px 0px !important;
 
   padding: 10px !important;
 
   padding: 10px !important;
 +
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
 
}
 
}
  
Line 101: Line 378:
 
/* Footer */
 
/* Footer */
  
#footer-info li {
+
#footer {
   color: #7B7B7B !important;
+
   margin-left: 200px !important;
 +
  padding: 20px 2px 20px 0px !important;
 
}
 
}
  
/* Generic */
+
#footer-info li {
 
+
   color: #7B7B7B !important;
a {
+
  color: #FFBB00;
+
}
+
 
+
a:hover {
+
  color: #FFD419;
+
}
+
 
+
a:visited {
+
  color: #E07164;
+
}
+
 
+
a:visited:hover {
+
  color: #F98A7D;
+
}
+
 
+
a.new, div.vectorTabs li.new a, #p-personal a.new {
+
  color: #FF2800;
+
}
+
 
+
a.new:hover, div.vectorTabs li.new a:hover, #p-personal a.new:hover {
+
  color: #FF4119;
+
}
+
 
+
a.new:visited, div.vectorTabs li.new a:visited, #p-personal a.new:visited {
+
  color: #E01864;
+
}
+
 
+
a.new:visited:hover, div.vectorTabs li.new a:visited:hover, #p-personal a.new:visited:hover {
+
   color: #F9317D;
+
 
}
 
}

Latest revision as of 22:44, 30 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;
}

/* Headers */

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;
}

/* List bullets */

ul {
  list-style-image: none !important;
}

/* 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 {
  background: #333333 !important;
  color: #DDDDDD !important;
  border: 2px solid #7B7B7B !important;
  border-radius: 5px !important;
}

.mw-ui-input, #simpleSearch {
  background: #222222 !important;
  color: #DDDDDD !important;
  box-sizing: border-box;
  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;
}

/* Tables */

table.wikitable {
  background: #333333;
  color: #DDDDDD;
  border: 2px solid #7B7B7B;
}

table.wikitable > tr > th, table.wikitable > * > tr > th {
  background: #222222;
  color: #DDDDDD;
}

table.wikitable > tr > th, table.wikitable > tr > td, table.wikitable > * > tr > th, table.wikitable > * > tr > td {
  border: 2px solid #7B7B7B;
}

/* 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 {
  width: 250px !important;
  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;
}