MediaWiki:Vector.css: Difference between revisions

No edit summary
Tag: Reverted
No edit summary
Tags: Manual revert Reverted
Line 610: Line 610:
}
}


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


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


#p-namespaces li a:hover,
#left-navigation div.darkvectorTabs ul li,
#p-views li a:hover {
#right-navigation div.darkvectorTabs ul li {
  background: #3a3a3a;
    background-color: #e87057;
  color: #fff;
    background-image: -moz-linear-gradient(top, #333 20%, #2a2a2a 100%);
    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%)
}
}


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


#p-namespaces li a.new,
#left-navigation div.darkvectorTabs li.selected,
#p-views li a.new {
#right-navigation div.darkvectorTabs li.selected {
  color: #d44 !important;
    background-color: #333;
    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%)
}
}


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


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


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


#p-cactions .vector-menu-content-list li a:hover {
#mw-head #right-navigation div.darkvectorMenu h3 {
  background: #3a3a3a;
    background: inherit
  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
}
}