MediaWiki:Vector.css
Замечание: Возможно, после публикации вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl+F5 или Ctrl+R (⌘+R на Mac)
- Google Chrome: Нажмите Ctrl+Shift+R (⌘+Shift+R на Mac)
- Internet Explorer / Edge: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl+F5
- Opera: Нажмите Ctrl+F5.
/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */ h1,h2,h3,h4,h5,h6 { color: #c1c1c1; } hr{ height: 1px; background-color: #ffffff40; border: none; } .editOptions { background-color: #eaeaea; border-color: #eaeaea; } input,textarea { background-color: #e0deda; border-color: #e0deda; color: #000000; } a,.mw-body a.external,.mw-body a.extiw { color: #f4ae0b; } #footer.mw-footer li, #footer-info-lastmod.mw-footer li, #footer-info-copyright.mw-footer li { color: #5f93c8; } #p-managewiki-sidebar-header { display: none; } .portal, .vector-menu-portal { color: #f4ae0b; } .portal .body li a:visited, .vector-menu-portal .body li a:visited{ color: #f4ae0b; } .portal .body li a, .vector-menu-portal .body li a { color: #f4ae0b; } a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited { color: #f4ae0b; } a.new,#p-personal a.new { color: #f4ae0b; } ul { list-style-image: none; } .thumbinner,.catlinks { background-color: #0f1518; border-color: #273136; } #toc,.toc,#filetoc,li.gallerybox .thumb { background-color: #404040; border-color: #666; } code { background-color: inherit; border: none; color: #c1c1c1; } table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>th,table.wikitable>*>tr>td,pre { background-color: #404040; border-color: #666; color: #c1c1c1; } table.mw_metadata th,table.wikitable>*>tr>th { background-color: #595959; } .diff { background-color: #404040; } td .diffchange { color: #888888; } #pagehistory li.selected,.diff-context { background-color: inherit; color: #888888; } #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 .vectorTabs,#right-navigation .vectorTabs { background-color: #151e1d; background-image: inherit; } #left-navigation .vectorTabs ul,#right-navigation .vectorTabs ul { background-color: #151e1d; } #left-navigation .vectorTabs ul li,#right-navigation .vectorTabs ul li { background-color: #777; background-image: linear-gradient(#2e2e2e 0, #151515 10%); background-image: -moz-linear-gradient(top, #2e2e2e 0, #151515 10%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2e2e2e), color-stop(10%, #151515)); background-image: -webkit-linear-gradient(top, #2e2e2e 0, #151515 10%); } #left-navigation .vectorTabs li.new a,#right-navigation .vectorTabs li.new a,#left-navigation .vectorTabs li.new a:visited,#right-navigation .vectorTabs li.new a:visited { color: #f4ae0b; } #left-navigation .vectorTabs li.selected,#right-navigation .vectorTabs li.selected { background-color: rgba(34,41,43,0.7); background-image: linear-gradient(#f4ae0b 0, #22292b 10%); background-image: -moz-linear-gradient(top, #f4ae0b 0, #22292b 10%); background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4ae0b), color-stop(10%, #22292b)); background-image: -webkit-linear-gradient(top, #f4ae0b 0, #22292b 10%); } #left-navigation .vectorTabs li.selected a,#right-navigation .vectorTabs li.selected a,#left-navigation .vectorTabs li.selected a:visited,#right-navigation .vectorTabs li.selected a:visited { color: #f4ae0b; } #left-navigation .vectorTabs li a,#right-navigation .vectorTabs li a { color: #f4ae0b; } #left-navigation .vectorTabs span,#right-navigation .vectorTabs span { background: transparent; } #mw-head #right-navigation .vectorMenu h3 { background: inherit; } #mw-head .vectorMenu h3 span { color: #f4ae0b; } .vectorMenu h3 a { background: inherit; } .vectorMenu ul { background-color: black; border: solid 1px #0c0c0c; } .vectorMenu li a { color: #f4ae0b; } .vectorMenu li.selected a,.vectorMenu li.selected a:visited { color: #f4ae0b; /*text-decoration: none;*/ } .vectorMenu#p-cactions .menu { border-color: #666; } .vectorMenu#p-cactions ul { background-color: #404040; border: 0; } #mw-navigation #mw-panel .portal { background-image: none; border-top: 1px solid #404040; } #mw-navigation #mw-panel .portal#p-logo,#mw-navigation #mw-panel .portal#p-navigation { border-top: none; } html { font-size: 100%; } html,body { font-family: sans-serif; height: 100%; margin: 0; padding: 0; } body { background: url(https://static.miraheze.org/wildterra2wiki/c/c6/Wt2art3.jpg) no-repeat center top fixed; -webkit-background-size: cover; -moz-background-size: cover; -o-background-size: cover; background-size: cover; background-color: #131718; } .mw-body { background-color: rgba(34,41,43,0.7); border: 1px solid #151e1d; border-right-width: 0; color: #c1c1c1; direction: ltr; margin-left: 10em; margin-top: -1px; padding: 1em; } .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-bottom: 0; margin-top: .3em; 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-family: sans-serif; font-size: 100%; } .emptyPortlet { display: none; } ul { list-style-image: url('skins/Vector/images/bullet-icon.png'); list-style-type: disc; } pre,.mw-code { line-height: 1.3em; } #siteNotice { font-size: .8em; } .redirectText { font-size: 140%; } .redirectMsg img { vertical-align: text-bottom; } .mw-body-content { font-size: .875em; line-height: 1.6; position: relative; } .vector-animateLayout .mw-body,.vector-animateLayout #footer,.vector-animateLayout #left-navigation { moz-transition: margin-left 250ms,padding 250ms; o-transition: margin-left 250ms,padding 250ms; transition: margin-left 250ms,padding 250ms; webkit-transition: margin-left 250ms,padding 250ms; } .vector-animateLayout #p-logo { moz-transition: left 250ms; o-transition: left 250ms; transition: left 250ms; webkit-transition: left 250ms; } .vector-animateLayout #mw-panel { moz-transition: padding-right 250ms; o-transition: padding-right 250ms; transition: padding-right 250ms; webkit-transition: padding-right 250ms; } .vector-animateLayout #p-search { moz-transition: margin-right 250ms; o-transition: margin-right 250ms; transition: margin-right 250ms; webkit-transition: margin-right 250ms; } .vector-animateLayout #p-personal { moz-transition: right 250ms; o-transition: right 250ms; transition: right 250ms; webkit-transition: right 250ms; } .vector-animateLayout #mw-head-base { moz-transition: margin-left 250ms; o-transition: margin-left 250ms; transition: margin-left 250ms; webkit-transition: margin-left 250ms; } #p-personal { position: absolute; right: .75em; top: .33em; z-index: 100; } #p-personal h3 { display: none; } #p-personal ul { list-style-image: none; list-style-type: none; margin: 0; padding-left: 10em; } #p-personal li { float: left; font-size: .75em; line-height: 1.125em; margin-left: .75em; margin-top: .5em; white-space: nowrap; } #p-search { float: left; margin-left: .5em; margin-right: .5em; } #p-search h3 { display: none; } #p-search form,#p-search input { margin: 0; margin-top: .4em; } #simpleSearch { background-color: white; background-image: url('skins/Vector/images/search-fade.png'); background-position: top left; background-repeat: repeat-x; border: solid 1px #aaa; color: black; display: block; height: 1.4em; margin-top: .65em; min-height: 1px; padding-right: 1.4em; position: relative; width: 12.6em; } #simpleSearch input { background-color: transparent; border: 0; color: black; margin: 0; padding: 0; } #simpleSearch #searchInput { direction: ltr; font-size: 13px; padding: .2em 0 .2em .2em; webkit-appearance: textfield; width: 100%; } #simpleSearch #searchInput:focus { outline: none; } #simpleSearch #searchInput.placeholder { color: #999; } #simpleSearch #searchInput:-ms-input-placeholder { color: #999; } #simpleSearch #searchInput:-moz-placeholder { color: #999; } #simpleSearch #searchInput::-webkit-search-decoration,#simpleSearch #searchInput::-webkit-search-cancel-button,#simpleSearch #searchInput::-webkit-search-results-button,#simpleSearch #searchInput::-webkit-search-results-decoration { webkit-appearance: textfield; } #simpleSearch #searchButton,#simpleSearch #mw-searchButton { background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/search-ltr.svg'); background-image: url('skins/Vector/images/search-ltr.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/search-ltr.svg'); background-position: center center; background-repeat: no-repeat; cursor: pointer; direction: ltr; height: 100%; line-height: 1; overflow: hidden; position: absolute; right: 0; text-indent: -99999px; top: 0; white-space: nowrap; width: 1.65em; } #simpleSearch #mw-searchButton { z-index: 1; } .vectorTabs h3 { display: none; } .vectorTabs { background-image: url('https://static.miraheze.org/wildterra2wiki/5/58/Tab-break.png'); background-position: bottom left; background-repeat: no-repeat; float: left; height: 2.5em; padding-left: 1px; } .vectorTabs ul { background-image: url('https://static.miraheze.org/wildterra2wiki/5/58/Tab-break.png'); background-position: right bottom; background-repeat: no-repeat; float: left; height: 100%; list-style-image: none; list-style-type: none; margin: 0; padding: 0; } .vectorTabs ul li { background-color: #f3f3f3; background-image: url('https://static.miraheze.org/wildterra2wiki/7/77/Tab-normal-fade.png'); background-position: bottom left; background-repeat: repeat-x; display: inline-block; float: left; height: 100%; line-height: 1.125em; margin: 0; padding: 0; white-space: nowrap; } .vectorTabs ul>li { display: block; } .vectorTabs li.new a,.vectorTabs li.new a:visited { color: #5e5e5e; } .vectorTabs li.selected { background-image: url('skins/Vector/images/tab-current-fade.png'); } .vectorTabs li.selected a,.vectorTabs li.selected a:visited { color: #5e5e5e; /* text-decoration: none; */ } .vectorTabs li.icon a { background-position: bottom right; background-repeat: no-repeat; } .vectorTabs li a { color: #f4ae0b; cursor: pointer; display: inline-block; font-size: .8em; height: 1.9em; padding-left: .5em; padding-right: .5em; } .vectorTabs li>a { display: block; } .vectorTabs span { background-image: url('skins/Vector/images/tab-break.png'); background-position: bottom right; background-repeat: no-repeat; display: inline-block; } .vectorTabs span a { display: inline-block; padding-top: 1.25em; } .vectorTabs span>a { display: block; float: left; } .vectorMenu { cursor: pointer; direction: ltr; float: left; position: relative; } .rtl .vectorMenu { direction: rtl; } #mw-head .vectorMenu h3 { background: transparent; float: left; font-size: 1em; height: 2.5em; margin-left: -1px; margin-right: -1px; padding-right: 1px; } .vectorMenu h3 span { color: #b5c0c1; display: block; font-size: .8em; font-weight: normal; margin-right: 20px; padding-left: .7em; padding-top: 1.375em; } .vectorMenu h3 a { background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-icon.svg'); background-image: url('skins/Vector/images/arrow-down-icon.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-icon.svg'); background-position: 100% 70%; background-repeat: no-repeat; height: 2.5em; moz-transition: background-position 250ms; o-transition: background-position 250ms; position: absolute; right: 0; top: 0; transition: background-position 250ms; webkit-transition: background-position 250ms; width: 20px; } .vectorMenu.menuForceShow h3 a { background-position: 100% 100%; } .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), url('skins/Vector/images/arrow-down-focus-icon.svg'); } .vectorMenu .menu { background-color: white; border: solid 1px silver; border-top-width: 0; clear: both; display: none; left: -1px; min-width: 100%; position: absolute; text-align: left; top: 2.5em; } .vectorMenu:hover .menu,.vectorMenu.menuForceShow .menu { display: block; } .vectorMenu ul { list-style-image: none; list-style-type: none; margin: 0; padding: 0; text-align: left; } .vectorMenu ul,x:-moz-any-link { min-width: 5em; } .vectorMenu ul,x:-moz-any-link,x:default { min-width: 0; } .vectorMenu li { line-height: 1em; margin: 0; padding: 0; text-align: left; } .vectorMenu li a { color: #f4ae0b; cursor: pointer; display: inline-block; font-size: .8em; padding: .5em; white-space: nowrap; } .vectorMenu li>a { display: block; } .vectorMenu li.selected a,.vectorMenu li.selected a:visited { color: #b5c0c1; /* text-decoration: none; */ } @-webkit-keyframes rotate { from { moz-transform: rotate(0deg); transform: rotate(0deg); webkit-transform: rotate(0deg); } to { moz-transform: rotate(360deg); transform: rotate(360deg); webkit-transform: rotate(360deg); } } @-moz-keyframes rotate { from { moz-transform: rotate(0deg); transform: rotate(0deg); webkit-transform: rotate(0deg); } to { moz-transform: rotate(360deg); transform: rotate(360deg); webkit-transform: rotate(360deg); } } @-o-keyframes rotate { from { moz-transform: rotate(0deg); transform: rotate(0deg); webkit-transform: rotate(0deg); } to { moz-transform: rotate(360deg); transform: rotate(360deg); webkit-transform: rotate(360deg); } } @keyframes rotate { from { moz-transform: rotate(0deg); transform: rotate(0deg); webkit-transform: rotate(0deg); } to { moz-transform: rotate(360deg); transform: rotate(360deg); webkit-transform: rotate(360deg); } } #ca-unwatch.icon a,#ca-watch.icon a { background-position: 5px 60%; display: block; height: 0; margin: 0; margin-top: 0; overflow: hidden; padding: 0; padding-top: 3.1em; width: 26px; } #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), url('skins/Vector/images/unwatch-icon.svg'); } #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), url('skins/Vector/images/watch-icon.svg'); } #ca-unwatch.icon a:hover,#ca-unwatch.icon a:focus { background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon-hl.svg'); background-image: url('skins/Vector/images/unwatch-icon-hl.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon-hl.svg'); } #ca-watch.icon a:hover,#ca-watch.icon a:focus { background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-hl.svg'); background-image: url('skins/Vector/images/watch-icon-hl.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-hl.svg'); } #ca-unwatch.icon a.loading,#ca-watch.icon a.loading { animation: rotate 700ms infinite linear; background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-loading.svg'); background-image: url('skins/Vector/images/watch-icon-loading.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-loading.svg'); background-position: 50% 60%; cursor: default; moz-animation: rotate 700ms infinite linear; o-animation: rotate 700ms infinite linear; outline: none; pointer-events: none; transform-origin: 50% 57%; webkit-animation: rotate 700ms infinite linear; webkit-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 { background: transparent; } #mw-head-base { height: 5em; margin-left: 10em; margin-top: -5em; } #mw-head { position: absolute; right: 0; top: 0; width: 100%; } #mw-head h3 { margin: 0; padding: 0; } #left-navigation { display: inline; float: left; margin-bottom: -2.5em; margin-left: 10em; margin-top: 2.5em; } #right-navigation { float: right; margin-top: 2.5em; } #p-logo { height: 160px; left: 0; position: absolute; top: -160px; width: 10em; } #p-logo a { background-position: center center; background-repeat: no-repeat; display: block; height: 160px; text-decoration: none; width: 10em; } #mw-panel { font-size: inherit; left: 0; padding-top: 1em; position: absolute; top: 160px; width: 10em; } #mw-panel .portal { background-image: url('skins/Vector/images/portal-break.png'); background-position: top left; background-repeat: no-repeat; direction: ltr; margin: 0 .6em 0 .7em; padding: .25em 0; } #mw-panel .portal h3 { border: none; color: #919191; cursor: default; font-size: .75em; font-weight: normal; margin: 0; padding: .25em 0 .25em .25em; } #mw-panel .portal .body { margin: 0 0 0 1.25em; padding-top: 0; } #mw-panel .portal .body ul { list-style-image: none; list-style-type: none; margin: 0; padding: 0; } #mw-panel .portal .body ul li { font-size: .75em; line-height: 1.125em; margin: 0; padding: .25em 0; word-wrap: break-word; } #mw-panel .portal .body ul li a { color: #f4ae0b; } #mw-panel .portal .body ul li a:visited { color: #f4ae0b; } #mw-panel .portal.first { background-image: none; margin-top: 0; } #mw-panel .portal.first h3 { display: none; } #mw-panel .portal.first .body { margin-left: .5em; } #footer { direction: ltr; margin-left: 10em; margin-top: 0; padding: .75em; } #footer ul { list-style-image: none; list-style-type: none; margin: 0; padding: 0; } #footer ul li { font-size: .7em; margin: 0; padding: 0; padding-bottom: .5em; padding-top: .5em; } #footer #footer-icons { float: right; } #footer #footer-icons li { float: left; line-height: 2em; margin-left: .5em; text-align: right; } #footer #footer-info li { line-height: 1.4em; } #footer #footer-places li { float: left; line-height: 2em; margin-right: 1em; } .ltr #footer #footer-places { float: left; } #footer-info-lastmod { background: red; } .mw-body .external { background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/external-link-ltr-icon.svg'); background-image: url('skins/Vector/images/external-link-ltr-icon.png'); background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/external-link-ltr-icon.svg'); background-position: center right; background-repeat: no-repeat; padding-right: 13px; }