MediaWiki:Vector.css: Difference between revisions

Jump to: navigation, search

MediaWiki:Vector.css (view source)

Revision as of 20:53, 2 December 2022

284 bytes removed ,  2 December 2022
no edit summary
No edit summary
No edit summary
Line 535: Line 535:
}
}


#left-navigation div.darkvectorTabs,
#left-navigation div.vectorTabs,
#right-navigation div.darkvectorTabs {
#right-navigation div.vectorTabs {
     background-image: inherit;
     background-image: inherit;
     background-color: #e87057
     background-color: #e87057
}
}


#left-navigation div.darkvectorTabs ul,
#left-navigation div.vectorTabs ul,
#right-navigation div.darkvectorTabs ul {
#right-navigation div.vectorTabs ul {
     background-color: #e87057
     background-color: #e87057
}
}


#left-navigation div.darkvectorTabs ul li,
#left-navigation div.vectorTabs ul li,
#right-navigation div.darkvectorTabs ul li {
#right-navigation div.vectorTabs 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 555: Line 555:
}
}


#left-navigation div.darkvectorTabs li.new a,
#left-navigation div.vectorTabs li.new a,
#right-navigation div.darkvectorTabs li.new a,
#right-navigation div.vectorTabs li.new a,
#left-navigation div.darkvectorTabs li.new a:visited,
#left-navigation div.vectorTabs li.new a:visited,
#right-navigation div.darkvectorTabs li.new a:visited {
#right-navigation div.vectorTabs li.new a:visited {
     color: #d44
     color: #d44
}
}


#left-navigation div.darkvectorTabs li.selected,
#left-navigation div.vectorTabs li.selected,
#right-navigation div.darkvectorTabs li.selected {
#right-navigation div.vectorTabs 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 571: Line 571:
}
}


#left-navigation div.darkvectorTabs li.selected a,
#left-navigation div.vectorTabs li.selected a,
#right-navigation div.darkvectorTabs li.selected a,
#right-navigation div.vectorTabs li.selected a,
#left-navigation div.darkvectorTabs li.selected a:visited,
#left-navigation div.vectorTabs li.selected a:visited,
#right-navigation div.darkvectorTabs li.selected a:visited {
#right-navigation div.vectorTabs li.selected a:visited {
     color: #D28A0D
     color: #D28A0D
}
}


#left-navigation div.darkvectorTabs li a,
#left-navigation div.vectorTabs li a,
#right-navigation div.darkvectorTabs li a {
#right-navigation div.vectorTabs li a {
     color: #e87057
     color: #e87057
}
}


#left-navigation div.darkvectorTabs span,
#left-navigation div.vectorTabs span,
#right-navigation div.darkvectorTabs span {
#right-navigation div.vectorTabs span {
     background: transparent
     background: transparent
}
}


#mw-head #right-navigation div.darkvectorMenu h3 {
#mw-head #right-navigation div.vectorMenu h3 {
     background: inherit
     background: inherit
}
}


#mw-head div.darkvectorMenu h3 span {
#mw-head div.vectorMenu h3 span {
     color: #e87057
     color: #e87057
}
}


div.darkvectorMenu h3 a {
div.vectorMenu h3 a {
     background: inherit
     background: inherit
}
}


div.darkvectorMenu ul {
div.vectorMenu ul {
     background-color: black;
     background-color: black;
     border: solid 1px #0c0c0c
     border: solid 1px #0c0c0c
}
}


div.darkvectorMenu li a {
div.vectorMenu li a {
     color: #e87057
     color: #e87057
}
}


div.darkvectorMenu li.selected a,
div.vectorMenu li.selected a,
div.darkvectorMenu li.selected a:visited {
div.vectorMenu li.selected a:visited {
     color: #D28A0D;
     color: #D28A0D;
     text-decoration: none
     text-decoration: none
}
}


div.darkvectorMenu#p-cactions div.menu {
div.vectorMenu#p-cactions div.menu {
     border-color: #666
     border-color: #666
}
}


div.darkvectorMenu#p-cactions ul {
div.vectorMenu#p-cactions ul {
     border: 0;
     border: 0;
     background-color: #4c4c4c
     background-color: #4c4c4c
Line 753: Line 753:
}
}


