MediaWiki:Vector.css

From Wild Terra 2 Wiki
Revision as of 23:59, 14 June 2021 by TeNoR (talk | contribs)
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search

Note: After publishing, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer / Edge: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Press Ctrl-F5.

/* Override Vector colour scheme to make it dark (compiled from modified LESS code) */

h1,h2,h3,h4,h5,h6
{
	color: #c1c1c1;
}
hr{
	height: 1px;
	background-color: #ffffff40;
	border: none;
}

.editOptions
{
	background-color: #eaeaea;
	border-color: #eaeaea;
}
input,textarea
{
	background-color: #e0deda;
	border-color: #e0deda;
	color: #000000;
}
a,.mw-body a.external,.mw-body a.extiw
{
	
	color: #f4ae0b;
}

#footer.mw-footer li,  #footer-info-lastmod.mw-footer li, #footer-info-copyright.mw-footer li {
color: #657489;
}

#p-managewiki-sidebar-header {
		display: none;
}


.portal, .vector-menu-portal {
		color: #f4ae0b;
}

.portal .body li a:visited, .vector-menu-portal .body li a:visited, .vector-menu-content li a:visited{
	color: #f4ae0b;
}

.vector-menu-portal .vector-menu-content li a:visited{
	color: #f4ae0b;
}

.portal .body li a, .vector-menu-portal .body li a, .vector-menu-portal .vector-menu-content li a {
color: #f4ae0b;
}

