Difference between revisions of "MediaWiki:Vector.css"

From EEWiki
Jump to: navigation, search
(adsadasda)
 
(45 intermediate revisions by the same user not shown)
Line 7: Line 7:
 
#content {
 
#content {
 
   position: relative !important;
 
   position: relative !important;
   margin: 0px 40px 0px 200px !important;
+
   margin: 0px 20px 0px 200px !important;
 
   background: linear-gradient(#333333 0px, #222222 54px) !important;
 
   background: linear-gradient(#333333 0px, #222222 54px) !important;
 
   border: 2px solid #7B7B7B !important;
 
   border: 2px solid #7B7B7B !important;
 
   border-radius: 0px 0px 5px 5px !important;
 
   border-radius: 0px 0px 5px 5px !important;
 +
  box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.5);
 
   color: #DDDDDD;
 
   color: #DDDDDD;
 
   z-index: 1 !important;
 
   z-index: 1 !important;
 
}
 
}
 +
 +
/* Headers */
  
 
h1, h2, h3, h4, h5, h6 {
 
h1, h2, h3, h4, h5, h6 {
Line 19: Line 22:
 
}
 
}
  
a, div.vectorTabs li a {
+
/* Link colors */
 +
 
 +
a, .mw-body a.external, div.vectorTabs li a {
 
   color: #FFBB00;
 
   color: #FFBB00;
 
}
 
}
  
a:hover, div.vectorTabs li a:hover {
+
a:hover, .mw-body a.external:hover, div.vectorTabs li a:hover {
 
   color: #FFD419;
 
   color: #FFD419;
 
}
 
}
  
a:visited {
+
a:visited, .mw-body a.external:visited {
 
   color: #EB8C40;
 
   color: #EB8C40;
 
}
 
}
  
a:visited:hover {
+
a:visited:hover, .mw-body a.external:visited:hover {
 
   color: #FFA559;
 
   color: #FFA559;
 
}
 
}
Line 51: Line 56:
 
}
 
}
  
textarea {
+
/* List bullets */
 +
 
 +
ul {
 +
  list-style-image: none !important;
 +
}
 +
 
 +
/* Various textbox colors */
 +
 
 +
#wpTextbox1 {
 
   background: #222222 !important;
 
   background: #222222 !important;
 
   color: #DDDDDD !important;
 
   color: #DDDDDD !important;
Line 59: Line 72:
 
}
 
}
  
pre, #wpSummary {
+
pre, code {
 
   background: #333333 !important;
 
   background: #333333 !important;
 
   color: #DDDDDD !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: 2px solid #7B7B7B !important;
 
   border-radius: 5px !important;
 
   border-radius: 5px !important;
Line 72: Line 93:
 
}
 
}
  
/* Top Nav */
+
#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 {
 
#p-personal {
Line 94: Line 158:
 
   font-size: 1em;
 
   font-size: 1em;
 
   margin: 0px 10px 0px 0px;
 
   margin: 0px 10px 0px 0px;
 +
  font-weight: bold;
 
}
 
}
  
Line 108: Line 173:
 
#mw-head-base {
 
#mw-head-base {
 
   height: 38px !important;
 
   height: 38px !important;
   margin: 112px 40px 0px 200px !important;
+
   margin: 112px 20px 0px 200px !important;
 
   background: #222222 !important;
 
   background: #222222 !important;
 
   border: 2px solid #7B7B7B !important;
 
   border: 2px solid #7B7B7B !important;
Line 125: Line 190:
 
   height: 0px !important;
 
   height: 0px !important;
 
}
 
}
 +
 +
/* Tabs */
  
 
#left-navigation {
 
#left-navigation {
Line 134: Line 201:
  
 
#right-navigation {
 
#right-navigation {
   margin: 0px 40px 0px 0px !important;
+
   margin: 0px 20px 0px 0px !important;
 
   position: absolute !important;
 
   position: absolute !important;
 
   bottom: 0px !important;
 
   bottom: 0px !important;
 
   right: 0px !important;
 
   right: 0px !important;
 +
  height: 40px !important;
 
}
 
}
  
Line 168: Line 236:
  
 
.vectorTabs span a {
 
.vectorTabs span a {
   padding-top:0px !important;
+
   padding: 0px 6px !important;
 
   height: 100% !important;
 
   height: 100% !important;
 
   display: flex !important;
 
   display: flex !important;
 
   align-items: center !important;
 
   align-items: center !important;
 +
  font-size: 1em !important;
 
}
 
}
  
Line 178: Line 247:
 
}
 
}
  
#p-views {
+
/* Watch tab (TEMP) */
   position: relative !important;
+
 
   top: 2px;
+
.icon a {
 +
   width: unset !important;
 +
   padding: 0px 6px !important;
 +
  background-image: none !important;
 
}
 
}
 +
 +
/* More tab */
  
 
#p-cactions {
 
#p-cactions {
 
   background: #333333 !important;
 
   background: #333333 !important;
 
   border: 2px solid #7B7B7B !important;
 
   border: 2px solid #7B7B7B !important;
 +
  height: 40px !important;
 
   border-radius: 5px 5px 0px 0px !important;
 
   border-radius: 5px 5px 0px 0px !important;
 
   border-bottom: 0px !important;
 
   border-bottom: 0px !important;
 
   margin-right: -2px !important;
 
   margin-right: -2px !important;
 
   position: relative !important;
 
   position: relative !important;
  top: 2px;
 
 
   z-index: 2;
 
   z-index: 2;
 
}
 
}
Line 196: Line 270:
 
#p-cactions h3 {
 
#p-cactions h3 {
 
   background-image: none !important;
 
   background-image: none !important;
 +
  height: 40px !important;
 
   display: flex;
 
   display: flex;
 
   align-items: center;
 
   align-items: center;
Line 202: Line 277:
 
#p-cactions h3 span {
 
#p-cactions h3 span {
 
   padding-top: 0px !important;
 
   padding-top: 0px !important;
 +
  padding-left: 8px !important;
 
   color: #DDDDDD !important;
 
   color: #DDDDDD !important;
 +
  font-size: 1em !important;
 
}
 
}
  
 
#p-cactions h3 a {
 
#p-cactions h3 a {
 
   background-position: center !important;
 
   background-position: center !important;
 +
  height: 40px !important;
 +
  width: 10px !important;
 +
  margin-right: 6px;
 
}
 
}
  
Line 213: Line 293:
 
}
 
}
  
/* Watch Styling TEMP */
+
/* Search bar */
  
.icon a {
+
#p-search {
   width: 100% !important;
+
  height: 40px !important;
   padding: 0px 0.5em !important;
+
  margin: 0px 8px !important;
   background-image: none !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 274: 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 281: Line 377:
  
 
/* Footer */
 
/* Footer */
 +
 +
#footer {
 +
  margin-left: 200px !important;
 +
  padding: 20px 2px 20px 0px !important;
 +
}
  
 
#footer-info li {
 
#footer-info li {
 
   color: #7B7B7B !important;
 
   color: #7B7B7B !important;
 
}
 
}

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