MediaWiki:Vector.css: Difference between revisions

No edit summary
Tag: Reverted
No edit summary
 
(12 intermediate revisions by the same user not shown)
Line 610: Line 610:
}
}


#left-navigation nav.vector-menu-tabs,
#p-namespaces .vector-menu-content-list,
#right-navigation nav.vector-menu-tabs {
#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 nav.vector-menu-tabs .vector-menu-content-list,
/* Base tab look */
#right-navigation nav.vector-menu-tabs .vector-menu-content-list {
#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 #e87057;
  border-bottom: none;
  transition: background .2s, color .2s;
}
}


#left-navigation nav.vector-menu-tabs .vector-menu-content-list li,
#p-namespaces li a:hover,
#right-navigation nav.vector-menu-tabs .vector-menu-content-list 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 nav.vector-menu-tabs li.new a,
#p-namespaces .selected a,
#right-navigation nav.vector-menu-tabs li.new a,
#p-views .selected a {
#left-navigation nav.vector-menu-tabs li.new a:visited,
  background: #222;
#right-navigation nav.vector-menu-tabs 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 nav.vector-menu-tabs li.selected,
#p-namespaces li a.new,
#right-navigation nav.vector-menu-tabs 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 nav.vector-menu-tabs li.selected a,
#right-navigation nav.vector-menu-tabs li.selected a,
#left-navigation nav.vector-menu-tabs li.selected a:visited,
#right-navigation nav.vector-menu-tabs li.selected a:visited {
    color: #D28A0D
}
 
#left-navigation nav.vector-menu-tabs li a,
#right-navigation nav.vector-menu-tabs li a {
    color: #e87057
}
 
#left-navigation nav.vector-menu-tabs span,
#right-navigation nav.vector-menu-tabs span {
    background: transparent
}
 
/* Global tab bar block */
nav.vector-menu-tabs h3 {
    display: none
}
 
nav.vector-menu-tabs {
    float: left;
    height: 2.5em;
    background-image: url('images/tab-break.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    padding-left: 1px
}
 
nav.vector-menu-tabs .vector-menu-content-list {
    float: left;
    height: 100%;
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    background-image: url('images/tab-break.png');
    background-position: right bottom;
    background-repeat: no-repeat
}
 
nav.vector-menu-tabs .vector-menu-content-list li {
    float: left;
    line-height: 1.125em;
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #f3f3f3;
    background-image: url('images/tab-normal-fade.png');
    background-position: bottom left;
    background-repeat: repeat-x;
    white-space: nowrap
}
}


nav.vector-menu-tabs .vector-menu-content-list > li {
#p-cactions .vector-menu-heading {
    display: block
  display: inline-block;
  padding: .6em .9em;
  background: #2a2a2a;
  color: #e87057;
  border: 1px solid #e87057;
  border-bottom: none;
  cursor: pointer;
}
}


nav.vector-menu-tabs li.new a,
#p-cactions .vector-menu-content-list {
nav.vector-menu-tabs li.new a:visited {
  background: #333;
    color: #a55858
  border: 1px solid #e87057;
}
}


nav.vector-menu-tabs li.selected {
#p-cactions .vector-menu-content-list li a {
    background-image: url('images/tab-current-fade.png')
  display: block;
  padding: .4em .8em;
  background: #333;
  color: #c1c1c1;
  border-bottom: 1px solid #444;
}
}


nav.vector-menu-tabs li.selected a,
#p-cactions .vector-menu-content-list li a:hover {
nav.vector-menu-tabs li.selected a:visited {
  background: #3a3a3a;
    color: #333;
  color: #fff;
    text-decoration: none
}
}


nav.vector-menu-tabs li.icon a {
.vector-menu-tabs li a,
     background-position: bottom right;
.vector-menu-tabs li.selected a {
     background-repeat: no-repeat
     outline: none !important;
    box-shadow: none !important;
     border: none !important;
}
}


nav.vector-menu-tabs li a {
.vector-menu-tabs li.selected {
     display: inline-block;
     border: 1px solid #e87057 !important;
    height: 1.9em;
     background: #333;
    padding-left: .5em;
    padding-right: .5em;
    color: #e87057;
     cursor: pointer;
    font-size: .8em
}
}


nav.vector-menu-tabs li > a {
.vector-menu-tabs li.selected a {
    display: block
     color: #e87057 !important;
}
 
nav.vector-menu-tabs span {
    display: inline-block;
    background-image: url('images/tab-break.png');
    background-position: bottom right;
    background-repeat: no-repeat
}
 
nav.vector-menu-tabs span a {
    display: inline-block;
    padding-top: 1.25em
}
 
nav.vector-menu-tabs span > a {
     float: left;
    display: block
}
}


Line 1,347: Line 1,289:
     background-position: 5px 60%
     background-position: 5px 60%
}
}
 
#ca-unwatch.icon a,
#ca-watch.icon a,
#ca-unwatch.icon a:hover,
#ca-watch.icon a:hover,
#ca-unwatch.icon a:focus,
#ca-watch.icon a:focus,
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
  background-repeat: no-repeat;
}
#ca-unwatch.icon a {
#ca-unwatch.icon a {
     background-image: url('images/unwatch-icon.svg');
     background-image: url('images/unwatch-icon.svg');
Line 1,377: Line 1,328:
#ca-watch.icon a.loading {
#ca-watch.icon a.loading {
     background-image: url('images/watch-icon-loading.svg');
     background-image: url('images/watch-icon-loading.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon-loading.svg');
     background-image: linear-gradient(transparent, transparent), url('images/watch-icon-loading.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/watch-icon-loading.svg');
     -webkit-animation: rotate 700ms infinite linear;
     -webkit-animation: rotate 700ms infinite linear;
     -moz-animation: rotate 700ms infinite linear;
     -moz-animation: rotate 700ms infinite linear;