a:visited,.mw-body a.external:visited,.mw-body a.extiw:visited
{
	
	color: #f4ae0b;
}
a.new,#p-personal a.new
{
	
	color: #f4ae0b;
}
ul
{
	list-style-image: none;
}
.thumbinner,.catlinks
{
	
	background-color: #0f1518;
	border-color: #273136;
}
#toc,.toc,#filetoc,li.gallerybox .thumb
{
	background: rgba(0, 0, 0, 0.3);
	border-style: none;
}
code
{
	background-color: inherit;
	border: none;
	color: #ffe6d2;
}
table.mw_metadata td,table.mw_metadata th,table.wikitable,table.wikitable>*>tr>th,table.wikitable>*>tr>td,pre
{
	background-color: #13181a;
	border-color: #273136;
	color: #c1c1c1;
}
table.mw_metadata th,table.wikitable>*>tr>th
{
	background-color: #0f1518;
}
.diff
{
	background-color: #404040;
}
td .diffchange
{
	color: #888888;
}
#pagehistory li.selected,.diff-context
{
	background-color: inherit;
	color: #888888;
}
#pagehistory li
{
	border: 0;
}
ul.mw-gallery-packed-hover li.gallerybox:hover div.gallerytextwrapper,.mw-gallery-packed-overlay li.gallerybox div.gallerytextwrapper,ul.mw-gallery-packed-hover .gallerybox.mw-gallery-focused .gallerytextwrapper{
	background-color: rgba(0,0,0,0.8);
}
#left-navigation .vector-menu-tabs,#right-navigation .vector-menu-tabs
{
	background-color: #151e1d;
	background-image: inherit;
}
#left-navigation .vector-menu-tabs ul,#right-navigation .vector-menu-tabs ul
{
	background-color: #151e1d;
}
#left-navigation .vector-menu-tabs li.new a,#right-navigation .vector-menu-tabs li.new a,#left-navigation .vector-menu-tabs li.new a:visited,#right-navigation .vector-menu-tabs li.new a:visited
{
	color: #f4ae0b;
}
.vector-menu-tabs li, .vector-menu-tabs li a, .vector-menu-tabs li a:visited
{
	background-image: linear-gradient(#2e2e2e 0, #151515 10%);
	background-image: -moz-linear-gradient(top, #2e2e2e 0, #151515 10%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2e2e2e), color-stop(10%, #151515));
	background-image: -webkit-linear-gradient(top, #2e2e2e 0, #151515 10%);
}
#left-navigation .vector-menu-tabs li.selected,#right-navigation .vector-menu-tabs li.selected
{
	background-color: rgba(34,41,43,0.7);
	background-image: linear-gradient(#f4ae0b 0, #22292b 10%);
	background-image: -moz-linear-gradient(top, #f4ae0b 0, #22292b 10%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f4ae0b), color-stop(10%, #22292b));
	background-image: -webkit-linear-gradient(top, #f4ae0b 0, #22292b 10%);
}
#left-navigation .vector-menu-tabs li.selected a,#right-navigation .vector-menu-tabs li.selected a,#left-navigation .vector-menu-tabs li.selected a:visited,#right-navigation .vector-menu-tabs li.selected a:visited
{
	color: #f4ae0b;
}
#left-navigation .vector-menu-tabs li a,#right-navigation .vector-menu-tabs li a
{
	color: #f4ae0b;
}
#left-navigation .vector-menu-tabs span,#right-navigation .vector-menu-tabs span
{
	background: transparent;
}
#mw-head #right-navigation .vectorMenu h3
{
	background: inherit;
}
#mw-head .vectorMenu h3 span
{
	color: #f4ae0b;
}
.vectorMenu h3 a
{
	background: inherit;
}
.vectorMenu ul
{
	background-color: black;
	border: solid 1px #0c0c0c;
}
.vectorMenu li a
{
	color: #f4ae0b;
}
.vectorMenu li.selected a,.vectorMenu li.selected a:visited
{
	color: #f4ae0b;
	/*text-decoration: none;*/
}
.vectorMenu#p-cactions .menu
{
	border-color: #666;
}
.vectorMenu#p-cactions ul
{
	background-color: #404040;
	border: 0;
}
#mw-navigation #mw-panel .portal
{
	background-image: none;
	border-top: 1px solid #404040;
}
#mw-navigation #mw-panel .portal#p-logo,#mw-navigation #mw-panel .portal#p-navigation
{
	border-top: none;
}
html
{
	font-size: 100%;
}
html,body
{
	font-family: sans-serif;
	height: 100%;
	margin: 0;
	padding: 0;
}
body
{
	background: url(https://static.miraheze.org/wildterra2wiki/c/c6/Wt2art3.jpg) no-repeat center top fixed;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
     background-size: cover;
     background-color: #131718;
     overflow: auto;
}
.mw-body
{
	background-color: rgba(34,41,43,0.7);
	border: 1px solid #151e1d;
	border-right-width: 0;
	color: #c1c1c1;
	direction: ltr;
	margin-left: 10em;
	margin-top: -1px;
	padding: 1em;
}
.mw-body .mw-editsection,.mw-body .mw-editsection-like
{
	font-family: sans-serif;
}
.mw-body p
{
	line-height: inherit;
	margin: .5em 0;
}
.mw-body h1,.mw-body h2,.mw-body #firstHeading
{
	font-family: "Linux Libertine",Georgia,Times,serif;
	line-height: 1.3;
	margin-bottom: .25em;
	padding: 0;
}
.mw-body h1,.mw-body #firstHeading
{
	font-size: 1.8em;
}
.mw-body h2
{
	font-size: 1.5em;
	margin-top: 1em;
}
.mw-body h3,.mw-body h4,.mw-body h5,.mw-body h6
{
	line-height: 1.6;
	margin-bottom: 0;
	margin-top: .3em;
	padding-bottom: 0;
}
.mw-body h3
{
	font-size: 1.17em;
}
.mw-body h3,.mw-body h4
{
	font-weight: bold;
}
.mw-body h4,.mw-body h5,.mw-body h6
{
	font-size: 100%;
}
.mw-body #toc h2,.mw-body .toc h2
{
	font-family: sans-serif;
	font-size: 100%;
}
.emptyPortlet
{
	display: none;
}
ul
{
	list-style-image: url('skins/Vector/images/bullet-icon.png');
	list-style-type: disc;
}
pre,.mw-code
{
	line-height: 1.3em;
}
#siteNotice
{
	font-size: .8em;
}
.redirectText
{
	font-size: 140%;
}
.redirectMsg img
{
	vertical-align: text-bottom;
}
.mw-body-content
{
	font-size: .875em;
	line-height: 1.6;
	position: relative;
}
.vector-animateLayout .mw-body,.vector-animateLayout #footer,.vector-animateLayout #left-navigation
{
	moz-transition: margin-left 250ms,padding 250ms;
	o-transition: margin-left 250ms,padding 250ms;
	transition: margin-left 250ms,padding 250ms;
	webkit-transition: margin-left 250ms,padding 250ms;
}
.vector-animateLayout #p-logo
{
	moz-transition: left 250ms;
	o-transition: left 250ms;
	transition: left 250ms;
	webkit-transition: left 250ms;
}
.vector-animateLayout #mw-panel
{
	moz-transition: padding-right 250ms;
	o-transition: padding-right 250ms;
	transition: padding-right 250ms;
	webkit-transition: padding-right 250ms;
}
.vector-animateLayout #p-search
{
	moz-transition: margin-right 250ms;
	o-transition: margin-right 250ms;
	transition: margin-right 250ms;
	webkit-transition: margin-right 250ms;
}
.vector-animateLayout #p-personal
{
	moz-transition: right 250ms;
	o-transition: right 250ms;
	transition: right 250ms;
	webkit-transition: right 250ms;
}
.vector-animateLayout #mw-head-base
{
	moz-transition: margin-left 250ms;
	o-transition: margin-left 250ms;
	transition: margin-left 250ms;
	webkit-transition: margin-left 250ms;
}
#p-personal
{
	position: absolute;
	right: .75em;
	top: .33em;
	z-index: 100;
}
#p-personal h3
{
	display: none;
}
#p-personal ul
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding-left: 10em;
}
#p-personal li
{
	float: left;
	font-size: .75em;
	line-height: 1.125em;
	margin-left: .75em;
	margin-top: .5em;
	white-space: nowrap;
}
#p-search
{
	float: left;
	margin-left: .5em;
	margin-right: .5em;
}
#p-search h3
{
	display: none;
}
#p-search form,#p-search input
{
	margin: 0;
	margin-top: .4em;
}
#simpleSearch
{
	background-color: white;
	background-image: url('skins/Vector/images/search-fade.png');
	background-position: top left;
	background-repeat: repeat-x;
	border: solid 1px #aaa;
	color: black;
	display: block;
	height: 1.4em;
	margin-top: .65em;
	min-height: 1px;
	padding-right: 1.4em;
	position: relative;
	width: 12.6em;
}
#simpleSearch input
{
	background-color: transparent;
	border: 0;
	color: black;
	margin: 0;
	padding: 0;
}
#simpleSearch #searchInput
{
	direction: ltr;
	font-size: 13px;
	padding: .2em 0 .2em .2em;
	webkit-appearance: textfield;
	width: 100%;
}
#simpleSearch #searchInput:focus
{
	outline: none;
}
#simpleSearch #searchInput.placeholder
{
	color: #999;
}
#simpleSearch #searchInput:-ms-input-placeholder
{
	color: #999;
}
#simpleSearch #searchInput:-moz-placeholder
{
	color: #999;
}
#simpleSearch #searchInput::-webkit-search-decoration,#simpleSearch #searchInput::-webkit-search-cancel-button,#simpleSearch #searchInput::-webkit-search-results-button,#simpleSearch #searchInput::-webkit-search-results-decoration
{
	webkit-appearance: textfield;
}
#simpleSearch #searchButton,#simpleSearch #mw-searchButton
{
	background-image: linear-gradient(transparent, transparent), url('https://static.miraheze.org/wildterra2wiki/2/2b/Search.svg');
	background-image: url('https://static.miraheze.org/wildterra2wiki/e/ee/Search_tool.png');
	background-image: -webkit-linear-gradient(transparent, transparent), url('https://static.miraheze.org/wildterra2wiki/2/2b/Search.svg');
	background-position: center center;
	background-repeat: no-repeat;
	cursor: pointer;
	direction: ltr;
	height: 100%;
	line-height: 1;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -99999px;
	top: 0;
	white-space: nowrap;
	width: 1.65em;
}
#simpleSearch #mw-searchButton
{
	z-index: 1;
}
.vector-menu-tabs h3
{
	display: none;
}

.vector-menu-dropdown h3 {
background-image: none;
}

.vector-menu-tabs
{
	background-color: inherit;
	background-position: bottom left;
	background-repeat: no-repeat;
	float: left;
	padding-left: 1px;
}
.vector-menu-tabs ul
{
	background-color: inherit;
	background-position: right bottom;
	background-repeat: no-repeat;
	float: left;
	height: 100%;
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.vector-menu-tabs ul li
{
	background-color: #f3f3f3;
	background-image: url('https://static.miraheze.org/wildterra2wiki/1/17/Tab_normal_fade_d.png');
	background-position: bottom left;
	background-repeat: repeat-x;
	display: inline-block;
	float: left;
	height: 100%;
	line-height: 1.125em;
	margin: 0;
	padding: 0;
	white-space: nowrap;
}
.vector-menu-tabs ul>li
{
	display: block;
}
.vector-menu-tabs li.new a,.vector-menu-tabs li.new a:visited
{
	color: #5e5e5e;
}
.vector-menu-tabs li.selected
{
	background-image: url('https://static.miraheze.org/wildterra2wiki/9/9c/Tab_current_fade_d.png');
}
.vector-menu-tabs li.selected a,.vector-menu-tabs li.selected a:visited
{
	color: #5e5e5e;
	/* text-decoration: none; */
}
.vector-menu-tabs li.icon a
{
	background-position: bottom right;
	background-repeat: no-repeat;
}
.vector-menu-tabs li a
{
	color: #f4ae0b;
	cursor: pointer;
	display: inline-block;
	font-size: .8em;
	height: 1.9em;
	padding-left: .5em;
	padding-right: .5em;
}
.vector-menu-tabs li>a
{
	display: block;
}
.vector-menu-tabs span
{
	background-image: url('https://static.miraheze.org/wildterra2wiki/6/68/Tab_break_d.png');
	background-position: bottom right;
	background-repeat: no-repeat;
	display: inline-block;
}
.vector-menu-tabs span a
{
	display: inline-block;
	padding-top: 1.25em;
}
.vector-menu-tabs span>a
{
	display: block;
	float: left;
}
.vectorMenu
{
	cursor: pointer;
	direction: ltr;
	float: left;
	position: relative;
}
.rtl .vectorMenu
{
	direction: rtl;
}
#mw-head .vectorMenu h3
{
    background: transparent;
	float: left;
	font-size: 1em;
	height: 2.5em;
	margin-left: -1px;
	margin-right: -1px;
	padding-right: 1px;
}
.vectorMenu h3 span
{
	color: #b5c0c1;
	display: block;
	font-size: .8em;
	font-weight: normal;
	margin-right: 20px;
	padding-left: .7em;
	padding-top: 1.375em;
}
.vectorMenu h3 a
{
	background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-icon.svg');
	background-image: url('skins/Vector/images/arrow-down-icon.png');
	background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-icon.svg');
	background-position: 100% 70%;
	background-repeat: no-repeat;
	height: 2.5em;
	moz-transition: background-position 250ms;
	o-transition: background-position 250ms;
	position: absolute;
	right: 0;
	top: 0;
	transition: background-position 250ms;
	webkit-transition: background-position 250ms;
	width: 20px;
}
.vectorMenu.menuForceShow h3 a
{
	background-position: 100% 100%;
}
.vectorMenuFocus h3 a
{
	background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-focus-icon.svg');
	background-image: url('skins/Vector/images/arrow-down-focus-icon.png');
	background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/arrow-down-focus-icon.svg');
}
.vectorMenu .menu
{
	background-color: white;
	border: solid 1px silver;
	border-top-width: 0;
	clear: both;
	display: none;
	left: -1px;
	min-width: 100%;
	position: absolute;
	text-align: left;
	top: 2.5em;
}
.vectorMenu:hover .menu,.vectorMenu.menuForceShow .menu
{
	display: block;
}
.vectorMenu ul
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}
.vectorMenu ul,x:-moz-any-link
{
	min-width: 5em;
}
.vectorMenu ul,x:-moz-any-link,x:default
{
	min-width: 0;
}
.vectorMenu li
{
	line-height: 1em;
	margin: 0;
	padding: 0;
	text-align: left;
}
.vectorMenu li a
{
	color: #f4ae0b;
	cursor: pointer;
	display: inline-block;
	font-size: .8em;
	padding: .5em;
	white-space: nowrap;
}
.vectorMenu li>a
{
	display: block;
}
.vectorMenu li.selected a,.vectorMenu li.selected a:visited
{
	color: #b5c0c1;
	/* text-decoration: none; */
}
@-webkit-keyframes rotate
{
	from
	{
		moz-transform: rotate(0deg);
		transform: rotate(0deg);
		webkit-transform: rotate(0deg);
	}
	to
	{
		moz-transform: rotate(360deg);
		transform: rotate(360deg);
		webkit-transform: rotate(360deg);
	}
}
@-moz-keyframes rotate
{
	from
	{
		moz-transform: rotate(0deg);
		transform: rotate(0deg);
		webkit-transform: rotate(0deg);
	}
	to
	{
		moz-transform: rotate(360deg);
		transform: rotate(360deg);
		webkit-transform: rotate(360deg);
	}
}
@-o-keyframes rotate
{
	from
	{
		moz-transform: rotate(0deg);
		transform: rotate(0deg);
		webkit-transform: rotate(0deg);
	}
	to
	{
		moz-transform: rotate(360deg);
		transform: rotate(360deg);
		webkit-transform: rotate(360deg);
	}
}
@keyframes rotate
{
	from
	{
		moz-transform: rotate(0deg);
		transform: rotate(0deg);
		webkit-transform: rotate(0deg);
	}
	to
	{
		moz-transform: rotate(360deg);
		transform: rotate(360deg);
		webkit-transform: rotate(360deg);
	}
}
#ca-unwatch.icon a,#ca-watch.icon a
{
	background-position: 5px 60%;
	display: block;
	height: 0;
	margin: 0;
	margin-top: 0;
	overflow: hidden;
	padding: 0;
	padding-top: 3.1em;
	width: 26px;
}
#ca-unwatch.icon a
{
	background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon.svg');
	background-image: url('skins/Vector/images/unwatch-icon.png');
	background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon.svg');
}
#ca-watch.icon a
{
	background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon.svg');
	background-image: url('skins/Vector/images/watch-icon.png');
	background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon.svg');
}
#ca-unwatch.icon a:hover,#ca-unwatch.icon a:focus
{
	background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon-hl.svg');
	background-image: url('skins/Vector/images/unwatch-icon-hl.png');
	background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/unwatch-icon-hl.svg');
}
#ca-watch.icon a:hover,#ca-watch.icon a:focus
{
	background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-hl.svg');
	background-image: url('skins/Vector/images/watch-icon-hl.png');
	background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-hl.svg');
}
#ca-unwatch.icon a.loading,#ca-watch.icon a.loading
{
	animation: rotate 700ms infinite linear;
	background-image: linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-loading.svg');
	background-image: url('skins/Vector/images/watch-icon-loading.png');
	background-image: -webkit-linear-gradient(transparent, transparent), url('skins/Vector/images/watch-icon-loading.svg');
	background-position: 50% 60%;
	cursor: default;
	moz-animation: rotate 700ms infinite linear;
	o-animation: rotate 700ms infinite linear;
	outline: none;
	pointer-events: none;
	transform-origin: 50% 57%;
	webkit-animation: rotate 700ms infinite linear;
	webkit-transform-origin: 50% 57%;
}
#ca-unwatch.icon a span,#ca-watch.icon a span
{
	display: none;
}
#mw-navigation h2
{
	position: absolute;
	top: -9999px;
}
#mw-page-base
{
    background: transparent;
}
#mw-head-base
{
	height: 5em;
	margin-left: 10em;
	margin-top: -5em;
}
#mw-head
{
	position: absolute;
	right: 0;
	top: 0;
	width: 100%;
}
#mw-head h3
{
	margin: 0;
	padding: 0;
}
#left-navigation
{
	display: inline;
	float: left;
	margin-bottom: -2.5em;
	margin-left: 10em;
	margin-top: 2.5em;
}
#right-navigation
{
	float: right;
	margin-top: 2.5em;
}
#p-logo
{
	height: 160px;
	left: 0;
	position: absolute;
	top: -160px;
	width: 10em;
}
#p-logo a
{
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 160px;
	text-decoration: none;
	width: 10em;
}
#mw-panel
{
	font-size: inherit;
	left: 0;
	padding-top: 1em;
	position: absolute;
	top: 160px;
	width: 10em;
}
#mw-panel .portal
{
	background-image: url('skins/Vector/images/portal-break.png');
	background-position: top left;
	background-repeat: no-repeat;
	direction: ltr;
	margin: 0 .6em 0 .7em;
	padding: .25em 0;
}
#mw-panel .portal h3
{
	border: none;
	color: #919191;
	cursor: default;
	font-size: .75em;
	font-weight: normal;
	padding: .25em 0 .25em .25em;
	margin-top: 5px;
	margin-bottom: 5px;
}
#mw-panel .portal .body
{
	margin: 0;
	padding-top: 0;
}
#mw-panel .portal .body ul
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#mw-panel .portal .body ul li
{
	font-size: .75em;
	line-height: 1.125em;
	margin: 0;
	padding: .25em 0;
	word-wrap: break-word;
}
#mw-panel .portal .body ul li a
{
	color: #f4ae0b;
}
#mw-panel .portal .body ul li a:visited
{
	color: #f4ae0b;
}
#mw-panel .portal.first
{
	background-image: none;
	margin-top: 0;
}
#mw-panel .portal.first h3
{
	display: none;
}
#mw-panel .portal.first .body
{
	margin-left: .5em;
}
#footer
{
	direction: ltr;
	margin-left: 10em;
	margin-top: 0;
	padding: .75em;
}
#footer ul
{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#footer ul li
{
	font-size: .7em;
	margin: 0;
	padding: 0;
	padding-bottom: .5em;
	padding-top: .5em;
}
#footer #footer-icons
{
	float: right;
}
#footer #footer-icons li
{
	float: left;
	line-height: 2em;
	margin-left: .5em;
	text-align: right;
}
#footer #footer-info li
{
	line-height: 1.4em;
}
#footer #footer-places li
{
	float: left;
	line-height: 2em;
	margin-right: 1em;
}
.ltr #footer #footer-places
{
	float: left;
}

.mw-body .external
{
	background-repeat: no-repeat;
	padding-right: 13px;
}