MediaWiki:Vector.css: Difference between revisions

No edit summary
Tag: Reverted
No edit summary
Tags: Manual revert Reverted
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,
#left-navigation div.darkvectorTabs,
#right-navigation nav.vector-menu-tabs {
#right-navigation div.darkvectorTabs {
     background-image: inherit;
     background-image: inherit;
     background-color: #e87057
     background-color: #e87057
}
}


#left-navigation nav.vector-menu-tabs .vector-menu-content-list,
#left-navigation div.darkvectorTabs ul,
#right-navigation nav.vector-menu-tabs .vector-menu-content-list {
#right-navigation div.darkvectorTabs ul {
     background-color: #e87057
     background-color: #e87057
}
}


#left-navigation nav.vector-menu-tabs .vector-menu-content-list li,
#left-navigation div.darkvectorTabs ul li,
#right-navigation nav.vector-menu-tabs .vector-menu-content-list li {
#right-navigation div.darkvectorTabs ul li {
     background-color: #e87057;
     background-color: #e87057;
     background-image: -moz-linear-gradient(top, #333 20%, #2a2a2a 100%);
     background-image: -moz-linear-gradient(top, #333 20%, #2a2a2a 100%);
Line 630: Line 630:
}
}


#left-navigation nav.vector-menu-tabs li.new a,
#left-navigation div.darkvectorTabs li.new a,
#right-navigation nav.vector-menu-tabs li.new a,
#right-navigation div.darkvectorTabs li.new a,
#left-navigation nav.vector-menu-tabs li.new a:visited,
#left-navigation div.darkvectorTabs li.new a:visited,
#right-navigation nav.vector-menu-tabs li.new a:visited {
#right-navigation div.darkvectorTabs li.new a:visited {
     color: #d44
     color: #d44
}
}


#left-navigation nav.vector-menu-tabs li.selected,
#left-navigation div.darkvectorTabs li.selected,
#right-navigation nav.vector-menu-tabs li.selected {
#right-navigation div.darkvectorTabs li.selected {
     background-color: #333;
     background-color: #333;
     background-image: -moz-linear-gradient(top, #e87057 0, #333 10%);
     background-image: -moz-linear-gradient(top, #e87057 0, #333 10%);
Line 646: Line 646:
}
}


#left-navigation nav.vector-menu-tabs li.selected a,
#left-navigation div.darkvectorTabs li.selected a,
#right-navigation nav.vector-menu-tabs li.selected a,
#right-navigation div.darkvectorTabs li.selected a,
#left-navigation nav.vector-menu-tabs li.selected a:visited,
#left-navigation div.darkvectorTabs li.selected a:visited,
#right-navigation nav.vector-menu-tabs li.selected a:visited {
#right-navigation div.darkvectorTabs li.selected a:visited {
     color: #D28A0D
     color: #D28A0D
}
}


#left-navigation nav.vector-menu-tabs li a,
#left-navigation div.darkvectorTabs li a,
#right-navigation nav.vector-menu-tabs li a {
#right-navigation div.darkvectorTabs li a {
     color: #e87057
     color: #e87057
}
}


#left-navigation nav.vector-menu-tabs span,
#left-navigation div.darkvectorTabs span,
#right-navigation nav.vector-menu-tabs span {
#right-navigation div.darkvectorTabs span {
     background: transparent
     background: transparent
}
}


/* Global tab bar block */
#mw-head #right-navigation div.darkvectorMenu h3 {
nav.vector-menu-tabs h3 {
     background: inherit
     display: none
}
}


nav.vector-menu-tabs {
#mw-head div.darkvectorMenu h3 span {
     float: left;
     color: #e87057
    height: 2.5em;
    background-image: url('skins/Vector/images/tab-break.png');
    background-position: bottom left;
    background-repeat: no-repeat;
    padding-left: 1px
}
}


nav.vector-menu-tabs .vector-menu-content-list {
div.darkvectorMenu h3 a {
    float: left;
     background: inherit
    height: 100%;
    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 {
div.darkvectorMenu ul {
    float: left;
     background-color: black;
    line-height: 1.125em;
     border: solid 1px #0c0c0c
    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 {
div.darkvectorMenu li a {
     display: block
     color: #e87057
}
}


nav.vector-menu-tabs li.new a,
div.darkvectorMenu li.selected a,
nav.vector-menu-tabs li.new a:visited {
div.darkvectorMenu li.selected a:visited {
    color: #a55858
     color: #D28A0D;
}
 
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
     text-decoration: none
}
}


nav.vector-menu-tabs li.icon a {
div.darkvectorMenu#p-cactions div.menu {
     background-position: bottom right;
     border-color: #666
    background-repeat: no-repeat
}
}


nav.vector-menu-tabs li a {
div.darkvectorMenu#p-cactions ul {
     display: inline-block;
     border: 0;
     height: 1.9em;
     background-color: #4c4c4c
    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 802:
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 904:
     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
}
}