Difference between revisions of "Vector.css"
| Line 1: | Line 1: | ||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
| + | |||
/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */ | /* Override Vector colour scheme to make it dark (compiled from modified LESS code) */ | ||
| − | + | h1, | |
| − | + | h2, | |
| + | h3, | ||
| + | h4, | ||
| + | h5, | ||
| + | h6 { | ||
| + | color: #c1c1c1 | ||
| + | } | ||
| − | + | hr { | |
| + | color: #222 | ||
| + | } | ||
| − | + | .editOptions { | |
| − | + | background-color: #333; | |
| − | + | border-color: #4c4c4c | |
| − | + | } | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | input, | |
| − | + | textarea { | |
| − | + | background-color: #4c4c4c; | |
| − | + | border-color: #4c4c4c; | |
| − | + | color: #c1c1c1 | |
| − | + | } | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | + | a, | |
| − | + | .mw-body a.external, | |
| + | .mw-body a.extiw { | ||
| + | color: #e69710 | ||
| + | } | ||
| − | + | a:visited, | |
| − | color:# | + | .mw-body a.external:visited, |
| + | .mw-body a.extiw:visited { | ||
| + | color: #8a7f6c | ||
} | } | ||
| − | + | a.new, | |
| − | color:# | + | #p-personal a.new { |
| + | color: #d44 | ||
} | } | ||
| − | + | ul { | |
| − | + | list-style-image: none | |
| − | |||
} | } | ||
| − | + | div.thumbinner, | |
| − | background-color:#4c4c4c; | + | .catlinks { |
| − | + | background-color: #4c4c4c; | |
| − | border-color:# | + | border-color: #666 |
} | } | ||
| − | ul { | + | #toc, |
| − | + | div.toc, | |
| − | + | ul#filetoc, | |
| + | li.gallerybox div.thumb { | ||
| + | background-color: #4c4c4c; | ||
| + | border-color: #666 | ||
} | } | ||
code { | code { | ||
| − | border:none; | + | border: none; |
| − | background-color:inherit; | + | background-color: inherit; |
| − | color:inherit | + | color: inherit |
} | } | ||
| − | table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>th,table.wikitable>*>tr>td,pre { | + | table.mw_metadata td, |
| − | color:#c1c1c1; | + | table.mw_metadata th, |
| − | background-color:#4c4c4c; | + | table.wikitable, |
| − | border-color:#666 | + | table.wikitable>*>tr>th, |
| + | table.wikitable>*>tr>td, | ||
| + | pre { | ||
| + | color: #c1c1c1; | ||
| + | background-color: #4c4c4c; | ||
| + | border-color: #666 | ||
} | } | ||
| − | table.mw_metadata th,table.wikitable>*>tr>th { | + | table.mw_metadata th, |
| − | background-color:#595959 | + | table.wikitable>*>tr>th { |
| + | background-color: #595959 | ||
} | } | ||
table.diff { | table.diff { | ||
| − | background-color:#4c4c4c | + | background-color: #4c4c4c |
} | } | ||
td .diffchange { | td .diffchange { | ||
| − | color:#4c4c4c | + | color: #4c4c4c |
} | } | ||
| − | #pagehistory li.selected,td.diff-context { | + | #pagehistory li.selected, |
| − | background-color:inherit; | + | td.diff-context { |
| − | color:inherit | + | background-color: inherit; |
| + | color: inherit | ||
} | } | ||
#pagehistory li { | #pagehistory li { | ||
| − | border:0 | + | border: 0 |
} | } | ||
| − | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { | + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, |
| − | background-color:rgba(0,0,0,0.8) | + | ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, |
| + | ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { | ||
| + | background-color: rgba(0, 0, 0, 0.8) | ||
} | } | ||
| − | #left-navigation div.vectorTabs,#right-navigation div.vectorTabs { | + | #left-navigation div.vectorTabs, |
| − | background-image:inherit; | + | #right-navigation div.vectorTabs { |
| − | background-color:#250b2d | + | background-image: inherit; |
| + | background-color: #250b2d | ||
} | } | ||
| − | #left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul { | + | #left-navigation div.vectorTabs ul, |
| − | background-color:#250b2d | + | #right-navigation div.vectorTabs ul { |
| + | background-color: #250b2d | ||
} | } | ||
| − | #left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li { | + | #left-navigation div.vectorTabs ul li, |
| − | background-color:#222; | + | #right-navigation div.vectorTabs ul li { |
| − | background-image:linear-gradient(# | + | background-color: #222; |
| + | background-image: -moz-linear-gradient(top, #2e2e2e 20%, #222 100%); | ||
| + | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #2e2e2e), color-stop(100%, #222)); | ||
| + | background-image: -webkit-linear-gradient(top, #2e2e2e 20%, #222 100%); | ||
| + | background-image: linear-gradient(#2e2e2e 20%, #222 100%) | ||
} | } | ||
| − | #left-navigation div.vectorTabs li. | + | #left-navigation div.vectorTabs li.new a, |
| − | + | #right-navigation div.vectorTabs li.new a, | |
| − | + | #left-navigation div.vectorTabs li.new a:visited, | |
| + | #right-navigation div.vectorTabs li.new a:visited { | ||
| + | color: #d44 | ||
} | } | ||
| − | #left-navigation div.vectorTabs span,#right-navigation div.vectorTabs span { | + | #left-navigation div.vectorTabs li.selected, |
| − | background:transparent | + | #right-navigation div.vectorTabs li.selected { |
| + | background-color: #333; | ||
| + | background-image: -moz-linear-gradient(top, #e69710 0, #333 10%); | ||
| + | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e69710), color-stop(10%, #333)); | ||
| + | background-image: -webkit-linear-gradient(top, #e69710 0, #333 10%); | ||
| + | background-image: linear-gradient(#e69710 0, #333 10%) | ||
| + | } | ||
| + | |||
| + | #left-navigation div.vectorTabs li.selected a, | ||
| + | #right-navigation div.vectorTabs li.selected a, | ||
| + | #left-navigation div.vectorTabs li.selected a:visited, | ||
| + | #right-navigation div.vectorTabs li.selected a:visited { | ||
| + | color: #8a7f6c | ||
| + | } | ||
| + | |||
| + | #left-navigation div.vectorTabs li a, | ||
| + | #right-navigation div.vectorTabs li a { | ||
| + | color: #e69710 | ||
| + | } | ||
| + | |||
| + | #left-navigation div.vectorTabs span, | ||
| + | #right-navigation div.vectorTabs span { | ||
| + | background: transparent | ||
} | } | ||
div#mw-head #right-navigation div.vectorMenu h3 { | div#mw-head #right-navigation div.vectorMenu h3 { | ||
| − | background:inherit | + | background: inherit |
| + | } | ||
| + | |||
| + | div#mw-head div.vectorMenu h3 span { | ||
| + | color: #e69710 | ||
} | } | ||
div.vectorMenu h3 a { | div.vectorMenu h3 a { | ||
| − | background:inherit | + | background: inherit |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
div.vectorMenu ul { | div.vectorMenu ul { | ||
| − | background-color: | + | background-color: black; |
| − | border:solid 1px #0c0c0c | + | border: solid 1px #0c0c0c |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
div.vectorMenu li a { | div.vectorMenu li a { | ||
| − | + | color: #e69710 | |
| − | + | } | |
| − | color:# | + | |
| − | + | div.vectorMenu li.selected a, | |
| − | + | div.vectorMenu li.selected a:visited { | |
| − | + | color: #8a7f6c; | |
| + | text-decoration: none | ||
} | } | ||
div.vectorMenu#p-cactions div.menu { | div.vectorMenu#p-cactions div.menu { | ||
| − | border-color:#666 | + | border-color: #666 |
} | } | ||
div.vectorMenu#p-cactions ul { | div.vectorMenu#p-cactions ul { | ||
| − | border:0; | + | border: 0; |
| − | background-color:#4c4c4c | + | background-color: #4c4c4c |
} | } | ||
#mw-navigation div#mw-panel div.portal { | #mw-navigation div#mw-panel div.portal { | ||
| − | background-image:none; | + | background-image: none; |
| − | border-top:1px solid #4c4c4c | + | border-top: 1px solid #4c4c4c |
| + | } | ||
| + | |||
| + | #mw-navigation div#mw-panel div.portal#p-logo, | ||
| + | #mw-navigation div#mw-panel div.portal#p-navigation { | ||
| + | border-top: none | ||
} | } | ||
| − | + | html { | |
| − | + | font-size: 100% | |
} | } | ||
| − | html,body { | + | html, |
| − | height:100%; | + | body { |
| − | + | height: 100%; | |
| − | margin:0; | + | margin: 0; |
| − | padding:0; | + | padding: 0; |
| + | font-family: sans-serif | ||
} | } | ||
body { | body { | ||
| − | background-color:# | + | background-color: #2a2a2a |
} | } | ||
.mw-body { | .mw-body { | ||
| − | margin-left:10em; | + | margin-left: 10em; |
| − | border:1px solid # | + | padding: 1em; |
| − | border-right-width:0; | + | border: 1px solid #250b2d; |
| − | margin-top:-1px; | + | border-right-width: 0; |
| − | background-color:#333; | + | margin-top: -1px; |
| − | color:#c1c1c1; | + | background-color: #333; |
| − | direction:ltr | + | color: #c1c1c1; |
| − | + | direction: ltr | |
} | } | ||
| − | .mw-body .mw-editsection,.mw-body .mw-editsection-like { | + | .mw-body .mw-editsection, |
| − | font-family:sans-serif | + | .mw-body .mw-editsection-like { |
| + | font-family: sans-serif | ||
} | } | ||
.mw-body p { | .mw-body p { | ||
| − | line-height:inherit; | + | line-height: inherit; |
| − | margin:.5em 0 | + | margin: .5em 0 |
} | } | ||
| − | .mw-body h1,.mw-body h2,.mw-body #firstHeading { | + | .mw-body h1, |
| − | font-family:"Linux Libertine",Georgia,Times,serif; | + | .mw-body h2, |
| − | line-height:1.3; | + | .mw-body #firstHeading { |
| − | margin-bottom:.25em; | + | font-family: "Linux Libertine", Georgia, Times, serif; |
| − | padding:0 | + | line-height: 1.3; |
| + | margin-bottom: .25em; | ||
| + | padding: 0 | ||
} | } | ||
| − | .mw-body h1,.mw-body #firstHeading { | + | .mw-body h1, |
| − | font-size:1.8em | + | .mw-body #firstHeading { |
| + | font-size: 1.8em | ||
} | } | ||
.mw-body h2 { | .mw-body h2 { | ||
| − | font-size:1.5em; | + | font-size: 1.5em; |
| − | margin-top:1em | + | margin-top: 1em |
} | } | ||
| − | .mw-body h3,.mw-body h4,.mw-body h5,.mw-body h6 { | + | .mw-body h3, |
| − | line-height:1.6; | + | .mw-body h4, |
| − | margin-top:.3em; | + | .mw-body h5, |
| − | margin-bottom:0; | + | .mw-body h6 { |
| − | padding-bottom:0 | + | line-height: 1.6; |
| + | margin-top: .3em; | ||
| + | margin-bottom: 0; | ||
| + | padding-bottom: 0 | ||
} | } | ||
.mw-body h3 { | .mw-body h3 { | ||
| − | font-size:1.17em | + | font-size: 1.17em |
} | } | ||
| − | .mw-body h3,.mw-body h4 { | + | .mw-body h3, |
| − | font-weight: | + | .mw-body h4 { |
| + | font-weight: bold | ||
} | } | ||
| − | .mw-body | + | .mw-body h4, |
| − | font-size:100% | + | .mw-body h5, |
| − | + | .mw-body h6 { | |
| + | font-size: 100% | ||
} | } | ||
| − | pre,.mw-code { | + | .mw-body #toc h2, |
| − | line-height:1.3em | + | .mw-body .toc h2 { |
| + | font-size: 100%; | ||
| + | font-family: sans-serif | ||
| + | } | ||
| + | |||
| + | div.emptyPortlet { | ||
| + | display: none | ||
| + | } | ||
| + | |||
| + | ul { | ||
| + | list-style-type: disc; | ||
| + | list-style-image: /* @embed */ | ||
| + | url('skins/Vector/images/bullet-icon.png') | ||
| + | } | ||
| + | |||
| + | pre, | ||
| + | .mw-code { | ||
| + | line-height: 1.3em | ||
} | } | ||
#siteNotice { | #siteNotice { | ||
| − | font-size:.8em | + | font-size: .8em |
} | } | ||
.redirectText { | .redirectText { | ||
| − | font-size:140% | + | font-size: 140% |
} | } | ||
.redirectMsg img { | .redirectMsg img { | ||
| − | vertical-align:text-bottom | + | vertical-align: text-bottom |
} | } | ||
.mw-body-content { | .mw-body-content { | ||
| − | position:relative; | + | position: relative; |
| − | line-height:1.6; | + | line-height: 1.6; |
| − | font-size:.875em | + | font-size: .875em |
} | } | ||
| − | body.vector-animateLayout .mw-body,body.vector-animateLayout div#footer,body.vector-animateLayout #left-navigation { | + | body.vector-animateLayout .mw-body, |
| − | -webkit-transition:margin-left | + | body.vector-animateLayout div#footer, |
| − | -moz-transition:margin-left | + | body.vector-animateLayout #left-navigation { |
| − | -o-transition:margin-left | + | -webkit-transition: margin-left 250ms, padding 250ms; |
| − | transition:margin-left | + | -moz-transition: margin-left 250ms, padding 250ms; |
| + | -o-transition: margin-left 250ms, padding 250ms; | ||
| + | transition: margin-left 250ms, padding 250ms | ||
} | } | ||
body.vector-animateLayout #p-logo { | body.vector-animateLayout #p-logo { | ||
| − | -webkit-transition:left 250ms; | + | -webkit-transition: left 250ms; |
| − | -moz-transition:left 250ms; | + | -moz-transition: left 250ms; |
| − | -o-transition:left 250ms; | + | -o-transition: left 250ms; |
| − | transition:left 250ms | + | transition: left 250ms |
} | } | ||
body.vector-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; |
| − | -o-transition:padding-right 250ms; | + | -o-transition: padding-right 250ms; |
| − | transition:padding-right 250ms | + | transition: padding-right 250ms |
} | } | ||
body.vector-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; |
| − | -o-transition:margin-right 250ms; | + | -o-transition: margin-right 250ms; |
| − | transition:margin-right 250ms | + | transition: margin-right 250ms |
} | } | ||
body.vector-animateLayout #p-personal { | body.vector-animateLayout #p-personal { | ||
| − | -webkit-transition:right 250ms; | + | -webkit-transition: right 250ms; |
| − | -moz-transition:right 250ms; | + | -moz-transition: right 250ms; |
| − | -o-transition:right 250ms; | + | -o-transition: right 250ms; |
| − | transition:right 250ms | + | transition: right 250ms |
} | } | ||
body.vector-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; |
| − | -o-transition:margin-left 250ms; | + | -o-transition: margin-left 250ms; |
| − | transition:margin-left 250ms | + | transition: margin-left 250ms |
} | } | ||
#p-personal { | #p-personal { | ||
| − | position:absolute; | + | position: absolute; |
| − | top:.33em; | + | top: .33em; |
| − | right:.75em; | + | right: .75em; |
| − | z-index:100 | + | z-index: 100 |
| + | } | ||
| + | |||
| + | #p-personal h3 { | ||
| + | display: none | ||
} | } | ||
#p-personal ul { | #p-personal ul { | ||
| − | list-style-type:none; | + | list-style-type: none; |
| − | list-style-image:none; | + | list-style-image: none; |
| − | padding-left:10em | + | margin: 0; |
| − | + | padding-left: 10em | |
} | } | ||
#p-personal li { | #p-personal li { | ||
| − | line-height:1.125em; | + | line-height: 1.125em; |
| − | float:left; | + | float: left; |
| − | margin-left:.75em; | + | margin-left: .75em; |
| − | margin-top:.5em; | + | margin-top: .5em; |
| − | font-size:.75em; | + | font-size: .75em; |
| − | white-space:nowrap | + | white-space: nowrap |
} | } | ||
| − | #pt-userpage,#pt-anonuserpage { | + | #pt-userpage, |
| − | background-position:left top; | + | #pt-anonuserpage { |
| − | background-repeat:no-repeat; | + | background-position: left top; |
| − | background-image:linear-gradient(transparent,transparent), url(skins/Vector/images/user-icon.svg); | + | background-repeat: no-repeat; |
| − | padding-left:15px!important | + | background-image: url('skins/Vector/images/user-icon.png'); |
| + | background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/user-icon.svg'); | ||
| + | background-image: linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/user-icon.svg'); | ||
| + | padding-left: 15px !important | ||
} | } | ||
#p-search { | #p-search { | ||
| − | float:left; | + | float: left; |
| − | margin-right:.5em; | + | margin-right: .5em; |
| − | margin-left:.5em | + | margin-left: .5em |
| + | } | ||
| + | |||
| + | #p-search h3 { | ||
| + | display: none | ||
} | } | ||
| − | #p-search form,#p-search input { | + | #p-search form, |
| − | margin:.4em | + | #p-search input { |
| + | margin: 0; | ||
| + | margin-top: .4em | ||
} | } | ||
div#simpleSearch { | div#simpleSearch { | ||
| − | display:block; | + | display: block; |
| − | width:12.6em; | + | width: 12.6em; |
| − | padding-right:1.4em; | + | padding-right: 1.4em; |
| − | height:1.4em; | + | height: 1.4em; |
| − | margin-top:.65em; | + | margin-top: .65em; |
| − | position:relative; | + | position: relative; |
| − | min-height:1px; | + | min-height: 1px; |
| − | border:solid 1px #aaa; | + | border: solid 1px #aaa; |
| − | color: | + | color: black; |
| − | background-color: | + | background-color: white; |
| − | background-image:url(skins/Vector/images/search-fade.png); | + | background-image: /* @embed */ |
| − | background-position:top left; | + | url('skins/Vector/images/search-fade.png'); |
| − | background-repeat:repeat-x | + | background-position: top left; |
| + | background-repeat: repeat-x | ||
} | } | ||
div#simpleSearch input { | div#simpleSearch input { | ||
| − | border:0; | + | margin: 0; |
| − | background-color:transparent; | + | padding: 0; |
| − | color: | + | border: 0; |
| − | + | background-color: transparent; | |
| − | + | color: black | |
} | } | ||
div#simpleSearch #searchInput { | div#simpleSearch #searchInput { | ||
| − | width:100%; | + | width: 100%; |
| − | font-size:13px; | + | padding: .2em 0 .2em .2em; |
| − | direction:ltr; | + | font-size: 13px; |
| − | -webkit-appearance:textfield | + | direction: ltr; |
| − | + | -webkit-appearance: textfield | |
} | } | ||
div#simpleSearch #searchInput:focus { | div#simpleSearch #searchInput:focus { | ||
| − | outline:none | + | outline: none |
| + | } | ||
| + | |||
| + | div#simpleSearch #searchInput.placeholder { | ||
| + | color: #999 | ||
| + | } | ||
| + | |||
| + | div#simpleSearch #searchInput:-ms-input-placeholder { | ||
| + | color: #999 | ||
| + | } | ||
| + | |||
| + | div#simpleSearch #searchInput:-moz-placeholder { | ||
| + | color: #999 | ||
} | } | ||
| − | div#simpleSearch #searchInput::-webkit-search-decoration,div#simpleSearch #searchInput::-webkit-search-cancel-button,div#simpleSearch #searchInput::-webkit-search-results-button,div#simpleSearch #searchInput::-webkit-search-results-decoration { | + | div#simpleSearch #searchInput::-webkit-search-decoration, |
| − | -webkit-appearance:textfield | + | div#simpleSearch #searchInput::-webkit-search-cancel-button, |
| + | div#simpleSearch #searchInput::-webkit-search-results-button, | ||
| + | div#simpleSearch #searchInput::-webkit-search-results-decoration { | ||
| + | -webkit-appearance: textfield | ||
} | } | ||
| − | div#simpleSearch #searchButton,div#simpleSearch #mw-searchButton { | + | div#simpleSearch #searchButton, |
| − | position:absolute; | + | div#simpleSearch #mw-searchButton { |
| − | top:0; | + | position: absolute; |
| − | right:0; | + | top: 0; |
| − | width:1.65em; | + | right: 0; |
| − | height:100%; | + | width: 1.65em; |
| − | cursor:pointer; | + | height: 100%; |
| − | text-indent:-99999px; | + | cursor: pointer; |
| − | line-height:1; | + | text-indent: -99999px; |
| − | direction:ltr; | + | line-height: 1; |
| − | white-space:nowrap; | + | direction: ltr; |
| − | overflow:hidden; | + | white-space: nowrap; |
| − | background-image:linear-gradient(transparent,transparent), url(skins/Vector/images/search-ltr.svg); | + | overflow: hidden; |
| − | background-position:center center; | + | background-image: url('skins/Vector/images/search-ltr.png'); |
| − | background-repeat:no-repeat | + | background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ |
| + | url('skins/Vector/images/search-ltr.svg'); | ||
| + | background-image: linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/search-ltr.svg'); | ||
| + | background-position: center center; | ||
| + | background-repeat: no-repeat | ||
} | } | ||
div#simpleSearch #mw-searchButton { | div#simpleSearch #mw-searchButton { | ||
| − | z-index:1 | + | z-index: 1 |
| + | } | ||
| + | |||
| + | div.vectorTabs h3 { | ||
| + | display: none | ||
} | } | ||
div.vectorTabs { | div.vectorTabs { | ||
| − | float:left; | + | float: left; |
| − | height:2.5em; | + | height: 2.5em; |
| − | background-image:url(skins/Vector/images/tab-break.png); | + | background-image: /* @embed */ |
| − | background-position:bottom left; | + | url('skins/Vector/images/tab-break.png'); |
| − | background-repeat:no-repeat; | + | background-position: bottom left; |
| − | padding-left:1px | + | background-repeat: no-repeat; |
| + | padding-left: 1px | ||
} | } | ||
div.vectorTabs ul { | div.vectorTabs ul { | ||
| − | float:left; | + | float: left; |
| − | height:100%; | + | height: 100%; |
| − | list-style-type:none; | + | list-style-type: none; |
| − | list-style-image:none; | + | list-style-image: none; |
| − | background-image:url(skins/Vector/images/tab-break.png); | + | margin: 0; |
| − | background-position:right bottom; | + | padding: 0; |
| − | background-repeat:no-repeat | + | background-image: /* @embed */ |
| − | + | url('skins/Vector/images/tab-break.png'); | |
| − | + | background-position: right bottom; | |
| + | background-repeat: no-repeat | ||
} | } | ||
div.vectorTabs ul li { | div.vectorTabs ul li { | ||
| − | float:left; | + | float: left; |
| − | line-height:1.125em; | + | line-height: 1.125em; |
| − | display:inline-block; | + | display: inline-block; |
| − | height:100%; | + | height: 100%; |
| − | background-color:#f3f3f3; | + | margin: 0; |
| − | background-image:url(skins/Vector/images/tab-normal-fade.png); | + | padding: 0; |
| − | background-position:bottom left; | + | background-color: #f3f3f3; |
| − | background-repeat:repeat-x; | + | background-image: /* @embed */ |
| − | white-space:nowrap | + | url('skins/Vector/images/tab-normal-fade.png'); |
| − | + | background-position: bottom left; | |
| − | + | background-repeat: repeat-x; | |
| + | white-space: nowrap | ||
} | } | ||
| − | div.vectorTabs li.new a,div.vectorTabs li.new a:visited { | + | div.vectorTabs ul>li { |
| − | color:#a55858 | + | display: block |
| + | } | ||
| + | |||
| + | div.vectorTabs li.new a, | ||
| + | div.vectorTabs li.new a:visited { | ||
| + | color: #a55858 | ||
} | } | ||
div.vectorTabs li.selected { | div.vectorTabs li.selected { | ||
| − | background-image:url(skins/Vector/images/tab-current-fade.png); | + | background-image: /* @embed */ |
| + | url('skins/Vector/images/tab-current-fade.png') | ||
| + | } | ||
| + | |||
| + | div.vectorTabs li.selected a, | ||
| + | div.vectorTabs li.selected a:visited { | ||
| + | color: #333; | ||
| + | text-decoration: none | ||
} | } | ||
div.vectorTabs 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.vectorTabs li a { | div.vectorTabs li a { | ||
| − | display:inline-block; | + | display: inline-block; |
| − | height:1.9em; | + | height: 1.9em; |
| − | padding-left:.5em; | + | padding-left: .5em; |
| − | padding-right:.5em; | + | padding-right: .5em; |
| − | color:# | + | color: #e69710; |
| − | cursor:pointer; | + | cursor: pointer; |
| − | font-size:.8em | + | font-size: .8em |
| + | } | ||
| + | |||
| + | div.vectorTabs li>a { | ||
| + | display: block | ||
} | } | ||
div.vectorTabs span { | div.vectorTabs span { | ||
| − | display:inline-block; | + | display: inline-block; |
| − | background-image:url(skins/Vector/images/tab-break.png); | + | background-image: /* @embed */ |
| − | background-position:bottom right; | + | url('skins/Vector/images/tab-break.png'); |
| − | background-repeat:no-repeat | + | background-position: bottom right; |
| + | background-repeat: no-repeat | ||
} | } | ||
div.vectorTabs span a { | div.vectorTabs span a { | ||
| − | display:inline-block; | + | display: inline-block; |
| − | padding-top:1.25em | + | padding-top: 1.25em |
} | } | ||
div.vectorTabs span>a { | div.vectorTabs span>a { | ||
| − | float:left; | + | float: left; |
| − | display:block | + | display: block |
} | } | ||
div.vectorMenu { | div.vectorMenu { | ||
| − | direction:ltr; | + | direction: ltr; |
| − | float:left; | + | float: left; |
| − | cursor:pointer; | + | cursor: pointer; |
| − | position:relative | + | position: relative |
} | } | ||
body.rtl div.vectorMenu { | body.rtl div.vectorMenu { | ||
| − | direction:rtl | + | direction: rtl |
} | } | ||
div#mw-head div.vectorMenu h3 { | div#mw-head div.vectorMenu h3 { | ||
| − | float:left; | + | float: left; |
| − | background-image:url(skins/Vector/images/tab-break.png); | + | background-image: /* @embed */ |
| − | background-repeat:no-repeat; | + | url('skins/Vector/images/tab-break.png'); |
| − | background-position:bottom right; | + | background-repeat: no-repeat; |
| − | margin-left:-1px; | + | background-position: bottom right; |
| − | font-size:1em; | + | margin-left: -1px; |
| − | height:2.5em; | + | font-size: 1em; |
| − | padding-right:1px; | + | height: 2.5em; |
| − | margin-right:-1px | + | padding-right: 1px; |
| + | margin-right: -1px | ||
} | } | ||
div.vectorMenu h3 span { | div.vectorMenu h3 span { | ||
| − | display:block; | + | display: block; |
| − | font-size:.8em; | + | font-size: .8em; |
| − | padding-left:.7em; | + | padding-left: .7em; |
| − | padding-top:1.375em; | + | padding-top: 1.375em; |
| − | margin-right:20px; | + | margin-right: 20px; |
| − | font-weight: | + | font-weight: normal; |
| − | color:#4d4d4d; | + | color: #4d4d4d |
| + | } | ||
| + | |||
| + | div.vectorMenu h3 a { | ||
| + | position: absolute; | ||
| + | top: 0; | ||
| + | right: 0; | ||
| + | width: 20px; | ||
| + | height: 2.5em; | ||
| + | background-image: url('skins/Vector/images/arrow-down-icon.png'); | ||
| + | background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/arrow-down-icon.svg'); | ||
| + | background-image: linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/arrow-down-icon.svg'); | ||
| + | background-position: 100% 70%; | ||
| + | background-repeat: no-repeat; | ||
| + | -webkit-transition: background-position 250ms; | ||
| + | -moz-transition: background-position 250ms; | ||
| + | -o-transition: background-position 250ms; | ||
| + | transition: background-position 250ms | ||
} | } | ||
div.vectorMenu.menuForceShow h3 a { | div.vectorMenu.menuForceShow h3 a { | ||
| − | background-position:100% 100% | + | background-position: 100% 100% |
} | } | ||
div.vectorMenuFocus h3 a { | div.vectorMenuFocus h3 a { | ||
| − | background-image:linear-gradient(transparent,transparent), url(skins/Vector/images/arrow-down-focus-icon.svg); | + | background-image: url('skins/Vector/images/arrow-down-focus-icon.png'); |
| + | background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/arrow-down-focus-icon.svg'); | ||
| + | background-image: linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/arrow-down-focus-icon.svg') | ||
} | } | ||
div.vectorMenu div.menu { | div.vectorMenu div.menu { | ||
| − | min-width:100%; | + | min-width: 100%; |
| − | position:absolute; | + | position: absolute; |
| − | top:2.5em; | + | top: 2.5em; |
| − | left:-1px; | + | left: -1px; |
| − | background-color: | + | background-color: white; |
| − | border:solid 1px silver; | + | border: solid 1px silver; |
| − | border-top-width:0; | + | border-top-width: 0; |
| − | clear:both; | + | clear: both; |
| − | text-align:left; | + | text-align: left; |
| − | display:none; | + | display: none |
| + | } | ||
| + | |||
| + | div.vectorMenu:hover div.menu, | ||
| + | div.vectorMenu.menuForceShow div.menu { | ||
| + | display: block | ||
| + | } | ||
| + | |||
| + | div.vectorMenu ul { | ||
| + | list-style-type: none; | ||
| + | list-style-image: none; | ||
| + | padding: 0; | ||
| + | margin: 0; | ||
| + | text-align: left | ||
} | } | ||
| − | div.vectorMenu ul,x:-moz-any-link { | + | div.vectorMenu ul, |
| − | min-width:5em | + | x:-moz-any-link { |
| + | min-width: 5em | ||
} | } | ||
| − | div.vectorMenu ul,x:-moz-any-link,x:default { | + | div.vectorMenu ul, |
| − | min-width:0 | + | x:-moz-any-link, |
| + | x:default { | ||
| + | min-width: 0 | ||
} | } | ||
div.vectorMenu li { | div.vectorMenu li { | ||
| − | text-align:left; | + | padding: 0; |
| − | line-height:1em; | + | margin: 0; |
| − | + | text-align: left; | |
| − | + | line-height: 1em | |
| + | } | ||
| + | |||
| + | div.vectorMenu li a { | ||
| + | display: inline-block; | ||
| + | padding: .5em; | ||
| + | white-space: nowrap; | ||
| + | color: #e69710; | ||
| + | cursor: pointer; | ||
| + | font-size: .8em | ||
} | } | ||
| − | + | div.vectorMenu li>a { | |
| − | + | display: block | |
| − | |||
| − | |||
} | } | ||
| − | #ca-unwatch.icon a,#ca-watch.icon a { | + | div.vectorMenu li.selected a, |
| − | display:block; | + | div.vectorMenu li.selected a:visited { |
| − | width:26px; | + | color: #333; |
| − | height:0; | + | text-decoration: none |
| − | overflow:hidden; | + | } |
| − | background-position:5px 60% | + | |
| − | + | @-webkit-keyframes rotate { | |
| − | + | from { | |
| + | -webkit-transform: rotate(0deg); | ||
| + | -moz-transform: rotate(0deg); | ||
| + | transform: rotate(0deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit-transform: rotate(360deg); | ||
| + | -moz-transform: rotate(360deg); | ||
| + | transform: rotate(360deg) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @-moz-keyframes rotate { | ||
| + | from { | ||
| + | -webkit-transform: rotate(0deg); | ||
| + | -moz-transform: rotate(0deg); | ||
| + | transform: rotate(0deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit-transform: rotate(360deg); | ||
| + | -moz-transform: rotate(360deg); | ||
| + | transform: rotate(360deg) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @-o-keyframes rotate { | ||
| + | from { | ||
| + | -webkit-transform: rotate(0deg); | ||
| + | -moz-transform: rotate(0deg); | ||
| + | transform: rotate(0deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit-tra n n nsform: rotate(360deg); | ||
| + | -moz-transform: rotate(360deg); | ||
| + | transform: rotate(360deg) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | @keyframes rotate { | ||
| + | from { | ||
| + | -webkit-transform: rotate(0deg); | ||
| + | -moz-transform: rotate(0deg); | ||
| + | transform: rotate(0deg) | ||
| + | } | ||
| + | to { | ||
| + | -webkit-transform: rotate(360deg); | ||
| + | -moz-transform: rotate(360deg); | ||
| + | transform: rotate(360deg) | ||
| + | } | ||
| + | } | ||
| + | |||
| + | #ca-unwatch.icon a, | ||
| + | #ca-watch.icon a { | ||
| + | margin: 0; | ||
| + | padding: 0; | ||
| + | display: block; | ||
| + | width: 26px; | ||
| + | padding-top: 3.1em; | ||
| + | margin-top: 0; | ||
| + | height: 0; | ||
| + | overflow: hidden; | ||
| + | background-position: 5px 60% | ||
} | } | ||
#ca-unwatch.icon a { | #ca-unwatch.icon a { | ||
| − | background-image:linear-gradient(transparent,transparent), url(skins/Vector/images/unwatch-icon.svg); | + | background-image: url('skins/Vector/images/unwatch-icon.png'); |
| + | background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/unwatch-icon.svg'); | ||
| + | background-image: linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/unwatch-icon.svg') | ||
} | } | ||
#ca-watch.icon a { | #ca-watch.icon a { | ||
| − | background-image:linear-gradient(transparent,transparent), url(skins/Vector/images/watch-icon.svg); | + | background-image: url('skins/Vector/images/watch-icon.png'); |
| + | background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/watch-icon.svg'); | ||
| + | background-image: linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/watch-icon.svg') | ||
} | } | ||
| − | #ca-unwatch.icon a:hover,#ca-unwatch.icon a:focus { | + | #ca-unwatch.icon a:hover, |
| − | background-image:linear-gradient(transparent,transparent), url(skins/Vector/images/unwatch-icon-hl.svg); | + | #ca-unwatch.icon a:focus { |
| + | background-image: url('skins/Vector/images/unwatch-icon-hl.png'); | ||
| + | background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/unwatch-icon-hl.svg'); | ||
| + | background-image: linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/unwatch-icon-hl.svg') | ||
} | } | ||
| − | #ca-watch.icon a:hover,#ca-watch.icon a:focus { | + | #ca-watch.icon a:hover, |
| − | background-image:linear-gradient(transparent,transparent), url(skins/Vector/images/watch-icon-hl.svg); | + | #ca-watch.icon a:focus { |
| + | background-image: url('skins/Vector/images/watch-icon-hl.png'); | ||
| + | background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/watch-icon-hl.svg'); | ||
| + | background-image: linear-gradient(transparent, transparent), /* @embed */ | ||
| + | url('skins/Vector/images/watch-icon-hl.svg') | ||
} | } | ||
| − | #ca-unwatch.icon a.loading,#ca-watch.icon a.loading { | + | #ca-unwatch.icon a.loading, |
| − | background-image:linear-gradient(transparent,transparent), url(skins/Vector/images/watch-icon-loading.svg); | + | #ca-watch.icon a.loading { |
| − | -webkit-animation:rotate 700ms infinite linear; | + | background-image: url('skins/Vector/images/watch-icon-loading.png'); |
| − | -moz-animation:rotate 700ms infinite linear; | + | background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ |
| − | -o-animation:rotate 700ms infinite linear; | + | url('skins/Vector/images/watch-icon-loading.svg'); |
| − | animation:rotate 700ms infinite linear; | + | background-image: linear-gradient(transparent, transparent), /* @embed */ |
| − | outline:none; | + | url('skins/Vector/images/watch-icon-loading.svg'); |
| − | cursor:default; | + | -webkit-animation: rotate 700ms infinite linear; |
| − | pointer-events:none; | + | -moz-animation: rotate 700ms infinite linear; |
| − | background-position:50% 60%; | + | -o-animation: rotate 700ms infinite linear; |
| − | -webkit-transform-origin:50% 57%; | + | animation: rotate 700ms infinite linear; |
| − | transform-origin:50% 57% | + | outline: none; |
| + | cursor: default; | ||
| + | pointer-events: none; | ||
| + | background-position: 50% 60%; | ||
| + | -webkit-transform-origin: 50% 57%; | ||
| + | transform-origin: 50% 57% | ||
| + | } | ||
| + | |||
| + | #ca-unwatch.icon a span, | ||
| + | #ca-watch.icon a span { | ||
| + | display: none | ||
} | } | ||
#mw-navigation h2 { | #mw-navigation h2 { | ||
| − | position:absolute; | + | position: absolute; |
| − | top:-9999px | + | top: -9999px |
} | } | ||
#mw-page-base { | #mw-page-base { | ||
| − | height:5em; | + | height: 5em; |
| − | background-position:bottom left; | + | background-position: bottom left; |
| − | background-repeat:repeat-x; | + | background-repeat: repeat-x; |
| − | background-image:linear-gradient(# | + | background-image: url('skins/Vector/images/page-fade.png'); |
| − | background-color:#333; | + | background-color: #2a2a2a; |
| + | background-image: -moz-linear-gradient(top, #333 50%, #2a2a2a 100%); | ||
| + | background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #2a2a2a)); | ||
| + | background-image: -webkit-linear-gradient(top, #333 50%, #2a2a2a 100%); | ||
| + | background-image: linear-gradient(#333 50%, #2a2a2a 100%); | ||
| + | background-color: #333 | ||
} | } | ||
#mw-head-base { | #mw-head-base { | ||
| − | margin-top:-5em; | + | margin-top: -5em; |
| − | margin-left:10em; | + | margin-left: 10em; |
| − | height:5em | + | height: 5em |
} | } | ||
div#mw-head { | div#mw-head { | ||
| − | position:absolute; | + | position: absolute; |
| − | top:0; | + | top: 0; |
| − | right:0; | + | right: 0; |
| − | width:100% | + | width: 100% |
} | } | ||
div#mw-head h3 { | div#mw-head h3 { | ||
| − | margin:0; | + | margin: 0; |
| − | padding:0 | + | padding: 0 |
} | } | ||
#left-navigation { | #left-navigation { | ||
| − | float:left; | + | float: left; |
| − | margin-left:10em; | + | margin-left: 10em; |
| − | margin-top:2.5em; | + | margin-top: 2.5em; |
| − | margin-bottom:-2.5em; | + | margin-bottom: -2.5em; |
| − | display:inline | + | display: inline |
} | } | ||
#right-navigation { | #right-navigation { | ||
| − | float:right; | + | float: right; |
| − | margin-top:2.5em | + | margin-top: 2.5em |
} | } | ||
#p-logo { | #p-logo { | ||
| − | position:absolute; | + | position: absolute; |
| − | top:-160px; | + | top: -160px; |
| − | left:0; | + | left: 0; |
| − | width:10em; | + | width: 10em; |
| − | height:160px | + | height: 160px |
} | } | ||
#p-logo a { | #p-logo a { | ||
| − | display:block; | + | display: block; |
| − | width:10em; | + | width: 10em; |
| − | height:160px; | + | height: 160px; |
| − | background-repeat:no-repeat; | + | background-repeat: no-repeat; |
| − | background-position:center center; | + | background-position: center center; |
| − | text-decoration:none | + | text-decoration: none |
} | } | ||
div#mw-panel { | div#mw-panel { | ||
| − | font-size:inherit; | + | font-size: inherit; |
| − | position:absolute; | + | position: absolute; |
| − | top:160px; | + | top: 160px; |
| − | padding-top:1em; | + | padding-top: 1em; |
| − | width:10em; | + | width: 10em; |
| − | left:0 | + | left: 0 |
} | } | ||
div#mw-panel div.portal { | div#mw-panel div.portal { | ||
| − | direction:ltr; | + | margin: 0 .6em 0 .7em; |
| − | background-position:top left; | + | padding: .25em 0; |
| − | background-repeat:no-repeat; | + | direction: ltr; |
| − | background-image:url(skins/Vector/images/portal-break.png) | + | background-position: top left; |
| − | + | background-repeat: no-repeat; | |
| − | + | background-image: /* @embed */ | |
| + | url('skins/Vector/images/portal-break.png') | ||
} | } | ||
div#mw-panel div.portal h3 { | div#mw-panel div.portal h3 { | ||
| − | font-size:.75em; | + | font-size: .75em; |
| − | color:#4d4d4d; | + | color: #4d4d4d; |
| − | font-weight: | + | font-weight: normal; |
| − | + | margin: 0; | |
| − | + | padding: .25em 0 .25em .25em; | |
| − | margin:0; | + | cursor: default; |
| − | padding:.25em 0 .25em .25em; | + | border: none |
} | } | ||
div#mw-panel div.portal div.body { | div#mw-panel div.portal div.body { | ||
| − | padding-top:0; | + | margin: 0 0 0 1.25em; |
| − | margin:0 0 | + | padding-top: 0 |
| + | } | ||
| + | |||
| + | div#mw-panel div.portal div.body ul { | ||
| + | list-style-type: none; | ||
| + | list-style-image: none; | ||
| + | margin: 0; | ||
| + | padding: 0 | ||
} | } | ||
div#mw-panel div.portal div.body ul li { | div#mw-panel div.portal div.body ul li { | ||
| − | line-height:1.125em; | + | line-height: 1.125em; |
| − | font-size:.75em; | + | margin: 0; |
| − | word-wrap:break-word | + | padding: .25em 0; |
| − | + | font-size: .75em; | |
| − | + | word-wrap: break-word | |
| + | } | ||
| + | |||
| + | div#mw-panel div.portal div.body ul li a { | ||
| + | color: #e69710 | ||
| + | } | ||
| + | |||
| + | div#mw-panel div.portal div.body ul li a:visited { | ||
| + | color: #8a7f6c | ||
} | } | ||
div#mw-panel div.portal.first { | div#mw-panel div.portal.first { | ||
| − | background-image:none; | + | background-image: none; |
| − | margin-top:0 | + | margin-top: 0 |
| + | } | ||
| + | |||
| + | div#mw-panel div.portal.first h3 { | ||
| + | display: none | ||
} | } | ||
div#mw-panel div.portal.first div.body { | div#mw-panel div.portal.first div.body { | ||
| − | margin-left:.5em | + | margin-left: .5em |
} | } | ||
div#footer { | div#footer { | ||
| − | margin-left:10em; | + | margin-left: 10em; |
| − | margin-top:0; | + | margin-top: 0; |
| − | direction:ltr; | + | padding: .75em; |
| − | padding: | + | direction: ltr |
| + | } | ||
| + | |||
| + | div#footer ul { | ||
| + | list-style-type: none; | ||
| + | list-style-image: none; | ||
| + | margin: 0; | ||
| + | padding: 0 | ||
} | } | ||
div#footer ul li { | div#footer ul li { | ||
| − | + | margin: 0; | |
| − | + | padding: 0; | |
| − | + | padding-top: .5em; | |
| − | padding:.5em | + | padding-bottom: .5em; |
| + | color: #333; | ||
| + | font-size: .7em | ||
} | } | ||
div#footer #footer-icons { | div#footer #footer-icons { | ||
| − | float:right | + | float: right |
} | } | ||
div#footer #footer-icons li { | div#footer #footer-icons li { | ||
| − | float:left; | + | float: left; |
| − | margin-left:.5em; | + | margin-left: .5em; |
| − | line-height:2em; | + | line-height: 2em; |
| − | text-align:right | + | text-align: right |
} | } | ||
div#footer #footer-info li { | div#footer #footer-info li { | ||
| − | line-height:1.4em | + | line-height: 1.4em |
} | } | ||
div#footer #footer-places li { | div#footer #footer-places li { | ||
| − | float:left; | + | float: left; |
| − | margin-right:1em; | + | margin-right: 1em; |
| − | line-height:2em | + | line-height: 2em |
} | } | ||
body.ltr div#footer #footer-places { | body.ltr div#footer #footer-places { | ||
| − | float:left | + | float: left |
} | } | ||
.mw-body .external { | .mw-body .external { | ||
| − | background-position:center right; | + | background-position: center right; |
| − | background-repeat:no-repeat; | + | background-repeat: no-repeat; |
| − | background-image: | + | background-image: url('skins/Vector/images/external-link-ltr-icon.png'); |
| − | + | background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */ | |
| − | + | url('skins/Vector/images/external-link-ltr-icon.svg'); | |
| − | + | background-image: linear-gradient(transparent, transparent), /* @embed */ | |
| − | + | url('skins/Vector/images/external-link-ltr-icon.svg'); | |
| − | + | padding-right: 13px | |
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | background- | ||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
| − | |||
} | } | ||
Revision as of 04:05, 8 August 2018
/* CSS placed here will affect users of the Vector skin */
/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */
h1,
h2,
h3,
h4,
h5,
h6 {
color: #c1c1c1
}
hr {
color: #222
}
.editOptions {
background-color: #333;
border-color: #4c4c4c
}
input,
textarea {
background-color: #4c4c4c;
border-color: #4c4c4c;
color: #c1c1c1
}
a,
.mw-body a.external,
.mw-body a.extiw {
color: #e69710
}
a:visited,
.mw-body a.external:visited,
.mw-body a.extiw:visited {
color: #8a7f6c
}
a.new,
#p-personal a.new {
color: #d44
}
ul {
list-style-image: none
}
div.thumbinner,
.catlinks {
background-color: #4c4c4c;
border-color: #666
}
#toc,
div.toc,
ul#filetoc,
li.gallerybox div.thumb {
background-color: #4c4c4c;
border-color: #666
}
code {
border: none;
background-color: inherit;
color: inherit
}
table.mw_metadata td,
table.mw_metadata th,
table.wikitable,
table.wikitable>*>tr>th,
table.wikitable>*>tr>td,
pre {
color: #c1c1c1;
background-color: #4c4c4c;
border-color: #666
}
table.mw_metadata th,
table.wikitable>*>tr>th {
background-color: #595959
}
table.diff {
background-color: #4c4c4c
}
td .diffchange {
color: #4c4c4c
}
#pagehistory li.selected,
td.diff-context {
background-color: inherit;
color: inherit
}
#pagehistory li {
border: 0
}
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,
ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,
ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
background-color: rgba(0, 0, 0, 0.8)
}
#left-navigation div.vectorTabs,
#right-navigation div.vectorTabs {
background-image: inherit;
background-color: #250b2d
}
#left-navigation div.vectorTabs ul,
#right-navigation div.vectorTabs ul {
background-color: #250b2d
}
#left-navigation div.vectorTabs ul li,
#right-navigation div.vectorTabs ul li {
background-color: #222;
background-image: -moz-linear-gradient(top, #2e2e2e 20%, #222 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(20%, #2e2e2e), color-stop(100%, #222));
background-image: -webkit-linear-gradient(top, #2e2e2e 20%, #222 100%);
background-image: linear-gradient(#2e2e2e 20%, #222 100%)
}
#left-navigation div.vectorTabs li.new a,
#right-navigation div.vectorTabs li.new a,
#left-navigation div.vectorTabs li.new a:visited,
#right-navigation div.vectorTabs li.new a:visited {
color: #d44
}
#left-navigation div.vectorTabs li.selected,
#right-navigation div.vectorTabs li.selected {
background-color: #333;
background-image: -moz-linear-gradient(top, #e69710 0, #333 10%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #e69710), color-stop(10%, #333));
background-image: -webkit-linear-gradient(top, #e69710 0, #333 10%);
background-image: linear-gradient(#e69710 0, #333 10%)
}
#left-navigation div.vectorTabs li.selected a,
#right-navigation div.vectorTabs li.selected a,
#left-navigation div.vectorTabs li.selected a:visited,
#right-navigation div.vectorTabs li.selected a:visited {
color: #8a7f6c
}
#left-navigation div.vectorTabs li a,
#right-navigation div.vectorTabs li a {
color: #e69710
}
#left-navigation div.vectorTabs span,
#right-navigation div.vectorTabs span {
background: transparent
}
div#mw-head #right-navigation div.vectorMenu h3 {
background: inherit
}
div#mw-head div.vectorMenu h3 span {
color: #e69710
}
div.vectorMenu h3 a {
background: inherit
}
div.vectorMenu ul {
background-color: black;
border: solid 1px #0c0c0c
}
div.vectorMenu li a {
color: #e69710
}
div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
color: #8a7f6c;
text-decoration: none
}
div.vectorMenu#p-cactions div.menu {
border-color: #666
}
div.vectorMenu#p-cactions ul {
border: 0;
background-color: #4c4c4c
}
#mw-navigation div#mw-panel div.portal {
background-image: none;
border-top: 1px solid #4c4c4c
}
#mw-navigation div#mw-panel div.portal#p-logo,
#mw-navigation div#mw-panel div.portal#p-navigation {
border-top: none
}
html {
font-size: 100%
}
html,
body {
height: 100%;
margin: 0;
padding: 0;
font-family: sans-serif
}
body {
background-color: #2a2a2a
}
.mw-body {
margin-left: 10em;
padding: 1em;
border: 1px solid #250b2d;
border-right-width: 0;
margin-top: -1px;
background-color: #333;
color: #c1c1c1;
direction: ltr
}
.mw-body .mw-editsection,
.mw-body .mw-editsection-like {
font-family: sans-serif
}
.mw-body p {
line-height: inherit;
margin: .5em 0
}
.mw-body h1,
.mw-body h2,
.mw-body #firstHeading {
font-family: "Linux Libertine", Georgia, Times, serif;
line-height: 1.3;
margin-bottom: .25em;
padding: 0
}
.mw-body h1,
.mw-body #firstHeading {
font-size: 1.8em
}
.mw-body h2 {
font-size: 1.5em;
margin-top: 1em
}
.mw-body h3,
.mw-body h4,
.mw-body h5,
.mw-body h6 {
line-height: 1.6;
margin-top: .3em;
margin-bottom: 0;
padding-bottom: 0
}
.mw-body h3 {
font-size: 1.17em
}
.mw-body h3,
.mw-body h4 {
font-weight: bold
}
.mw-body h4,
.mw-body h5,
.mw-body h6 {
font-size: 100%
}
.mw-body #toc h2,
.mw-body .toc h2 {
font-size: 100%;
font-family: sans-serif
}
div.emptyPortlet {
display: none
}
ul {
list-style-type: disc;
list-style-image: /* @embed */
url('skins/Vector/images/bullet-icon.png')
}
pre,
.mw-code {
line-height: 1.3em
}
#siteNotice {
font-size: .8em
}
.redirectText {
font-size: 140%
}
.redirectMsg img {
vertical-align: text-bottom
}
.mw-body-content {
position: relative;
line-height: 1.6;
font-size: .875em
}
body.vector-animateLayout .mw-body,
body.vector-animateLayout div#footer,
body.vector-animateLayout #left-navigation {
-webkit-transition: margin-left 250ms, padding 250ms;
-moz-transition: margin-left 250ms, padding 250ms;
-o-transition: margin-left 250ms, padding 250ms;
transition: margin-left 250ms, padding 250ms
}
body.vector-animateLayout #p-logo {
-webkit-transition: left 250ms;
-moz-transition: left 250ms;
-o-transition: left 250ms;
transition: left 250ms
}
body.vector-animateLayout #mw-panel {
-webkit-transition: padding-right 250ms;
-moz-transition: padding-right 250ms;
-o-transition: padding-right 250ms;
transition: padding-right 250ms
}
body.vector-animateLayout #p-search {
-webkit-transition: margin-right 250ms;
-moz-transition: margin-right 250ms;
-o-transition: margin-right 250ms;
transition: margin-right 250ms
}
body.vector-animateLayout #p-personal {
-webkit-transition: right 250ms;
-moz-transition: right 250ms;
-o-transition: right 250ms;
transition: right 250ms
}
body.vector-animateLayout #mw-head-base {
-webkit-transition: margin-left 250ms;
-moz-transition: margin-left 250ms;
-o-transition: margin-left 250ms;
transition: margin-left 250ms
}
#p-personal {
position: absolute;
top: .33em;
right: .75em;
z-index: 100
}
#p-personal h3 {
display: none
}
#p-personal ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding-left: 10em
}
#p-personal li {
line-height: 1.125em;
float: left;
margin-left: .75em;
margin-top: .5em;
font-size: .75em;
white-space: nowrap
}
#pt-userpage,
#pt-anonuserpage {
background-position: left top;
background-repeat: no-repeat;
background-image: url('skins/Vector/images/user-icon.png');
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/user-icon.svg');
background-image: linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/user-icon.svg');
padding-left: 15px !important
}
#p-search {
float: left;
margin-right: .5em;
margin-left: .5em
}
#p-search h3 {
display: none
}
#p-search form,
#p-search input {
margin: 0;
margin-top: .4em
}
div#simpleSearch {
display: block;
width: 12.6em;
padding-right: 1.4em;
height: 1.4em;
margin-top: .65em;
position: relative;
min-height: 1px;
border: solid 1px #aaa;
color: black;
background-color: white;
background-image: /* @embed */
url('skins/Vector/images/search-fade.png');
background-position: top left;
background-repeat: repeat-x
}
div#simpleSearch input {
margin: 0;
padding: 0;
border: 0;
background-color: transparent;
color: black
}
div#simpleSearch #searchInput {
width: 100%;
padding: .2em 0 .2em .2em;
font-size: 13px;
direction: ltr;
-webkit-appearance: textfield
}
div#simpleSearch #searchInput:focus {
outline: none
}
div#simpleSearch #searchInput.placeholder {
color: #999
}
div#simpleSearch #searchInput:-ms-input-placeholder {
color: #999
}
div#simpleSearch #searchInput:-moz-placeholder {
color: #999
}
div#simpleSearch #searchInput::-webkit-search-decoration,
div#simpleSearch #searchInput::-webkit-search-cancel-button,
div#simpleSearch #searchInput::-webkit-search-results-button,
div#simpleSearch #searchInput::-webkit-search-results-decoration {
-webkit-appearance: textfield
}
div#simpleSearch #searchButton,
div#simpleSearch #mw-searchButton {
position: absolute;
top: 0;
right: 0;
width: 1.65em;
height: 100%;
cursor: pointer;
text-indent: -99999px;
line-height: 1;
direction: ltr;
white-space: nowrap;
overflow: hidden;
background-image: url('skins/Vector/images/search-ltr.png');
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/search-ltr.svg');
background-image: linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/search-ltr.svg');
background-position: center center;
background-repeat: no-repeat
}
div#simpleSearch #mw-searchButton {
z-index: 1
}
div.vectorTabs h3 {
display: none
}
div.vectorTabs {
float: left;
height: 2.5em;
background-image: /* @embed */
url('skins/Vector/images/tab-break.png');
background-position: bottom left;
background-repeat: no-repeat;
padding-left: 1px
}
div.vectorTabs ul {
float: left;
height: 100%;
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0;
background-image: /* @embed */
url('skins/Vector/images/tab-break.png');
background-position: right bottom;
background-repeat: no-repeat
}
div.vectorTabs ul li {
float: left;
line-height: 1.125em;
display: inline-block;
height: 100%;
margin: 0;
padding: 0;
background-color: #f3f3f3;
background-image: /* @embed */
url('skins/Vector/images/tab-normal-fade.png');
background-position: bottom left;
background-repeat: repeat-x;
white-space: nowrap
}
div.vectorTabs ul>li {
display: block
}
div.vectorTabs li.new a,
div.vectorTabs li.new a:visited {
color: #a55858
}
div.vectorTabs li.selected {
background-image: /* @embed */
url('skins/Vector/images/tab-current-fade.png')
}
div.vectorTabs li.selected a,
div.vectorTabs li.selected a:visited {
color: #333;
text-decoration: none
}
div.vectorTabs li.icon a {
background-position: bottom right;
background-repeat: no-repeat
}
div.vectorTabs li a {
display: inline-block;
height: 1.9em;
padding-left: .5em;
padding-right: .5em;
color: #e69710;
cursor: pointer;
font-size: .8em
}
div.vectorTabs li>a {
display: block
}
div.vectorTabs span {
display: inline-block;
background-image: /* @embed */
url('skins/Vector/images/tab-break.png');
background-position: bottom right;
background-repeat: no-repeat
}
div.vectorTabs span a {
display: inline-block;
padding-top: 1.25em
}
div.vectorTabs span>a {
float: left;
display: block
}
div.vectorMenu {
direction: ltr;
float: left;
cursor: pointer;
position: relative
}
body.rtl div.vectorMenu {
direction: rtl
}
div#mw-head div.vectorMenu h3 {
float: left;
background-image: /* @embed */
url('skins/Vector/images/tab-break.png');
background-repeat: no-repeat;
background-position: bottom right;
margin-left: -1px;
font-size: 1em;
height: 2.5em;
padding-right: 1px;
margin-right: -1px
}
div.vectorMenu h3 span {
display: block;
font-size: .8em;
padding-left: .7em;
padding-top: 1.375em;
margin-right: 20px;
font-weight: normal;
color: #4d4d4d
}
div.vectorMenu h3 a {
position: absolute;
top: 0;
right: 0;
width: 20px;
height: 2.5em;
background-image: url('skins/Vector/images/arrow-down-icon.png');
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/arrow-down-icon.svg');
background-image: linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/arrow-down-icon.svg');
background-position: 100% 70%;
background-repeat: no-repeat;
-webkit-transition: background-position 250ms;
-moz-transition: background-position 250ms;
-o-transition: background-position 250ms;
transition: background-position 250ms
}
div.vectorMenu.menuForceShow h3 a {
background-position: 100% 100%
}
div.vectorMenuFocus h3 a {
background-image: url('skins/Vector/images/arrow-down-focus-icon.png');
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/arrow-down-focus-icon.svg');
background-image: linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/arrow-down-focus-icon.svg')
}
div.vectorMenu div.menu {
min-width: 100%;
position: absolute;
top: 2.5em;
left: -1px;
background-color: white;
border: solid 1px silver;
border-top-width: 0;
clear: both;
text-align: left;
display: none
}
div.vectorMenu:hover div.menu,
div.vectorMenu.menuForceShow div.menu {
display: block
}
div.vectorMenu ul {
list-style-type: none;
list-style-image: none;
padding: 0;
margin: 0;
text-align: left
}
div.vectorMenu ul,
x:-moz-any-link {
min-width: 5em
}
div.vectorMenu ul,
x:-moz-any-link,
x:default {
min-width: 0
}
div.vectorMenu li {
padding: 0;
margin: 0;
text-align: left;
line-height: 1em
}
div.vectorMenu li a {
display: inline-block;
padding: .5em;
white-space: nowrap;
color: #e69710;
cursor: pointer;
font-size: .8em
}
div.vectorMenu li>a {
display: block
}
div.vectorMenu li.selected a,
div.vectorMenu li.selected a:visited {
color: #333;
text-decoration: none
}
@-webkit-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-moz-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@-o-keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-tra n n nsform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg)
}
}
@keyframes rotate {
from {
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
transform: rotate(0deg)
}
to {
-webkit-transform: rotate(360deg);
-moz-transform: rotate(360deg);
transform: rotate(360deg)
}
}
#ca-unwatch.icon a,
#ca-watch.icon a {
margin: 0;
padding: 0;
display: block;
width: 26px;
padding-top: 3.1em;
margin-top: 0;
height: 0;
overflow: hidden;
background-position: 5px 60%
}
#ca-unwatch.icon a {
background-image: url('skins/Vector/images/unwatch-icon.png');
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/unwatch-icon.svg');
background-image: linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/unwatch-icon.svg')
}
#ca-watch.icon a {
background-image: url('skins/Vector/images/watch-icon.png');
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/watch-icon.svg');
background-image: linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/watch-icon.svg')
}
#ca-unwatch.icon a:hover,
#ca-unwatch.icon a:focus {
background-image: url('skins/Vector/images/unwatch-icon-hl.png');
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/unwatch-icon-hl.svg');
background-image: linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/unwatch-icon-hl.svg')
}
#ca-watch.icon a:hover,
#ca-watch.icon a:focus {
background-image: url('skins/Vector/images/watch-icon-hl.png');
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/watch-icon-hl.svg');
background-image: linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/watch-icon-hl.svg')
}
#ca-unwatch.icon a.loading,
#ca-watch.icon a.loading {
background-image: url('skins/Vector/images/watch-icon-loading.png');
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/watch-icon-loading.svg');
background-image: linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/watch-icon-loading.svg');
-webkit-animation: rotate 700ms infinite linear;
-moz-animation: rotate 700ms infinite linear;
-o-animation: rotate 700ms infinite linear;
animation: rotate 700ms infinite linear;
outline: none;
cursor: default;
pointer-events: none;
background-position: 50% 60%;
-webkit-transform-origin: 50% 57%;
transform-origin: 50% 57%
}
#ca-unwatch.icon a span,
#ca-watch.icon a span {
display: none
}
#mw-navigation h2 {
position: absolute;
top: -9999px
}
#mw-page-base {
height: 5em;
background-position: bottom left;
background-repeat: repeat-x;
background-image: url('skins/Vector/images/page-fade.png');
background-color: #2a2a2a;
background-image: -moz-linear-gradient(top, #333 50%, #2a2a2a 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #333), color-stop(100%, #2a2a2a));
background-image: -webkit-linear-gradient(top, #333 50%, #2a2a2a 100%);
background-image: linear-gradient(#333 50%, #2a2a2a 100%);
background-color: #333
}
#mw-head-base {
margin-top: -5em;
margin-left: 10em;
height: 5em
}
div#mw-head {
position: absolute;
top: 0;
right: 0;
width: 100%
}
div#mw-head h3 {
margin: 0;
padding: 0
}
#left-navigation {
float: left;
margin-left: 10em;
margin-top: 2.5em;
margin-bottom: -2.5em;
display: inline
}
#right-navigation {
float: right;
margin-top: 2.5em
}
#p-logo {
position: absolute;
top: -160px;
left: 0;
width: 10em;
height: 160px
}
#p-logo a {
display: block;
width: 10em;
height: 160px;
background-repeat: no-repeat;
background-position: center center;
text-decoration: none
}
div#mw-panel {
font-size: inherit;
position: absolute;
top: 160px;
padding-top: 1em;
width: 10em;
left: 0
}
div#mw-panel div.portal {
margin: 0 .6em 0 .7em;
padding: .25em 0;
direction: ltr;
background-position: top left;
background-repeat: no-repeat;
background-image: /* @embed */
url('skins/Vector/images/portal-break.png')
}
div#mw-panel div.portal h3 {
font-size: .75em;
color: #4d4d4d;
font-weight: normal;
margin: 0;
padding: .25em 0 .25em .25em;
cursor: default;
border: none
}
div#mw-panel div.portal div.body {
margin: 0 0 0 1.25em;
padding-top: 0
}
div#mw-panel div.portal div.body ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0
}
div#mw-panel div.portal div.body ul li {
line-height: 1.125em;
margin: 0;
padding: .25em 0;
font-size: .75em;
word-wrap: break-word
}
div#mw-panel div.portal div.body ul li a {
color: #e69710
}
div#mw-panel div.portal div.body ul li a:visited {
color: #8a7f6c
}
div#mw-panel div.portal.first {
background-image: none;
margin-top: 0
}
div#mw-panel div.portal.first h3 {
display: none
}
div#mw-panel div.portal.first div.body {
margin-left: .5em
}
div#footer {
margin-left: 10em;
margin-top: 0;
padding: .75em;
direction: ltr
}
div#footer ul {
list-style-type: none;
list-style-image: none;
margin: 0;
padding: 0
}
div#footer ul li {
margin: 0;
padding: 0;
padding-top: .5em;
padding-bottom: .5em;
color: #333;
font-size: .7em
}
div#footer #footer-icons {
float: right
}
div#footer #footer-icons li {
float: left;
margin-left: .5em;
line-height: 2em;
text-align: right
}
div#footer #footer-info li {
line-height: 1.4em
}
div#footer #footer-places li {
float: left;
margin-right: 1em;
line-height: 2em
}
body.ltr div#footer #footer-places {
float: left
}
.mw-body .external {
background-position: center right;
background-repeat: no-repeat;
background-image: url('skins/Vector/images/external-link-ltr-icon.png');
background-image: -webkit-linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/external-link-ltr-icon.svg');
background-image: linear-gradient(transparent, transparent), /* @embed */
url('skins/Vector/images/external-link-ltr-icon.svg');
padding-right: 13px
}