MediaWiki:Vector.css: Difference between revisions
From Exiled Kingdoms Wiki
No edit summary |
No edit summary |
||
(22 intermediate revisions by 3 users not shown) | |||
Line 5: | Line 5: | ||
h1,h2,h3,h4,h5,h6 { | h1,h2,h3,h4,h5,h6 { | ||
color: # | color: #fff; | ||
} | } | ||
Line 13: | Line 13: | ||
.editOptions { | .editOptions { | ||
background-color: # | background-color: #252525; | ||
border-color: #4c4c4c; | border-color: #4c4c4c; | ||
color: #c1c1c1; | |||
} | } | ||
Line 24: | Line 25: | ||
a,.mw-body a.external,.mw-body a.extiw { | a,.mw-body a.external,.mw-body a.extiw { | ||
color: # | color: #ffb300; | ||
} | } | ||
Line 36: | Line 37: | ||
ul { | ul { | ||
list-style-type: disc; | |||
list-style-image: none; | list-style-image: none; | ||
} | } | ||
Line 82: | Line 84: | ||
#left-navigation div.vectorTabs,#right-navigation div.vectorTabs { | #left-navigation div.vectorTabs,#right-navigation div.vectorTabs { | ||
background-image: inherit; | background-image: inherit; | ||
background-color: # | background-color: #000; | ||
} | } | ||
#left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul { | #left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul { | ||
background-color: # | background-color: #000; | ||
} | } | ||
#left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li { | #left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li { | ||
background-color: # | background-color: #0c0c0c; | ||
background-image: -moz-linear-gradient(top,# | background-image: -moz-linear-gradient(top,#4c4c4c 0,#121212 10%); | ||
background-image: -webkit-gradient(linear,left top,left bottom,color-stop( | background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4c4c4c),color-stop(10%,#121212)); | ||
background-image: -webkit-linear-gradient(top,# | background-image: -webkit-linear-gradient(top,#4c4c4c 0,#121212 10%); | ||
background-image: linear-gradient(# | background-image: linear-gradient(#4c4c4c 0,#121212 10%); | ||
} | } | ||
Line 102: | Line 104: | ||
#left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected { | #left-navigation div.vectorTabs li.selected,#right-navigation div.vectorTabs li.selected { | ||
background-color: # | background-color: #252525; | ||
background-image: -moz-linear-gradient(top,# | background-image: -moz-linear-gradient(top,#ffb300 0,#252525 10%); | ||
background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,# | background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffb300),color-stop(10%,#252525)); | ||
background-image: -webkit-linear-gradient(top,# | background-image: -webkit-linear-gradient(top,#ffb300 0,#252525 10%); | ||
background-image: linear-gradient(# | background-image: linear-gradient(#ffb300 0,#252525 10%); | ||
} | } | ||
Line 114: | Line 116: | ||
#left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a { | #left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a { | ||
color: # | color: #ffb300; | ||
} | } | ||
Line 126: | Line 128: | ||
div#mw-head div.vectorMenu h3 span { | div#mw-head div.vectorMenu h3 span { | ||
color: # | color: #ffb300; | ||
} | } | ||
Line 139: | Line 141: | ||
div.vectorMenu li a { | div.vectorMenu li a { | ||
color: # | color: #ffb300; | ||
} | } | ||
Line 177: | Line 179: | ||
body { | body { | ||
background-color: # | background-color: #000; | ||
} | } | ||
Line 183: | Line 185: | ||
margin-left: 10em; | margin-left: 10em; | ||
padding: 1em; | padding: 1em; | ||
border: 1px solid # | border: 1px solid #000; | ||
border-right-width: 0; | border-right-width: 0; | ||
margin-top: -1px; | margin-top: -1px; | ||
background-color: # | background-color: #252525; | ||
color: #c1c1c1; | color: #c1c1c1; | ||
direction: ltr; | direction: ltr; | ||
Line 201: | Line 203: | ||
.mw-body h1,.mw-body h2,.mw-body #firstHeading { | .mw-body h1,.mw-body h2,.mw-body #firstHeading { | ||
font-family: | font-family: sans-serif; | ||
line-height: 1.3; | line-height: 1.3; | ||
margin-bottom: .25em; | margin-bottom: .25em; | ||
Line 209: | Line 211: | ||
.mw-body h1,.mw-body #firstHeading { | .mw-body h1,.mw-body #firstHeading { | ||
font-size: 1.8em; | font-size: 1.8em; | ||
border-bottom: 2px solid #ffb300; | |||
} | } | ||
Line 214: | Line 217: | ||
font-size: 1.5em; | font-size: 1.5em; | ||
margin-top: 1em; | margin-top: 1em; | ||
border: none; | |||
border-left: 2px solid #ffb300; | |||
padding-left: 0.5em; | |||
} | } | ||
Line 228: | Line 234: | ||
.mw-body h3,.mw-body h4 { | .mw-body h3,.mw-body h4 { | ||
font-weight: | font-weight: normal; | ||
} | } | ||
Line 238: | Line 244: | ||
font-size: 100%; | font-size: 100%; | ||
font-family: sans-serif; | font-family: sans-serif; | ||
border: none; | |||
} | } | ||
div.emptyPortlet { | div.emptyPortlet { | ||
display: none; | display: none; | ||
} | } | ||
Line 515: | Line 516: | ||
padding-left: .5em; | padding-left: .5em; | ||
padding-right: .5em; | padding-right: .5em; | ||
color: # | color: #ffb300; | ||
cursor: pointer; | cursor: pointer; | ||
font-size: .8em; | font-size: .8em; | ||
Line 651: | Line 652: | ||
padding: .5em; | padding: .5em; | ||
white-space: nowrap; | white-space: nowrap; | ||
color: # | color: #ffb300; | ||
cursor: pointer; | cursor: pointer; | ||
font-size: .8em; | font-size: .8em; | ||
Line 794: | Line 795: | ||
#mw-page-base { | #mw-page-base { | ||
height: 5em; | height: 5em; | ||
background-image: none; | |||
background-color: #000; | |||
background-image: | |||
background-color: # | |||
} | } | ||
Line 863: | Line 857: | ||
div#mw-panel div.portal { | div#mw-panel div.portal { | ||
background-image: none; | |||
margin: 0 .6em 0 .7em; | margin: 0 .6em 0 .7em; | ||
padding: .25em 0; | padding: .25em 0; | ||
} | } | ||
Line 883: | Line 873: | ||
div#mw-panel div.portal div.body { | div#mw-panel div.portal div.body { | ||
background-image: none; | |||
margin: 0 0 0 1.25em; | margin: 0 0 0 1.25em; | ||
padding-top: 0; | padding-top: 0; | ||
Line 903: | Line 894: | ||
div#mw-panel div.portal div.body ul li a { | div#mw-panel div.portal div.body ul li a { | ||
color: # | color: #ffb300; | ||
} | } | ||
Line 983: | Line 974: | ||
.mw-ui-button { | .mw-ui-button { | ||
background:#252525; | |||
-webkit-border-radius: 20; | |||
-moz-border-radius: 20; | |||
border-radius: 24px; | |||
color: #ffb300; | |||
padding: 1px 9px 1px 9px; | |||
border: solid 1px; | |||
border-color: #aaa #555 #555 #aaa; | |||
text-decoration: none; | |||
font-weight: normal; | |||
} | } | ||
code { | code { | ||
background: #252525; | |||
border: solid 1px; | |||
color: #c1c1c1; | |||
} | |||
.tocnumber { | |||
color: #c1c1c1; | |||
} | } |
Latest revision as of 17:25, 13 February 2020
/* CSS placed here will affect users of the Vector skin */ /* To revert to the normal Vector theme, delete this line and everything below it */ /* This was lightly modified, based on http://www.shikadi.net/MediaWiki:Vector.css */ h1,h2,h3,h4,h5,h6 { color: #fff; } hr { color: #222; } .editOptions { background-color: #252525; border-color: #4c4c4c; color: #c1c1c1; } input,textarea { background-color: #4c4c4c; border-color: #4c4c4c; color: #c1c1c1; } a,.mw-body a.external,.mw-body a.extiw { color: #ffb300; } a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited { color: #b8780c; } a.new,#p-personal a.new { color: #d44; } ul { list-style-type: disc; 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; } 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: #000; } #left-navigation div.vectorTabs ul,#right-navigation div.vectorTabs ul { background-color: #000; } #left-navigation div.vectorTabs ul li,#right-navigation div.vectorTabs ul li { background-color: #0c0c0c; background-image: -moz-linear-gradient(top,#4c4c4c 0,#121212 10%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#4c4c4c),color-stop(10%,#121212)); background-image: -webkit-linear-gradient(top,#4c4c4c 0,#121212 10%); background-image: linear-gradient(#4c4c4c 0,#121212 10%); } #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: #252525; background-image: -moz-linear-gradient(top,#ffb300 0,#252525 10%); background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0,#ffb300),color-stop(10%,#252525)); background-image: -webkit-linear-gradient(top,#ffb300 0,#252525 10%); background-image: linear-gradient(#ffb300 0,#252525 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: #b8780c; } #left-navigation div.vectorTabs li a,#right-navigation div.vectorTabs li a { color: #ffb300; } #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: #ffb300; } div.vectorMenu h3 a { background: inherit; } div.vectorMenu ul { background-color: #000; border: solid 1px #0c0c0c; } div.vectorMenu li a { color: #ffb300; } div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited { color: #b8780c; 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: #000; } .mw-body { margin-left: 10em; padding: 1em; border: 1px solid #000; border-right-width: 0; margin-top: -1px; background-color: #252525; color: #c1c1c1; direction: ltr; } .mw-body .mw-editsection,.mw-body .mw-editsection-like { font-family: sans-serif; } .mw-body p { line-height: inherit; margin: .5em 0; } .mw-body h1,.mw-body h2,.mw-body #firstHeading { font-family: sans-serif; line-height: 1.3; margin-bottom: .25em; padding: 0; } .mw-body h1,.mw-body #firstHeading { font-size: 1.8em; border-bottom: 2px solid #ffb300; } .mw-body h2 { font-size: 1.5em; margin-top: 1em; border: none; border-left: 2px solid #ffb300; padding-left: 0.5em; } .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: normal; } .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; border: none; } div.emptyPortlet { display: none; } pre,.mw-code { line-height: 1.3em; } #siteNotice { font-size: .8em; } .redirectText { font-size: 140%; } .redirectMsg img { vertical-align: text-bottom; } .mw-body-content { position: relative; line-height: 1.6; font-size: .875em; } body.vector-animateLayout .mw-body,body.vector-animateLayout div#footer,body.vector-animateLayout #left-navigation { -webkit-transition: margin-left 250ms,padding 250ms; -moz-transition: margin-left 250ms,padding 250ms; -o-transition: margin-left 250ms,padding 250ms; transition: margin-left 250ms,padding 250ms; } body.vector-animateLayout #p-logo { -webkit-transition: left 250ms; -moz-transition: left 250ms; -o-transition: left 250ms; transition: left 250ms; } body.vector-animateLayout #mw-panel { -webkit-transition: padding-right 250ms; -moz-transition: padding-right 250ms; -o-transition: padding-right 250ms; transition: padding-right 250ms; } body.vector-animateLayout #p-search { -webkit-transition: margin-right 250ms; -moz-transition: margin-right 250ms; -o-transition: margin-right 250ms; transition: margin-right 250ms; } body.vector-animateLayout #p-personal { -webkit-transition: right 250ms; -moz-transition: right 250ms; -o-transition: right 250ms; transition: right 250ms; } body.vector-animateLayout #mw-head-base { -webkit-transition: margin-left 250ms; -moz-transition: margin-left 250ms; -o-transition: margin-left 250ms; transition: margin-left 250ms; } #p-personal { position: absolute; top: .33em; right: .75em; z-index: 100; } #p-personal h3 { display: none; } #p-personal ul { list-style-type: none; list-style-image: none; margin: 0; padding-left: 10em; } #p-personal li { line-height: 1.125em; float: left; margin-left: .75em; margin-top: .5em; font-size: .75em; white-space: nowrap; } #pt-userpage,#pt-anonuserpage { background-position: left top; background-repeat: no-repeat; background-image: url(skins/Vector/images/user-icon.png); background-image: /* @embed */ -webkit-linear-gradient(transparent,transparent),url(skins/Vector/images/user-icon.svg); background-image: /* @embed */ linear-gradient(transparent,transparent),url(skins/Vector/images/user-icon.svg); padding-left: 15px !important; } #p-search { float: left; margin-right: .5em; margin-left: .5em; } #p-search h3 { display: none; } #p-search form,#p-search input { margin: 0; margin-top: .4em; } div#simpleSearch { display: block; width: 12.6em; padding-right: 1.4em; height: 1.4em; margin-top: .65em; position: relative; min-height: 1px; border: solid 1px #aaa; color: #000; background-color: #fff; 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: #000; } 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: /* @embed */ -webkit-linear-gradient(transparent,transparent),url(skins/Vector/images/search-ltr.svg); background-image: /* @embed */ 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: /* @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: #fff; 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: #ffb300; cursor: pointer; font-size: .8em; } div.vectorTabs li>a { display: block; } div.vectorTabs span { display: inline-block; background-image: /* @embed */ url(skins/Vector/images/tab-break.png); background-position: bottom right; background-repeat: no-repeat; } div.vectorTabs span a { display: inline-block; padding-top: 1.25em; } div.vectorTabs span>a { float: left; display: block; } div.vectorMenu { direction: ltr; float: left; cursor: pointer; position: relative; } body.rtl div.vectorMenu { direction: rtl; } div#mw-head div.vectorMenu h3 { float: left; background-image: /* @embed */ url(skins/Vector/images/tab-break.png); background-repeat: no-repeat; background-position: bottom right; margin-left: -1px; font-size: 1em; height: 2.5em; padding-right: 1px; margin-right: -1px; } div.vectorMenu h3 span { display: block; font-size: .8em; padding-left: .7em; padding-top: 1.375em; margin-right: 20px; font-weight: 400; color: #ffffff; } 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: /* @embed */ -webkit-linear-gradient(transparent,transparent),url(skins/Vector/images/arrow-down-icon.svg); background-image: /* @embed */ linear-gradient(transparent,transparent),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: /* @embed */ -webkit-linear-gradient(transparent,transparent),url(skins/Vector/images/arrow-down-focus-icon.svg); background-image: /* @embed */ 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: #fff; 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: #ffb300; cursor: pointer; font-size: .8em; } div.vectorMenu li>a { display: block; } div.vectorMenu li.selected a,div.vectorMenu li.selected a:visited { color: #fff; 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: /* @embed */ -webkit-linear-gradient(transparent,transparent),url(skins/Vector/images/unwatch-icon.svg); background-image: /* @embed */ 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: /* @embed */ -webkit-linear-gradient(transparent,transparent),url(skins/Vector/images/watch-icon.svg); background-image: /* @embed */ 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: /* @embed */ -webkit-linear-gradient(transparent,transparent),url(skins/Vector/images/unwatch-icon-hl.svg); background-image: /* @embed */ 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: /* @embed */ -webkit-linear-gradient(transparent,transparent),url(skins/Vector/images/watch-icon-hl.svg); background-image: /* @embed */ 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: /* @embed */ -webkit-linear-gradient(transparent,transparent),url(skins/Vector/images/watch-icon-loading.svg); background-image: /* @embed */ linear-gradient(transparent,transparent),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-image: none; background-color: #000; } #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 { background-image: none; margin: 0 .6em 0 .7em; padding: .25em 0; } div#mw-panel div.portal h3 { font-size: .75em; color: #ffffff; font-weight: 400; margin: 0; padding: .25em 0 .25em .25em; cursor: default; border: none; } div#mw-panel div.portal div.body { background-image: none; 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: #ffb300; } div#mw-panel div.portal div.body ul li a:visited { color: #b8780c; } 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: #fff; 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: /* @embed */ -webkit-linear-gradient(transparent,transparent),url(skins/Vector/images/external-link-ltr-icon.svg); background-image: /* @embed */ linear-gradient(transparent,transparent),url(skins/Vector/images/external-link-ltr-icon.svg); padding-right: 13px; } .mw-ui-button { background:#252525; -webkit-border-radius: 20; -moz-border-radius: 20; border-radius: 24px; color: #ffb300; padding: 1px 9px 1px 9px; border: solid 1px; border-color: #aaa #555 #555 #aaa; text-decoration: none; font-weight: normal; } code { background: #252525; border: solid 1px; color: #c1c1c1; } .tocnumber { color: #c1c1c1; }