body.darkvector-animateLayout .mw-body,
body.vector-animateLayout .mw-body,
body.darkvector-animateLayout #footer,
body.vector-animateLayout #footer,
body.darkvector-animateLayout #left-navigation {
body.vector-animateLayout #left-navigation {
     -webkit-transition: margin-left 250ms, padding 250ms;
     -webkit-transition: margin-left 250ms, padding 250ms;
     -moz-transition: margin-left 250ms, padding 250ms;
     -moz-transition: margin-left 250ms, padding 250ms;
Line 762: Line 762:
}
}


body.darkvector-animateLayout #p-logo {
body.vector-animateLayout #p-logo {
     -webkit-transition: left 250ms;
     -webkit-transition: left 250ms;
     -moz-transition: left 250ms;
     -moz-transition: left 250ms;
Line 769: Line 769:
}
}


body.darkvector-animateLayout #mw-panel {
body.vector-animateLayout #mw-panel {
     -webkit-transition: padding-right 250ms;
     -webkit-transition: padding-right 250ms;
     -moz-transition: padding-right 250ms;
     -moz-transition: padding-right 250ms;
Line 776: Line 776:
}
}


body.darkvector-animateLayout #p-search {
body.vector-animateLayout #p-search {
     -webkit-transition: margin-right 250ms;
     -webkit-transition: margin-right 250ms;
     -moz-transition: margin-right 250ms;
     -moz-transition: margin-right 250ms;
Line 783: Line 783:
}
}


body.darkvector-animateLayout #p-personal {
body.vector-animateLayout #p-personal {
     -webkit-transition: right 250ms;
     -webkit-transition: right 250ms;
     -moz-transition: right 250ms;
     -moz-transition: right 250ms;
Line 790: Line 790:
}
}


body.darkvector-animateLayout #mw-head-base {
body.vector-animateLayout #mw-head-base {
     -webkit-transition: margin-left 250ms;
     -webkit-transition: margin-left 250ms;
     -moz-transition: margin-left 250ms;
     -moz-transition: margin-left 250ms;
Line 922: Line 922:
     overflow: hidden;
     overflow: hidden;
     background-image: url('images/search-ltr.png');
     background-image: url('images/search-ltr.png');
     background-image: -webkit-linear-gradient(transparent, transparent), url('skins/DarkVector/images/search.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('skins/darkvector/images/search.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/search.svg');
     background-image: linear-gradient(transparent, transparent), url('skins/DarkVector/images/search.svg');
     background-position: center center;
     background-position: center center;
Line 932: Line 932:
}
}


div.darkvectorTabs h3 {
div.vectorTabs h3 {
     display: none
     display: none
}
}


div.darkvectorTabs {
div.vectorTabs {
     float: left;
     float: left;
     height: 2.5em;
     height: 2.5em;
Line 945: Line 945:
}
}


div.darkvectorTabs ul {
div.vectorTabs ul {
     float: left;
     float: left;
     height: 100%;
     height: 100%;
Line 957: Line 957:
}
}


div.darkvectorTabs ul li {
div.vectorTabs ul li {
     float: left;
     float: left;
     line-height: 1.125em;
     line-height: 1.125em;
Line 971: Line 971:
}
}


div.darkvectorTabs ul>li {
div.vectorTabs ul>li {
     display: block
     display: block
}
}


div.darkvectorTabs li.new a,
div.vectorTabs li.new a,
div.darkvectorTabs li.new a:visited {
div.vectorTabs li.new a:visited {
     color: #a55858
     color: #a55858
}
}


div.darkvectorTabs li.selected {
div.vectorTabs li.selected {
     background-image: url('images/tab-current-fade.png')
     background-image: url('images/tab-current-fade.png')
}
}


div.darkvectorTabs li.selected a,
div.vectorTabs li.selected a,
div.darkvectorTabs li.selected a:visited {
div.vectorTabs li.selected a:visited {
     color: #333;
     color: #333;
     text-decoration: none
     text-decoration: none
}
}


div.darkvectorTabs li.icon a {
div.vectorTabs li.icon a {
     background-position: bottom right;
     background-position: bottom right;
     background-repeat: no-repeat
     background-repeat: no-repeat
}
}


