MediaWiki:Vector.css: Difference between revisions

No edit summary
Tags: Manual revert Reverted
going to look bad BUT still workin on it
Tag: Manual revert
Line 610: Line 610:
}
}


#left-navigation div.darkvectorTabs,
#p-namespaces .vector-menu-content-list,
#right-navigation div.darkvectorTabs {
#p-views .vector-menu-content-list {
    background-image: inherit;
  display: flex;
    background-color: #e87057
  gap: 2px;
  border-bottom: 1px solid #444;
  background: transparent;
  margin: 0;
  padding: 0;
}
}


#left-navigation div.darkvectorTabs ul,
/* Base tab look */
#right-navigation div.darkvectorTabs ul {
#p-namespaces li a,
    background-color: #e87057
#p-views li a {
  display: block;
  padding: .6em .9em;
  background: #2a2a2a;
  color: #e87057;
  text-decoration: none;
  border: 1px solid #444;
  border-bottom: none;
  transition: background .2s, color .2s;
}
}


#left-navigation div.darkvectorTabs ul li,
#p-namespaces li a:hover,
#right-navigation div.darkvectorTabs ul li {
#p-views li a:hover {
    background-color: #e87057;
  background: #3a3a3a;
    background-image: -moz-linear-gradient(top, #333 20%, #2a2a2a 100%);
  color: #fff;
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #333), color-stop(100%, #2a2a2a));
    background-image: -webkit-linear-gradient(top, #333 20%, #2a2a2a 100%);
    background-image: linear-gradient(#333 20%, #2a2a2a 100%)
}
}


#left-navigation div.darkvectorTabs li.new a,
#p-namespaces .selected a,
#right-navigation div.darkvectorTabs li.new a,
#p-views .selected a {
#left-navigation div.darkvectorTabs li.new a:visited,
  background: #222;
#right-navigation div.darkvectorTabs li.new a:visited {
  color: #D28A0D;
    color: #d44
  font-weight: bold;
  border: 2px solid #e87057;
  border-bottom: none;
  position: relative;
  top: 1px;
  z-index: 2;
}
}


#left-navigation div.darkvectorTabs li.selected,
#p-namespaces li a.new,
#right-navigation div.darkvectorTabs li.selected {
#p-views li a.new {
    background-color: #333;
  color: #d44 !important;
    background-image: -moz-linear-gradient(top, #e87057 0, #333 10%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e87057), color-stop(10%, #333));
    background-image: -webkit-linear-gradient(top, #e87057 0, #333 10%);
    background-image: linear-gradient(#e87057 0, #333 10%)
}
}


#left-navigation div.darkvectorTabs li.selected a,
#p-cactions .vector-menu-heading {
#right-navigation div.darkvectorTabs li.selected a,
  display: inline-block;
#left-navigation div.darkvectorTabs li.selected a:visited,
  padding: .6em .9em;
#right-navigation div.darkvectorTabs li.selected a:visited {
  background: #2a2a2a;
    color: #D28A0D
  color: #e87057;
  border: 1px solid #444;
  border-bottom: none;
  cursor: pointer;
}
}


#left-navigation div.darkvectorTabs li a,
#p-cactions .vector-menu-content-list {
#right-navigation div.darkvectorTabs li a {
  background: #333;
    color: #e87057
  border: 1px solid #444;
  border-radius: 0 0 .5em .5em;
}
}


#left-navigation div.darkvectorTabs span,
#p-cactions .vector-menu-content-list li a {
#right-navigation div.darkvectorTabs span {
  display: block;
    background: transparent
  padding: .4em .8em;
  background: #333;
  color: #c1c1c1;
  border-bottom: 1px solid #444;
}
}


#mw-head #right-navigation div.darkvectorMenu h3 {
#p-cactions .vector-menu-content-list li a:hover {
    background: inherit
  background: #3a3a3a;
}
  color: #fff;
 
#mw-head div.darkvectorMenu h3 span {
    color: #e87057
}
 
div.darkvectorMenu h3 a {
    background: inherit
}
 
div.darkvectorMenu ul {
    background-color: black;
    border: solid 1px #0c0c0c
}
 
div.darkvectorMenu li a {
    color: #e87057
}
 
div.darkvectorMenu li.selected a,
div.darkvectorMenu li.selected a:visited {
    color: #D28A0D;
    text-decoration: none
}
 
div.darkvectorMenu#p-cactions div.menu {
    border-color: #666
}
 
div.darkvectorMenu#p-cactions ul {
    border: 0;
    background-color: #4c4c4c
}
}