Difference between revisions of "MediaWiki:Vector.css"

Revision as of 10:27, 6 July 2016

/* CSS placed here will affect users of the Vector skin */

body {
	background-color: #1a1a1a;
	min-width: 500px;
}

#pageWrapper {
	margin-right: 10px;
}

div#content {
	background-color: #FFFFFF;
	background-image: none;
	border-left: 1px solid #1a1a1a;
        border-top: 1px solid #1a1a1a;
        box-sizing: border-box;
	color: #000000;
}

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

div#mw-page-base {
	background: transparent;
}

div#mw-head-base {
	background: transparent;
}

div#mw-panel div.portal {
    background-image: url("http://i.imgur.com/VNxqRL2.png");
    background-position: left top;
    background-repeat: no-repeat;
    direction: ltr;
    margin: 0 0.6em 0 0.7em;
    padding: 0.25em 0;
}

div#mw-panel div.portal h3,
#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a {
    color: #ffffcc;
}

div#mw-panel div.portal div.body ul li a:visited {
    color: #FFFFFF;
}

div#mw-panel div.portal div.body ul li a {
    color: #FFFFFF;
}

div#mw-panel div.portal div.body,
#mw-panel.collapsible-nav .portal {
    border-bottom:;
}

div#footer ul li {
    color: #eae8d3;
}

div#footer a {
    color: #E4C62E; 
}

table {
    font-size: 100%;
    color: #2D2723;
    background-color: transparent;
}

/* tabs */
div.vectorTabs li a, div.vectorTabs li a:visited, div.vectorMenu li a, #p-cactions-label
{
  text-decoration: none;
  font-size: .85em;
  
}

div.vectorTabs
{
  padding: 1px;
  background-color:transparent;
  background-image: none;
}

div.vectorTabs span
{
 overflow: hidden;
 height: 1.875em;
 background: transparent;
}

div.vectorMenu
{
  margin-top: .1em;
  background-color: #eee;
  border: 1px solid #ccc;
}

#mw-navigation div.vectorMenu h3 span
{
  display: inline-block;
  height: 100%;
  line-height: 2.7em;
  padding: 0 0.25em 0 0.8em;
}

#mw-navigation div.vectorMenu div.menu
{
  top: 1.875em;
  border: none;
  left: 0;
}

div.vectorMenu ul
{
  margin-left: 0px;
  background-color: #eee;
  border: solid 1px #ccc;
}

div.vectorMenu li a
{
  height: 1em;
  line-height:1em;
}

div.vectorTabs ul li
{
  line-height: 0;
  margin: 0 -1px 0 0;
  background-image: none;
  background-color:#eee;
  border:1px solid #ccc;
}

div.vectorTabs ul li:first-child
{
  border-top-left-radius:0.5em;
}

div#left-navigation div.vectorTabs ul li:last-child
{
  border-top-right-radius:0.5em;
}

div.vectorTabs ul li:hover, div.vectorMenu ul li:hover, div.vectorMenu:hover
{
  background-color:#f8f8f8;
}

div.vectorTabs li a
{
  padding-left: 0.8em;
  padding-right: 0.8em;
  background-image: none;
}

div.vectorTabs li.selected
{
  background-color:  #fff;
  border: 1px solid #ccc;
  border-bottom-width: 0;
  padding-bottom: 2px;
  margin: 0 -1px 0 0;
}

div#simpleSearch
{
  border: 1px solid #ccc !important;
  height: 2.5em !important;
  width: 11em !important;
  margin-top: 0px !important;
}

#p-search
{
  margin: 0 0 0 -1px;
  margin-top: .1em;
}

#p-search form, #p-search input
{
  margin: 0;
}

div#simpleSearch input#searchInput
{
  height:100% !important;
  padding: 0.2em 0px 0px 0.2em;
}

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

#p-personal a.hover, p-personal a:focus {
   color: #FFFFFF;
   text-decoration:none;
}

#right-navigation, #left-navigation
{
  margin-top: 2.27em;
}

div#left-navigation div.vectorTabs li.selected
{
  border-radius: 0.5em 0 0 0;
}

div#left-navigation div.vectorTabs li + li.selected
{
  border-radius: 0;
}

a:visited {
    color: #2252A4;
}

a#title {
    display: none;
}

a#title:hover {
    display: none;
}

a:active {
    color: #2252A4;
}

a:hover {
    color: #0F2C5D;
}

a.stub {
    color: #cc0000;
}

a.new {
    color: #cc0000;
}

a.new:visited {
    color: #cc0000;
}

div#content a.external {
    color: #2252A4;
    cursor: pointer;
}

div#content a.external:visited {
    color: #2252A4;
}

div#content a.external#title {
    display: none;
}

div#content a.external#title:hover {
    display: #0F2C5D;
}

div#content a.external:active {
    color: #2252A4;
}

div#content a.external:hover {
    color: #0F2C5D;
}

div#content a.external.stub {
    color: #cc0000;
}