Screamer Wiki

MediaWiki:Vector.css: Difference between revisions

← Older edit
No edit summary
Tag: Reverted
No edit summary
 
(11 intermediate revisions by the same user not shown)
Line 349: Line 349:


.oo-ui-radioInputWidget input[type="radio"]:checked + span {
.oo-ui-radioInputWidget input[type="radio"]:checked + span {
     background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/circle-constructive.png') !important;
     background-image: linear-gradient(transparent, transparent), url('images/circle-constructive.png') !important;
     background-position: center center !important;
     background-position: center center !important;
}
}
Line 388: Line 388:


.uls-menu .uls-search-label {
.uls-menu .uls-search-label {
     background: transparent url('skins/Vector/images/search.svg') !important;
     background: transparent url('skins/Darkvector/images/search.svg') !important;
     background-repeat: no-repeat !important;
     background-repeat: no-repeat !important;
}
}


.uls-icon-close {
.uls-icon-close {
     background: transparent url('skins/Vector/images/exit.png') !important;
     background: transparent url('images/exit.png') !important;
     background-repeat: no-repeat !important;
     background-repeat: no-repeat !important;
     background-position: center center !important;
     background-position: center center !important;
Line 585: Line 585:


.mw-ui-checkbox:not(#noop) input[type="checkbox"] + label::before {
.mw-ui-checkbox:not(#noop) input[type="checkbox"] + label::before {
     background-image: url('skins/Vector/images/check-constructive.png') !important;
     background-image: url('images/check-constructive.png') !important;
}
}


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,
#p-cactions .vector-menu-heading {
#right-navigation nav.vector-menu-tabs li.selected a,
  display: inline-block;
#left-navigation nav.vector-menu-tabs li.selected a:visited,
  padding: .6em .9em;
#right-navigation nav.vector-menu-tabs li.selected a:visited {
  background: #2a2a2a;
    color: #D28A0D
  color: #e87057;
  border: 1px solid #e87057;
  border-bottom: none;
  cursor: pointer;
}
}


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


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


/* Global tab bar block */
#p-cactions .vector-menu-content-list li a:hover {
nav.vector-menu-tabs h3 {
  background: #3a3a3a;
    display: none
  color: #fff;
}
}


nav.vector-menu-tabs {
.vector-menu-tabs li a,
    float: left;
.vector-menu-tabs li.selected a {
    height: 2.5em;
     outline: none !important;
    background-image: url('skins/Vector/images/tab-break.png');
     box-shadow: none !important;
     background-position: bottom left;
     border: none !important;
     background-repeat: no-repeat;
     padding-left: 1px
}
}


nav.vector-menu-tabs .vector-menu-content-list {
.vector-menu-tabs li.selected {
     float: left;
     border: 1px solid #e87057 !important;
    height: 100%;
     background: #333;
    list-style-type: none;
    list-style-image: none;
    margin: 0;
    padding: 0;
    background-image: url('skins/Vector/images/tab-break.png');
     background-position: right bottom;
    background-repeat: no-repeat
}
}


nav.vector-menu-tabs .vector-menu-content-list li {
.vector-menu-tabs li.selected a {
    float: left;
     color: #e87057 !important;
    line-height: 1.125em;
    display: inline-block;
    height: 100%;
    margin: 0;
    padding: 0;
    background-color: #f3f3f3;
    background-image: url('skins/Vector/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 {
    display: block
}
 
nav.vector-menu-tabs li.new a,
nav.vector-menu-tabs li.new a:visited {
    color: #a55858
}
 
nav.vector-menu-tabs li.selected {
    background-image: url('skins/Vector/images/tab-current-fade.png')
}
 
nav.vector-menu-tabs li.selected a,
nav.vector-menu-tabs li.selected a:visited {
    color: #333;
    text-decoration: none
}
 
nav.vector-menu-tabs li.icon a {
    background-position: bottom right;
    background-repeat: no-repeat
}
 
nav.vector-menu-tabs li a {
    display: inline-block;
    height: 1.9em;
    padding-left: .5em;
    padding-right: .5em;
     color: #e87057;
    cursor: pointer;
    font-size: .8em
}
 
nav.vector-menu-tabs li > a {
    display: block
}
 
nav.vector-menu-tabs span {
    display: inline-block;
    background-image: url('skins/Vector/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 861: Line 803:
ul {
ul {
     list-style-type: disc;
     list-style-type: disc;
     list-style-image: url('skins/Vector/images/bullet-icon.svg')
     list-style-image: url('images/bullet-icon.svg')
}
}


Line 963: Line 905:
     background-position: left top;
     background-position: left top;
     background-repeat: no-repeat;
     background-repeat: no-repeat;
     background-image: url('skins/Vector/images/user-icon.png');
     background-image: url('images/user-icon.png');
     background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/user-icon.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/user-icon.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/user-icon.svg');
     background-image: linear-gradient(transparent, transparent), url('images/user-icon.svg');
     padding-left: 15px !important
     padding-left: 15px !important
}
}
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;
Retrieved from "https://screamer.wiki/MediaWiki:Vector.css"