Difference between revisions of "MediaWiki:Vector.css"
From The Inquisition Legacy
| (6 intermediate revisions by the same user 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 */ | ||
| − | + | h1, h2, h3, h4, h5, h6 { | |
| − | h1,h2,h3,h4,h5,h6{color:#c1c1c1}hr{color:#222}.editOptions{background-color:#333;border-color:#4c4c4c}input,textarea{background-color:#4c4c4c;border-color:#4c4c4c;color:#c1c1c1}a,.mw-body a.external,.mw-body a.extiw{color:#e69710}a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited{color:#8a7f6c}a.new,#p-personal a.new{color:#d44}ul{list-style-image:none}div.thumbinner,.catlinks{background-color:#4c4c4c;border-color:#666}#toc,div.toc,ul#filetoc,li.gallerybox div.thumb{background-color:#4c4c4c;border-color:#666}code{border:none;background-color:inherit;color:inherit}table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>th,table.wikitable>*>tr>td,pre{color:#c1c1c1;background-color:#4c4c4c;border-color:#666}table.mw_metadata th,table.wikitable>*>tr>th{background-color:#595959}table.diff{background-color:#4c4c4c}td .diffchange{color:#4c4c4c}#pagehistory li.selected,td.diff-context{background-color:inherit;color:inherit}#pagehistory li{border:0}ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper{background-color:rgba(0,0,0,0.8)}#left-navigation div.vectorTabs,#right-navigation div.vectorTabs{background-image:inherit;background-color:#250b2d}#left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul{background-color:#250b2d}#left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li{background-color:#222;background-image: | + | color : #c1c1c1; |
| − | + | } | |
| − | + | hr { | |
| − | + | color : #222; | |
| + | } | ||
| + | .editOptions { | ||
| + | background-color : #333; | ||
| + | border-color : #4c4c4c; | ||
| + | } | ||
| + | input, textarea { | ||
| + | background-color : #4c4c4c; | ||
| + | border-color : #4c4c4c; | ||
| + | color : #c1c1c1; | ||
| + | } | ||
| + | a, .mw-body a.external, .mw-body a.extiw { | ||
| + | color : #e69710; | ||
| + | } | ||
| + | a:visited, .mw-body a.external:visited, .mw-body a.extiw:visited { | ||
| + | color : #8a7f6c; | ||
| + | } | ||
| + | a.new, #p-personal a.new { | ||
| + | color : #d44; | ||
| + | } | ||
| + | ul { | ||
| + | list-style-image : none; | ||
| + | } | ||
| + | div.thumbinner, .catlinks { | ||
| + | background-color : #4c4c4c; | ||
| + | border-color : #666; | ||
| + | } | ||
| + | #toc, div.toc, ul#filetoc, li.gallerybox div.thumb { | ||
| + | background-color : #4c4c4c; | ||
| + | border-color : #666; | ||
| + | } | ||
| + | code { | ||
| + | border : none; | ||
| + | background-color : inherit; | ||
| + | color : inherit; | ||
| + | } | ||
| + | table.mw_metadata td, table.mw_metadata th, table.wikitable, table.wikitable > * > tr > th, table.wikitable > * > tr > td, pre { | ||
| + | color : #c1c1c1; | ||
| + | background-color : #4c4c4c; | ||
| + | border-color : #666; | ||
| + | } | ||
| + | table.mw_metadata th, table.wikitable > * > tr > th { | ||
| + | background-color : #595959; | ||
| + | } | ||
| + | table.diff { | ||
| + | background-color : #4c4c4c; | ||
| + | } | ||
| + | td .diffchange { | ||
| + | color : #4c4c4c; | ||
| + | } | ||
| + | #pagehistory li.selected, td.diff-context { | ||
| + | background-color : inherit; | ||
| + | color : inherit; | ||
| + | } | ||
| + | #pagehistory li { | ||
| + | border : 0; | ||
| + | } | ||
| + | ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper { | ||
| + | background-color : rgba(0, 0, 0, 0.8); | ||
| + | } | ||
| + | #left-navigation div.vectorTabs, #right-navigation div.vectorTabs { | ||
| + | background-image : inherit; | ||
| + | background-color : #250b2d; | ||
| + | } | ||
| + | #left-navigation div.vectorTabs ul, #right-navigation div.vectorTabs ul { | ||
| + | background-color : #250b2d; | ||
| + | } | ||
| + | #left-navigation div.vectorTabs ul li, #right-navigation div.vectorTabs ul li { | ||
| + | background-color : #222; | ||
| + | background-image : 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 : linear-gradient(#e69710 0, #333 10%); | ||
| + | } | ||
| + | #left-navigation div.vectorTabs li.selected a, #right-navigation div.vectorTabs li.selected a, #left-navigation div.vectorTabs li.selected a:visited, #right-navigation div.vectorTabs li.selected a:visited { | ||
| + | color : #8a7f6c; | ||
| + | } | ||
| + | #left-navigation div.vectorTabs li a, #right-navigation div.vectorTabs li a { | ||
| + | color : #e69710; | ||
| + | } | ||
| + | #left-navigation div.vectorTabs span, #right-navigation div.vectorTabs span { | ||
| + | background : transparent; | ||
| + | } | ||
| + | div#mw-head #right-navigation div.vectorMenu h3 { | ||
| + | background : inherit; | ||
| + | } | ||
| + | div#mw-head div.vectorMenu h3 span { | ||
| + | color : #e69710; | ||
| + | } | ||
| + | div.vectorMenu h3 a { | ||
| + | background : inherit; | ||
| + | } | ||
| + | div.vectorMenu ul { | ||
| + | background-color : black; | ||
| + | border : #0c0c0c solid 1px; | ||
| + | } | ||
| + | div.vectorMenu li a { | ||
| + | color : #e69710; | ||
| + | } | ||
| + | div.vectorMenu li.selected a, div.vectorMenu li.selected a:visited { | ||
| + | color : #8a7f6c; | ||
| + | text-decoration : none; | ||
| + | } | ||
| + | div.vectorMenu#p-cactions div.menu { | ||
| + | border-color : #666; | ||
| + | } | ||
| + | div.vectorMenu#p-cactions ul { | ||
| + | border : 0; | ||
| + | background-color : #4c4c4c; | ||
| + | } | ||
| + | #mw-navigation div#mw-panel div.portal { | ||
| + | background-image : none; | ||
| + | border-top : 1px solid #4c4c4c; | ||
| + | } | ||
| + | #mw-navigation div#mw-panel div.portal#p-logo, #mw-navigation div#mw-panel div.portal#p-navigation { | ||
| + | border-top : none; | ||
| + | } | ||
| + | html { | ||
| + | font-size : 100%; | ||
| + | } | ||
| + | html, body { | ||
| + | height : 100%; | ||
| + | margin : 0; | ||
| + | padding : 0; | ||
| + | font-family : sans-serif; | ||
| + | } | ||
| + | body { | ||
| + | background-color : #2a2a2a; | ||
| + | } | ||
| + | .mw-body { | ||
| + | margin-left : 10em; | ||
| + | padding : 1em; | ||
| + | border : #250b2d solid 1px; | ||
| + | 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 : 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 { | ||
| + | transition : margin-left 250ms, padding 250ms; | ||
| + | } | ||
| + | body.vector-animateLayout #p-logo { | ||
| + | transition : left 250ms; | ||
| + | } | ||
| + | body.vector-animateLayout #mw-panel { | ||
| + | transition : padding-right 250ms; | ||
| + | } | ||
| + | body.vector-animateLayout #p-search { | ||
| + | transition : margin-right 250ms; | ||
| + | } | ||
| + | body.vector-animateLayout #p-personal { | ||
| + | transition : right 250ms; | ||
| + | } | ||
| + | body.vector-animateLayout #mw-head-base { | ||
| + | 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 : linear-gradient(transparent, transparent), 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 : #aaa solid 1px; | ||
| + | color : black; | ||
| + | background-color : white; | ||
| + | background-image : 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; | ||
| + | } | ||
| + | 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 #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 : linear-gradient(transparent, transparent), 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 : 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 : 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 : 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 : 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 : #e69710; | ||
| + | cursor : pointer; | ||
| + | font-size : 0.8em; | ||
| + | } | ||
| + | div.vectorTabs li > a { | ||
| + | display : block; | ||
| + | } | ||
| + | div.vectorTabs span { | ||
| + | display : inline-block; | ||
| + | background-image : 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 : 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 : linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-icon.svg'); | ||
| + | background-position : 100% 70%; | ||
| + | background-repeat : no-repeat; | ||
| + | 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 : linear-gradient(transparent, transparent), 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 : silver solid 1px; | ||
| + | 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 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 : #e69710; | ||
| + | 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; | ||
| + | } | ||
| + | @keyframes rotate { | ||
| + | from { | ||
| + | transform : rotate(0deg); | ||
| + | } | ||
| + | to { | ||
| + | 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 : linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon.svg'); | ||
| + | } | ||
| + | #ca-watch.icon a { | ||
| + | background-image : url('skins/Vector/images/watch-icon.png'); | ||
| + | background-image : linear-gradient(transparent, transparent), 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 : linear-gradient(transparent, transparent), 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 : linear-gradient(transparent, transparent), 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 : linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-loading.svg'); | ||
| + | animation : rotate 700ms linear infinite; | ||
| + | outline : none; | ||
| + | cursor : default; | ||
| + | background-position : 50% 60%; | ||
| + | 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 : 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 : 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; | ||
| + | overflow-wrap : break-word; | ||
| + | } | ||
| + | div#mw-panel div.portal div.body ul li a { | ||
| + | color : #e69710; | ||
| + | } | ||
| + | div#mw-panel div.portal div.body ul li a:visited { | ||
| + | color : #8a7f6c; | ||
| + | } | ||
| + | div#mw-panel div.portal.first { | ||
| + | background-image : none; | ||
| + | margin-top : 0; | ||
| + | } | ||
| + | div#mw-panel div.portal.first h3 { | ||
| + | display : none; | ||
| + | } | ||
| + | div#mw-panel div.portal.first div.body { | ||
| + | margin-left : 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 : linear-gradient(transparent, transparent), url('skins/Vector/images/external-link-ltr-icon.svg'); | ||
| + | padding-right : 13px; | ||
} | } | ||
Latest revision as of 02:05, 19 February 2017
/* CSS placed here will affect users of the Vector skin */
h1, h2, h3, h4, h5, h6 {
color : #c1c1c1;
}
hr {
color : #222;
}
.editOptions {
background-color : #333;
border-color : #4c4c4c;
}
input, textarea {
background-color : #4c4c4c;
border-color : #4c4c4c;
color : #c1c1c1;
}
a, .mw-body a.external, .mw-body a.extiw {
color : #e69710;
}
a:visited, .mw-body a.external:visited, .mw-body a.extiw:visited {
color : #8a7f6c;
}
a.new, #p-personal a.new {
color : #d44;
}
ul {
list-style-image : none;
}
div.thumbinner, .catlinks {
background-color : #4c4c4c;
border-color : #666;
}
#toc, div.toc, ul#filetoc, li.gallerybox div.thumb {
background-color : #4c4c4c;
border-color : #666;
}
code {
border : none;
background-color : inherit;
color : inherit;
}
table.mw_metadata td, table.mw_metadata th, table.wikitable, table.wikitable > * > tr > th, table.wikitable > * > tr > td, pre {
color : #c1c1c1;
background-color : #4c4c4c;
border-color : #666;
}
table.mw_metadata th, table.wikitable > * > tr > th {
background-color : #595959;
}
table.diff {
background-color : #4c4c4c;
}
td .diffchange {
color : #4c4c4c;
}
#pagehistory li.selected, td.diff-context {
background-color : inherit;
color : inherit;
}
#pagehistory li {
border : 0;
}
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper, ul.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper, ul.mw-gallery-packed-hover li.gallerybox.mw-gallery-focused div.gallerytextwrapper {
background-color : rgba(0, 0, 0, 0.8);
}
#left-navigation div.vectorTabs, #right-navigation div.vectorTabs {
background-image : inherit;
background-color : #250b2d;
}
#left-navigation div.vectorTabs ul, #right-navigation div.vectorTabs ul {
background-color : #250b2d;
}
#left-navigation div.vectorTabs ul li, #right-navigation div.vectorTabs ul li {
background-color : #222;
background-image : 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 : linear-gradient(#e69710 0, #333 10%);
}
#left-navigation div.vectorTabs li.selected a, #right-navigation div.vectorTabs li.selected a, #left-navigation div.vectorTabs li.selected a:visited, #right-navigation div.vectorTabs li.selected a:visited {
color : #8a7f6c;
}
#left-navigation div.vectorTabs li a, #right-navigation div.vectorTabs li a {
color : #e69710;
}
#left-navigation div.vectorTabs span, #right-navigation div.vectorTabs span {
background : transparent;
}
div#mw-head #right-navigation div.vectorMenu h3 {
background : inherit;
}
div#mw-head div.vectorMenu h3 span {
color : #e69710;
}
div.vectorMenu h3 a {
background : inherit;
}
div.vectorMenu ul {
background-color : black;
border : #0c0c0c solid 1px;
}
div.vectorMenu li a {
color : #e69710;
}
div.vectorMenu li.selected a, div.vectorMenu li.selected a:visited {
color : #8a7f6c;
text-decoration : none;
}
div.vectorMenu#p-cactions div.menu {
border-color : #666;
}
div.vectorMenu#p-cactions ul {
border : 0;
background-color : #4c4c4c;
}
#mw-navigation div#mw-panel div.portal {
background-image : none;
border-top : 1px solid #4c4c4c;
}
#mw-navigation div#mw-panel div.portal#p-logo, #mw-navigation div#mw-panel div.portal#p-navigation {
border-top : none;
}
html {
font-size : 100%;
}
html, body {
height : 100%;
margin : 0;
padding : 0;
font-family : sans-serif;
}
body {
background-color : #2a2a2a;
}
.mw-body {
margin-left : 10em;
padding : 1em;
border : #250b2d solid 1px;
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 : 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 {
transition : margin-left 250ms, padding 250ms;
}
body.vector-animateLayout #p-logo {
transition : left 250ms;
}
body.vector-animateLayout #mw-panel {
transition : padding-right 250ms;
}
body.vector-animateLayout #p-search {
transition : margin-right 250ms;
}
body.vector-animateLayout #p-personal {
transition : right 250ms;
}
body.vector-animateLayout #mw-head-base {
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 : linear-gradient(transparent, transparent), 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 : #aaa solid 1px;
color : black;
background-color : white;
background-image : 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;
}
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 #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 : linear-gradient(transparent, transparent), 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 : 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 : 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 : 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 : 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 : #e69710;
cursor : pointer;
font-size : 0.8em;
}
div.vectorTabs li > a {
display : block;
}
div.vectorTabs span {
display : inline-block;
background-image : 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 : 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 : linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-icon.svg');
background-position : 100% 70%;
background-repeat : no-repeat;
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 : linear-gradient(transparent, transparent), 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 : silver solid 1px;
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 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 : #e69710;
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;
}
@keyframes rotate {
from {
transform : rotate(0deg);
}
to {
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 : linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon.svg');
}
#ca-watch.icon a {
background-image : url('skins/Vector/images/watch-icon.png');
background-image : linear-gradient(transparent, transparent), 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 : linear-gradient(transparent, transparent), 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 : linear-gradient(transparent, transparent), 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 : linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-loading.svg');
animation : rotate 700ms linear infinite;
outline : none;
cursor : default;
background-position : 50% 60%;
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 : 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 : 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;
overflow-wrap : break-word;
}
div#mw-panel div.portal div.body ul li a {
color : #e69710;
}
div#mw-panel div.portal div.body ul li a:visited {
color : #8a7f6c;
}
div#mw-panel div.portal.first {
background-image : none;
margin-top : 0;
}
div#mw-panel div.portal.first h3 {
display : none;
}
div#mw-panel div.portal.first div.body {
margin-left : 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 : linear-gradient(transparent, transparent), url('skins/Vector/images/external-link-ltr-icon.svg');
padding-right : 13px;
}
