Difference between revisions of "MediaWiki:Vector.css"
Jump to navigation
Jump to search
m (Tweak footer color) |
|||
(122 intermediate revisions by 2 users not shown) | |||
Line 1: | Line 1: | ||
− | |||
/* CSS placed here will affect users of the Vector skin */ | /* CSS placed here will affect users of the Vector skin */ | ||
− | + | @font-face { | |
− | { | + | font-family:"Roboto"; |
− | + | src:url(/fonts/Roboto-Regular.ttf) | |
} | } | ||
+ | @font-face { | ||
+ | font-family:"Artiflex CF"; | ||
+ | src:url(/fonts/artifexcf-regular-webfont.woff2) | ||
+ | } | ||
+ | |||
/* 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 { | + | |
− | + | html .thumbimage { | |
+ | background-color: #2a2a2a !important; | ||
+ | } | ||
+ | |||
+ | .mw-mmv-post-image { | ||
+ | color: #c8ccd1 !important; | ||
+ | } | ||
+ | |||
+ | h1, | ||
+ | h2, | ||
+ | h3, | ||
+ | h4, | ||
+ | h5, | ||
+ | h6 { | ||
+ | color: #c1c1c1; | ||
+ | clear: left !important; | ||
+ | } | ||
+ | |||
+ | div.toc { | ||
+ | clear: left !important; | ||
} | } | ||
hr { | hr { | ||
− | + | color: #222; | |
+ | } | ||
+ | |||
+ | .rotate-90 { | ||
+ | -webkit-transform: rotate(-90deg); | ||
+ | /* Chrome, Opera 15+, Safari 3.1+ */ | ||
+ | -ms-transform: rotate(-90deg); | ||
+ | /* IE 9 */ | ||
+ | transform: rotate(-90deg); | ||
+ | /* Firefox 16+, IE 10+, Opera */ | ||
} | } | ||
.editOptions { | .editOptions { | ||
− | + | background-color: #333; | |
− | + | border-color: #4c4c4c; | |
+ | color: #c1c1c1 !important; | ||
} | } | ||
− | input, textarea { | + | input, |
− | + | textarea { | |
− | + | background-color: #4c4c4c; | |
− | + | border-color: #4c4c4c; | |
+ | color: #c1c1c1; | ||
} | } | ||
− | a, .mw-body a.external, .mw-body a.extiw { | + | a, |
− | + | .mw-body a.external, | |
+ | .mw-body a.extiw, | ||
+ | .toctogglelabel:after { | ||
+ | color: #e69710; | ||
} | } | ||
− | + | a:visited, | |
− | + | .mw-body a.external:visited, | |
− | + | .mw-body a.extiw:visited { | |
+ | color: #e69710; | ||
+ | } | ||
− | + | a.new, | |
− | + | #p-personal a.new { | |
− | + | color: #d44; | |
+ | } | ||
ul { | ul { | ||
− | + | list-style-image: none; | |
} | } | ||
− | div.thumbinner, .catlinks { | + | div.thumbinner, |
− | + | .catlinks { | |
− | + | background-color: #4c4c4c; | |
+ | border-color: #666; | ||
} | } | ||
− | #toc, div.toc, ul#filetoc, li.gallerybox div.thumb { | + | #toc, |
− | + | div.toc, | |
− | + | ul#filetoc, | |
+ | li.gallerybox div.thumb { | ||
+ | background-color: #4c4c4c; | ||
+ | border-color: #666; | ||
+ | margin-top: 8px; | ||
} | } | ||
code { | 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 { | + | 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 { | table.diff { | ||
− | + | background-color: #4c4c4c; | |
} | } | ||
td .diffchange { | td .diffchange { | ||
− | + | color: #4c4c4c; | |
} | } | ||
− | #pagehistory li.selected, td.diff-context { | + | #pagehistory li.selected, |
− | + | td.diff-context { | |
− | + | background-color: inherit; | |
+ | color: inherit; | ||
} | } | ||
#pagehistory li { | #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 { | + | 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 { | + | #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: #e69710; | ||
+ | } | ||
− | + | #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; | |
} | } | ||
div#mw-head div.vectorMenu h3 span { | div#mw-head div.vectorMenu h3 span { | ||
− | + | color: #e69710; | |
} | } | ||
div.vectorMenu h3 a { | div.vectorMenu h3 a { | ||
− | + | background: inherit; | |
} | } | ||
div.vectorMenu ul { | div.vectorMenu ul { | ||
− | + | background-color: black; | |
− | + | border: solid 1px #0c0c0c; | |
} | } | ||
div.vectorMenu li a { | div.vectorMenu li a { | ||
− | + | color: #e69710; | |
} | } | ||
− | div.vectorMenu li.selected a, div.vectorMenu li.selected a:visited { | + | div.vectorMenu li.selected a, |
− | + | div.vectorMenu li.selected a:visited { | |
− | + | color: #e69710; | |
+ | text-decoration: none; | ||
} | } | ||
div.vectorMenu#p-cactions div.menu { | div.vectorMenu#p-cactions div.menu { | ||
− | + | border-color: #666; | |
} | } | ||
div.vectorMenu#p-cactions ul { | div.vectorMenu#p-cactions ul { | ||
− | + | border: 0; | |
− | + | background-color: #4c4c4c; | |
} | } | ||
#mw-navigation div#mw-panel div.portal { | #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 { | html { | ||
− | + | font-size: 100%; | |
} | } | ||
− | html, body { | + | html, |
− | + | body { | |
− | + | height: 100%; | |
− | + | margin: 0; | |
− | + | padding: 0; | |
+ | font-family: Roboto, sans-serif; | ||
} | } | ||
body { | body { | ||
− | + | background-color: #2a2a2a; | |
− | + | background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), /*url(/img/screenshot012.jpg)*/ | |
− | + | url(/marsh_low.jpg); | |
+ | background-attachment: fixed; | ||
+ | background-repeat: no-repeat; | ||
+ | background-size: cover; | ||
} | } | ||
.mw-body { | .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: Roboto, sans-serif; | |
+ | } | ||
− | + | .mw-body p { | |
− | + | line-height: inherit; | |
− | + | margin: .5em 0; | |
− | + | } | |
− | + | .mw-body h1, | |
− | + | .mw-body h2, | |
− | + | .mw-body #firstHeading { | |
− | + | font-family: "Artiflex CF", "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: Roboto, sans-serif; | |
+ | } | ||
div.emptyPortlet { | div.emptyPortlet { | ||
− | + | display: none; | |
} | } | ||
ul { | ul { | ||
− | + | list-style-type: disc; | |
− | + | list-style-image: /* @embed */ | |
+ | url('/img/bullet-icon-orange.png'); | ||
} | } | ||
− | pre, .mw-code { | + | pre, |
− | + | .mw-code { | |
+ | line-height: 1.3em; | ||
} | } | ||
#siteNotice { | #siteNotice { | ||
− | + | font-size: .8em; | |
} | } | ||
.redirectText { | .redirectText { | ||
− | + | font-size: 140%; | |
} | } | ||
.redirectMsg img { | .redirectMsg img { | ||
− | + | vertical-align: text-bottom; | |
} | } | ||
.mw-body-content { | .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 { | + | 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 { | 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 { | 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 { | 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 { | 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 { | 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 { | #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 { | + | #pt-userpage, |
− | + | #pt-anonuserpage { | |
− | + | background-position: left top; | |
− | + | background-repeat: no-repeat; | |
− | + | padding-left: 15px !important; | |
− | |||
− | |||
} | } | ||
#p-search { | #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 { | 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 { | div.vectorTabs h3 { | ||
− | + | display: none; | |
} | } | ||
div.vectorTabs { | 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; | |
− | } | + | padding-top: 1em; |
+ | } | ||
− | + | 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 { | div.vectorMenu { | ||
− | + | direction: ltr; | |
− | + | float: left; | |
− | + | cursor: pointer; | |
− | + | position: relative; | |
} | } | ||
body.rtl div.vectorMenu { | body.rtl div.vectorMenu { | ||
− | + | direction: rtl; | |
} | } | ||
div#mw-head div.vectorMenu h3 { | 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 { | div.vectorMenu h3 span { | ||
− | + | display: block; | |
− | + | font-size: .8em; | |
− | + | padding-left: .7em; | |
− | + | padding-top: 1.1em; | |
− | + | margin-right: 20px; | |
− | + | font-weight: normal; | |
− | + | color: #4d4d4d; | |
} | } | ||
div.vectorMenu h3 a { | 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%; | |
} | } | ||
div.vectorMenuFocus h3 a { | 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 { | 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 { | + | div.vectorMenu:hover div.menu, |
− | + | div.vectorMenu.menuForceShow div.menu { | |
+ | display: block; | ||
} | } | ||
div.vectorMenu ul { | 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, |
− | + | x:-moz-any-link { | |
+ | min-width: 5em; | ||
} | } | ||
− | div.vectorMenu ul, x:-moz-any-link, x:default { | + | div.vectorMenu ul, |
− | + | x:-moz-any-link, | |
+ | x:default { | ||
+ | min-width: 0; | ||
} | } | ||
div.vectorMenu li { | 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 { | @-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 { | @-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 { | @-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 { | @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 { | + | #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: 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: 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, |
− | + | #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, |
− | + | #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, |
− | + | #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 { | + | #ca-unwatch.icon a span, |
− | + | #ca-watch.icon a span { | |
+ | display: none; | ||
} | } | ||
#mw-navigation h2 { | #mw-navigation h2 { | ||
− | + | position: absolute; | |
− | + | top: -9999px; | |
} | } | ||
#mw-page-base { | #mw-page-base { | ||
− | + | height: 5em; | |
− | + | background-position: 160px 40px; | |
− | + | background-repeat: no-repeat; | |
− | + | background-image: url('/img/wikibgtop72.png'); | |
− | + | 3 background-color: transparent; | |
} | } | ||
#mw-head-base { | #mw-head-base { | ||
− | + | margin-top: -5em; | |
− | + | margin-left: 10em; | |
− | + | height: 5em; | |
} | } | ||
div#mw-head { | div#mw-head { | ||
− | + | position: absolute; | |
− | + | top: 0; | |
− | + | right: 0; | |
− | + | width: 100%; | |
} | } | ||
− | + | div#mw-head h3 { | |
− | + | margin: 0; | |
− | + | padding: 0; | |
− | + | } | |
#left-navigation { | #left-navigation { | ||
− | + | float: left; | |
− | + | margin-left: 10em; | |
− | + | margin-top: 2.5em; | |
− | + | margin-bottom: -2.5em; | |
− | + | display: inline; | |
} | } | ||
#right-navigation { | #right-navigation { | ||
− | + | float: right; | |
− | + | margin-top: 2.5em; | |
} | } | ||
#p-logo { | #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 { | 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: #e69710; | |
− | + | } | |
− | + | 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 { | 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 { | body.ltr div#footer #footer-places { | ||
− | + | float: left; | |
} | } | ||
.mw-body .external { | .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; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* Custom styles for Ashes of Community */ | ||
+ | |||
+ | .mw-search-result-data { | ||
+ | color: #e69710; | ||
+ | font-size: 67%; | ||
+ | } | ||
+ | |||
+ | .tocnumber { | ||
+ | color: #e69710; | ||
} | } | ||
+ | |||
+ | .kickstarter_highlight { | ||
+ | color: white; | ||
+ | background: green; | ||
+ | } | ||
+ | |||
+ | .summer_highlight { | ||
+ | color: white; | ||
+ | background: DarkSlateBlue; | ||
+ | } | ||
+ | |||
+ | #footer-info-lastmod { | ||
+ | color: lightgray !important; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | div#mw-panel { | ||
+ | position: fixed; | ||
+ | } | ||
+ | |||
+ | img, | ||
+ | .mw-datatable td { | ||
+ | background-color: transparent !important; | ||
+ | } | ||
+ | |||
+ | #pt-anonuserpage { | ||
+ | color: #ffffff; | ||
+ | } | ||
+ | |||
+ | #mw-page-base { | ||
+ | background: transparent !important; | ||
+ | } | ||
+ | |||
+ | .vectorMenu { | ||
+ | background-color: #333 !important; | ||
+ | } | ||
+ | |||
+ | table.dpl4columns th { | ||
+ | width:28%; | ||
+ | } | ||
+ | |||
+ | table.dpl4columns tr>th { | ||
+ | width:16%; | ||
+ | } | ||
+ | |||
+ | .mw-changeslist-legend, | ||
+ | .mw-rcfilters-ui-menuSelectWidget-body, | ||
+ | .mw-rcfilters-ui-menuSelectWidget, | ||
+ | .mw-rcfilters-ui-menuSelectWidget-view-default, | ||
+ | .oo-ui-tagMultiselectWidget-handle, | ||
+ | .mw-rcfilters-ui-filterMenuSectionOptionWidget, | ||
+ | .mw-rcfilters-ui-filterMenuSectionOptionWidget-header, | ||
+ | .mw-rcfilters-ui-filterMenuOptionWidget, | ||
+ | .mw-rcfilters-ui-table { | ||
+ | background-color: #4c4c4c !important; | ||
+ | } | ||
+ | |||
+ | .mw-rcfilters-ui-filterMenuHeaderWidget-title oo-ui-labelElement-label, | ||
+ | .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title, | ||
+ | .mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-top-title, | ||
+ | .mw-rcfilters-ui-itemMenuOptionWidget-label-desc, | ||
+ | .mw-rcfilters-ui-itemMenuOptionWidget-label, | ||
+ | .mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label { | ||
+ | color: #c1c1c1 !important; | ||
+ | } | ||
+ | |||
+ | |||
+ | dd { | ||
+ | margin-top: 1em; | ||
+ | margin-bottom: 1em; | ||
+ | } | ||
+ | |||
+ | #p-lang-label { | ||
+ | color: #f8e6c8 !important; | ||
+ | } | ||
+ | |||
+ | #p-lang-label:not(:hover)::after { | ||
+ | content: '▼'; | ||
+ | margin-left: 0.2em; | ||
+ | } | ||
+ | |||
+ | /* | ||
+ | dd:has(i) { | ||
+ | border-left: 3px solid #c8ccd1; | ||
+ | padding: 1em 25px 1em 1em; | ||
+ | } | ||
+ | |||
+ | blockquote, dd:has(i) { | ||
+ | border: none; | ||
+ | padding-right: 25px; | ||
+ | padding-left: 1em; | ||
+ | position: relative; | ||
+ | overflow: hidden; | ||
+ | margin-left: 0.2em !important; | ||
+ | } | ||
+ | */ | ||
+ | |||
+ | blockquote { | ||
+ | border-left: 3px solid #c8ccd1; | ||
+ | margin-left: 1.6em; | ||
+ | padding-left: 1.3em; | ||
+ | } | ||
+ | |||
+ | /*a { | ||
+ | text-wrap: nowrap; | ||
+ | }*/ |
Latest revision as of 22:41, 5 December 2023
/* CSS placed here will affect users of the Vector skin */
@font-face {
font-family:"Roboto";
src:url(/fonts/Roboto-Regular.ttf)
}
@font-face {
font-family:"Artiflex CF";
src:url(/fonts/artifexcf-regular-webfont.woff2)
}
/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */
html .thumbimage {
background-color: #2a2a2a !important;
}
.mw-mmv-post-image {
color: #c8ccd1 !important;
}
h1,
h2,
h3,
h4,
h5,
h6 {
color: #c1c1c1;
clear: left !important;
}
div.toc {
clear: left !important;
}
hr {
color: #222;
}
.rotate-90 {
-webkit-transform: rotate(-90deg);
/* Chrome, Opera 15+, Safari 3.1+ */
-ms-transform: rotate(-90deg);
/* IE 9 */
transform: rotate(-90deg);
/* Firefox 16+, IE 10+, Opera */
}
.editOptions {
background-color: #333;
border-color: #4c4c4c;
color: #c1c1c1 !important;
}
input,
textarea {
background-color: #4c4c4c;
border-color: #4c4c4c;
color: #c1c1c1;
}
a,
.mw-body a.external,
.mw-body a.extiw,
.toctogglelabel:after {
color: #e69710;
}
a:visited,
.mw-body a.external:visited,
.mw-body a.extiw:visited {
color: #e69710;
}
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;
margin-top: 8px;
}
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: #e69710;
}
#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: #e69710;
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: Roboto, sans-serif;
}
body {
background-color: #2a2a2a;
background: linear-gradient( rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0.5)), /*url(/img/screenshot012.jpg)*/
url(/marsh_low.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}
.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: Roboto, sans-serif;
}
.mw-body p {
line-height: inherit;
margin: .5em 0;
}
.mw-body h1,
.mw-body h2,
.mw-body #firstHeading {
font-family: "Artiflex CF", "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: Roboto, sans-serif;
}
div.emptyPortlet {
display: none;
}
ul {
list-style-type: disc;
list-style-image: /* @embed */
url('/img/bullet-icon-orange.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;
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;
padding-top: 1em;
}
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.1em;
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-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: 160px 40px;
background-repeat: no-repeat;
background-image: url('/img/wikibgtop72.png');
3 background-color: transparent;
}
#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: #e69710;
}
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;
}
/* Custom styles for Ashes of Community */
.mw-search-result-data {
color: #e69710;
font-size: 67%;
}
.tocnumber {
color: #e69710;
}
.kickstarter_highlight {
color: white;
background: green;
}
.summer_highlight {
color: white;
background: DarkSlateBlue;
}
#footer-info-lastmod {
color: lightgray !important;
float: right;
}
div#mw-panel {
position: fixed;
}
img,
.mw-datatable td {
background-color: transparent !important;
}
#pt-anonuserpage {
color: #ffffff;
}
#mw-page-base {
background: transparent !important;
}
.vectorMenu {
background-color: #333 !important;
}
table.dpl4columns th {
width:28%;
}
table.dpl4columns tr>th {
width:16%;
}
.mw-changeslist-legend,
.mw-rcfilters-ui-menuSelectWidget-body,
.mw-rcfilters-ui-menuSelectWidget,
.mw-rcfilters-ui-menuSelectWidget-view-default,
.oo-ui-tagMultiselectWidget-handle,
.mw-rcfilters-ui-filterMenuSectionOptionWidget,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header,
.mw-rcfilters-ui-filterMenuOptionWidget,
.mw-rcfilters-ui-table {
background-color: #4c4c4c !important;
}
.mw-rcfilters-ui-filterMenuHeaderWidget-title oo-ui-labelElement-label,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-content-title,
.mw-rcfilters-ui-filterTagMultiselectWidget-wrapper-top-title,
.mw-rcfilters-ui-itemMenuOptionWidget-label-desc,
.mw-rcfilters-ui-itemMenuOptionWidget-label,
.mw-rcfilters-ui-filterMenuSectionOptionWidget-header-title.oo-ui-labelElement-label {
color: #c1c1c1 !important;
}
dd {
margin-top: 1em;
margin-bottom: 1em;
}
#p-lang-label {
color: #f8e6c8 !important;
}
#p-lang-label:not(:hover)::after {
content: '▼';
margin-left: 0.2em;
}
/*
dd:has(i) {
border-left: 3px solid #c8ccd1;
padding: 1em 25px 1em 1em;
}
blockquote, dd:has(i) {
border: none;
padding-right: 25px;
padding-left: 1em;
position: relative;
overflow: hidden;
margin-left: 0.2em !important;
}
*/
blockquote {
border-left: 3px solid #c8ccd1;
margin-left: 1.6em;
padding-left: 1.3em;
}
/*a {
text-wrap: nowrap;
}*/