div.darkvectorTabs li a {
div.vectorTabs li a {
     display: inline-block;
     display: inline-block;
     height: 1.9em;
     height: 1.9em;
Line 1,005: Line 1,005:
}
}


div.darkvectorTabs li>a {
div.vectorTabs li>a {
     display: block
     display: block
}
}


div.darkvectorTabs span {
div.vectorTabs span {
     display: inline-block;
     display: inline-block;
     background-image: url('images/tab-break.png');
     background-image: url('images/tab-break.png');
Line 1,016: Line 1,016:
}
}


div.darkvectorTabs span a {
div.vectorTabs span a {
     display: inline-block;
     display: inline-block;
     padding-top: 1.25em
     padding-top: 1.25em
}
}


div.darkvectorTabs span>a {
div.vectorTabs span>a {
     float: left;
     float: left;
     display: block
     display: block
}
}


div.darkvectorMenu {
div.vectorMenu {
     direction: ltr;
     direction: ltr;
     float: left;
     float: left;
Line 1,033: Line 1,033:
}
}


body.rtl div.darkvectorMenu {
body.rtl div.vectorMenu {
     direction: rtl
     direction: rtl
}
}


#mw-head div.darkvectorMenu h3 {
#mw-head div.vectorMenu h3 {
     float: left;
     float: left;
     background-image: url('images/tab-break.png');
     background-image: url('images/tab-break.png');
Line 1,049: Line 1,049:
}
}


div.darkvectorMenu h3 span {
div.vectorMenu h3 span {
     display: block;
     display: block;
     font-size: .8em;
     font-size: .8em;
Line 1,059: Line 1,059:
}
}


div.darkvectorMenu h3 a {
div.vectorMenu h3 a {
     position: absolute;
     position: absolute;
     top: 0;
     top: 0;
Line 1,076: Line 1,076:
}
}


div.darkvectorMenu.menuForceShow h3 a {
div.vectorMenu.menuForceShow h3 a {
     background-position: 100% 100%
     background-position: 100% 100%
}
}


div.darkvectorMenuFocus h3 a {
div.vectorMenuFocus h3 a {
     background-image: url('images/arrow-down-focus-icon.png');
     background-image: url('images/arrow-down-focus-icon.png');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/arrow-down-focus-icon.svg');
     background-image: -webkit-linear-gradient(transparent, transparent), url('images/arrow-down-focus-icon.svg');
Line 1,086: Line 1,086:
}
}


div.darkvectorMenu div.menu {
div.vectorMenu div.menu {
     min-width: 100%;
     min-width: 100%;
     position: absolute;
     position: absolute;
Line 1,099: Line 1,099:
}
}


div.darkvectorMenu:hover div.menu,
div.vectorMenu:hover div.menu,
div.darkvectorMenu.menuForceShow div.menu {
div.vectorMenu.menuForceShow div.menu {
     display: block
     display: block
}
}


div.darkvectorMenu ul {
div.vectorMenu ul {
     list-style-type: none;
     list-style-type: none;
     list-style-image: none;
     list-style-image: none;
Line 1,112: Line 1,112:
}
}


div.darkvectorMenu ul,
div.vectorMenu ul,
x:-moz-any-link {
x:-moz-any-link {
     min-width: 5em
     min-width: 5em
}
}


div.darkvectorMenu ul,
div.vectorMenu ul,
x:-moz-any-link,
x:-moz-any-link,
x:default {
x:default {
Line 1,123: Line 1,123:
}
}


div.darkvectorMenu li {
div.vectorMenu li {
     padding: 0;
     padding: 0;
     margin: 0;
     margin: 0;
Line 1,130: Line 1,130:
}
}


div.darkvectorMenu li a {
div.vectorMenu li a {
     display: inline-block;
     display: inline-block;
     padding: .5em;
     padding: .5em;
Line 1,139: Line 1,139:
}
}


div.darkvectorMenu li>a {
div.vectorMenu li>a {
     display: block
     display: block
}
}


div.darkvectorMenu li.selected a,
div.vectorMenu li.selected a,
div.darkvectorMenu li.selected a:visited {
div.vectorMenu li.selected a:visited {
     color: #333;
     color: #333;
     text-decoration: none
     text-decoration: none
Retrieved from "https://screamer.wiki/Special:MobileDiff/118432"

Navigation menu