Line 20: |
Line 20: |
| ul { | | ul { |
| list-style-image: none; | | list-style-image: none; |
| + | } |
| + | |
| + | |
| + | /* 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: #8FC9FE ; |
| + | } |
| + | a:visited, |
| + | .mw-body a.external:visited, |
| + | .mw-body a.extiw:visited { |
| + | color: #8a7f6c; |
| + | } |
| + | a.new, |
| + | #p-personal a.new { |
| + | color: #8FC9FE ; |
| + | } |
| + | 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: #8FC9FE ; |
| + | } |
| + | #left-navigation div.vectorTabs li.selected, |
| + | #right-navigation div.vectorTabs li.selected { |
| + | background-color: #333; |
| + | background-image: -moz-linear-gradient(top, #8FC9FE 0, #333 10%); |
| + | background-image: -webkit-gradient( |
| + | linear, |
| + | left top, |
| + | left bottom, |
| + | color-stop(0, #8FC9FE ), |
| + | color-stop(10%, #333) |
| + | ); |
| + | background-image: -webkit-linear-gradient(top, #8FC9FE 0, #333 10%); |
| + | background-image: linear-gradient(#8FC9FE 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: #8FC9FE ; |
| + | } |
| + | #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: #8FC9FE ; |
| + | } |
| + | div.vectorMenu h3 a { |
| + | background: inherit; |
| + | } |
| + | div.vectorMenu ul { |
| + | background-color: black; |
| + | border: solid 1px #0c0c0c; |
| + | } |
| + | div.vectorMenu li a { |
| + | color: #8FC9FE ; |
| + | } |
| + | 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: 0.5em 0; |
| + | } |
| + | .mw-body h1, |
| + | .mw-body h2, |
| + | .mw-body #firstHeading { |
| + | font-family: "Linux Libertine", Georgia, Times, serif; |
| + | line-height: 1.3; |
| + | margin-bottom: 0.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: 0.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: 0.8em; |
| + | } |
| + | .redirectText { |
| + | font-size: 140%; |
| + | } |
| + | .redirectMsg img { |
| + | vertical-align: text-bottom; |
| + | } |
| + | .mw-body-content { |
| + | position: relative; |
| + | line-height: 1.6; |
| + | font-size: 0.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: 0.33em; |
| + | right: 0.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: 0.75em; |
| + | margin-top: 0.5em; |
| + | font-size: 0.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: 0.5em; |
| + | margin-left: 0.5em; |
| + | } |
| + | #p-search h3 { |
| + | display: none; |
| + | } |
| + | #p-search form, |
| + | #p-search input { |
| + | margin: 0; |
| + | margin-top: 0.4em; |
| + | } |
| + | div#simpleSearch { |
| + | display: block; |
| + | width: 12.6em; |
| + | padding-right: 1.4em; |
| + | height: 1.4em; |
| + | margin-top: 0.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: 0.2em 0 0.2em 0.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: 0.5em; |
| + | padding-right: 0.5em; |
| + | color: #8FC9FE ; |
| + | cursor: pointer; |
| + | font-size: 0.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: 0.8em; |
| + | padding-left: 0.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: 0.5em; |
| + | white-space: nowrap; |
| + | color: #8FC9FE ; |
| + | cursor: pointer; |
| + | font-size: 0.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-transform: 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 0.6em 0 0.7em; |
| + | padding: 0.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: 0.75em; |
| + | color: #4d4d4d; |
| + | font-weight: normal; |
| + | margin: 0; |
| + | padding: 0.25em 0 0.25em 0.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: 0.25em 0; |
| + | font-size: 0.75em; |
| + | word-wrap: break-word; |
| + | } |
| + | div#mw-panel div.portal div.body ul li a { |
| + | color: #8FC9FE ; |
| + | } |
| + | 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: 0.5em; |
| + | } |
| + | div#footer { |
| + | margin-left: 10em; |
| + | margin-top: 0; |
| + | padding: 0.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: 0.5em; |
| + | padding-bottom: 0.5em; |
| + | color: #333; |
| + | font-size: 0.7em; |
| + | } |
| + | div#footer #footer-icons { |
| + | float: right; |
| + | } |
| + | div#footer #footer-icons li { |
| + | float: left; |
| + | margin-left: 0.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; |
| } | | } |