NAIRI: Tower of Shirin Wiki
Don't have an account?
Register
Advertisement
Register
NAIRI: Tower of Shirin Wiki
NAIRI: Tower of Shirin Wiki
17
pages

Hydra.css

MediaWiki page
Revision as of 11:27, 3 October 2018 by Kittymmeow (talk | contribs)
Sign in to edit

CSS and Javascript changes must comply with the wiki design rules.

Note: After saving, 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: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
/* CSS placed here will affect users of the Hydra skin */
/* For elements which only display in the mobile view */
@font-face {
	font-family: 'Baloo-Regular';
	src: local('Baloo-Regular'), local('Baloo-Regular'), url("/media/hydra/fonts/Baloo-Regular.ttf") format('truetype');
}

.mobileonly {
	display: none;
}

body {
	background: #112351 url("https://nairi.gamepedia.com/media/a/ac/MPbackground.jpg") center left no-repeat fixed;
	background-size: cover;
}

body,
div#content,
div#content table,
h1,
h2,
h3,
h4,
h5,
h6,
p {
	font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu", "Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
	color: #000000;
}

p {
	line-height: 1.5;
}

a,
a:link,
div#content a.external,
div#content a.extiw,
div#mw-panel div.portal div.body ul li a:link,
div.vectorTabs li a {
	color: #2689d0;
}

a:visited,
div#content a.external:visited,
div#content a.extiw:visited {
	color: #3880b4;
}

#quickbar a.new,
a.new,
div#content a.new,
div#mw-panel div.portal div.body ul li a.new:link,
div.vectorTabs li.new a {
	color: #b43c38;
}

#quickbar a.new:visited,
a.new:visited,
div#content a.new:visited,
div#mw-panel div.portal div.body ul li a.new:visited {
	color: #a13935;
}

ul {
	list-style: circle;
}

h1,
h2,
h3,
h4,
h5,
h6 {
	border-bottom-color: #000000;
}

fieldset {
	border-color: #000000;
}
/* Hide main page header */
body.page-BugOut_Wiki h1.firstHeading {
	display: none;
}
/* for "edit this page" tab and "discussion" tab etc */
.pagetab {
	border-style: solid solid none;
	border-width: thin;
	border-color: #808080;
	padding: 0.25ex 1ex 0;
	font-size: 95%;
}

.ambox {
	background-color: #eeeeee;
	border-bottom-color: #383838;
	border-right-color: #383838;
	border-top-color: #383838;
	border-collapse: collapse;
	font-size: 95%;
	margin: 0 auto 2px;
	width: 80%;
}

.ambox-gray {
	border-left-color: #383838;
}

.ambox.ambox-tiny {
	font-size: 90%;
	margin: 2px 0;
	width: auto;
}

.ambox+.ambox {
	margin-top: -2px;
}

.ambox-text {
	padding: 0.25em 0.5em;
}

.ambox-image {
	padding: 2px 0 2px 0.5em;
	text-align: center;
	width: 60px;
}

.ambox-tiny .ambox-image {
	padding: 2px 0.5em;
	text-align: left;
	width: auto;
}
/* Ambox colors */
.ambox-blue {
	border-left: 10px solid #1e90ff;
}

.ambox-red {
	border-left: 10px solid #b22222;
}

.ambox-orange {
	border-left: 10px solid #f28500;
}

.ambox-yellow {
	border-left: 10px solid #f4c430;
}

.ambox-purple {
	border-left: 10px solid #9932cc;
}

.ambox-gray {
	border-left: 10px solid #bba;
}

.ambox-green {
	border-left: 10px solid #228b22;
}
/* Ambox small text */
.amsmalltext {
	font-size: smaller;
	margin-left: 0.8em;
	margin-top: 0.5em;
}
/* INFOBOXES */
.infobox {
	background-color: #f9f9f9;
	border: 1px solid #aaaaaa;
	color: #000000;
	float: right;
	font-size: 89%;
	margin-bottom: 0.5em;
	margin-left: 1em;
	padding: 0.2em;
	width: 300px;
}

.infobox td,
.infobox th {
	vertical-align: top;
	text-align: left;
}
/* copyright images tweak */
.copyright-icon {
	background: url("https://commons.gamepedia.com/media/commons.gamepedia.com/thumb/b/b6/Copyright.png/32px-Copyright.png") transparent center center no-repeat;
	background-size: 100%;
	width: 32px;
	height: 32px;
}

.feature {
	background: rgba(255, 255, 255, 0.5);
	border: 1px solid rgba(0, 0, 0, 0.6);
	border-radius: 3px;
	padding: 10px;
}
/* Navbox template style */
table.navbox {
	border: 1px solid #aaaaaa;
	clear: both;
	font-size: 88%;
	margin: auto;
	padding: 1px;
	text-align: center;
	width: 100%;
}
/* Border between adjacent navboxes */
table.navbox+table.navbox {
	margin-top: -1px;
}

.navbox-abovebelow,
.navbox-title,
table.navbox th {
	padding-left: 1em;
	padding-right: 1em;
	text-align: center;
}

.navbox-group {
	font-weight: bold;
	padding-left: 1em;
	padding-right: 1em;
	white-space: nowrap;
}
/* Base background */
.navbox,
.navbox-subgroup {
	background: rgba(255, 255, 255, 0.2);
}

.navbox-list {
	border-color: rgba(255, 255, 255, 0.2);
	/* Must match background color */
}
/* Level 1 color */
.navbox-title,
table.navbox th {
	background: rgba(255, 255, 255, 0.2);
	color: #444;
}
/* Level 2 styling */
.navbox-abovebelow,
.navbox-group,
.navbox-subgroup .navbox-title {
	background: rgba(255, 255, 255, 0.2);
	color: #333;
}
/* Level 3 styling */
.navbox-subgroup .navbox-abovebelow,
.navbox-subgroup .navbox-group {
	background: rgba(0, 0, 0, 0.05);
	color: #333;
}
/* Even row striping */
.navbox-even {
	background: rgba(0, 0, 0, 0.05);
	color: #333;
}
/* Odd row striping */
.navbox-odd {
	background: transparent;
}

.collapseButton {
	font-weight: normal;
	width: auto;
}

.navbox .collapseButton {
	width: 6em;
}

.navbar {
	font-size: 88%;
	font-weight: normal;
}

.navbox .navbar {
	font-size: 100%;
}

table.collapsed tr.collapsible {
	display: none;
}
/* End of new Navbox styling */
/* this section governs the responsive 3 column main page layout */
/* this CSS governs the responsive 2 column main page layout */
.fpcontent {
	width: 100%;
	overflow: hidden;
	z-index: 1;
}

.fpmaybecols {
	overflow: hidden;
	margin: -5px 0;
}

.fpmaybecols+.fpmaybecols {
	margin: 0 0 -5px;
}

.fpbox {
	background: hsla(25.9, 44.2%, 42.2%, 0.2);
	box-shadow: 1px 1px 3px rgba(0,0,0,0.4);
	border: 0;
	color: #000000;
	/* change for hydra (light) wikis */
	margin: 5px;
	padding: 5px;
	border-radius: 3px;
}

.fpplainbox {
	padding: 5px 8px 10px;
	margin: 0 5px 10px;
	vertical-align: top;
}

.fpbox .welcome {
	border-bottom: 1px solid #505050;
	color: #000000;
	/* change for hydra (light) wikis */
	font-size: 150%;
	margin: 0 0 10px;
	padding: 0 0 5px;
	text-transform: uppercase;
	text-align: center;
}

.fpbox .heading {
	color: #fff;
	text-shadow: 2px 2px 0 #000;
	border-radius: 6px;
	font-size: 132%;
	margin: 0 0 0.5em;
	padding: 5px;
	font-family: 'Baloo-Regular', sans-serif;
	text-transform: uppercase;
	background-color: #9b653c;
	background-image: url("https://nairi.gamepedia.com/media/6/6b/Header_right.png),url(https://nairi.gamepedia.com/media/8/87/Header_left.png),url(https://nairi.gamepedia.com/media/b/b6/Header_middle.png");
	background-position: bottom right, bottom left, bottom center;
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-size: auto 100%;
	text-align: center;
}

.fpbox .heading .smalllink {
	color: #000000;
	/* change for hydra (light) wikis */
	font-size: 75%;
	font-weight: bold;
}

.fpbox hr {
	border: none;
	border-bottom: 2px solid #505050;
}

.fplinks {
	margin: -5px;
}

.fplinks .linkslabel {
	background: rgba(0, 0, 0, 0);
	border-bottom: 2px solid #505050;
	margin: 15px 5px 5px;
	padding: 0 0 5px;
}

.fplink {
	display: inline-block;
	vertical-align: middle;
	width: 100%;
	box-sizing: border-box;
	padding: 1px 5px;
}

.fplink .box {
	display: flex;
	flex-flow: column nowrap;
	align-items: center;
	justify-content: center;
	background: rgba(255,255,255,0.5);
	border: 0;
	box-sizing: border-box;
	margin-bottom: 0.5em;
	color: #000000;
	width: 100%;
	font-weight: bold;
	border-radius: 3px;
}

#fpbottomsection .fplink.image,
#fpflexsection .fplink.image,
#fptopsection .fplink.image {
	height: 114px;
	width: 114px;
}

.fplink.image .box {
	width: 100px;
}

.fplink.image .image a {
	width: 100px;
	height: 100px;
	line-height: 100px;
}

.fplink.image .box .image img {
	max-height: 100px;
	height: auto;
	width: 100px;
}
@media (min-width: 470px) {
	.fplink {
		width: 50%;
	}

	.fplink.wide {
		width: 100%;
	}
}
@media (min-width: 580px) {
	.fplink {
		width: 33.333%;
	}

	.fplink.wide {
		width: 66.666%;
	}
}
@media (min-width: 690px) {
	.fplink {
		width: 25%;
	}

	.fplink.wide {
		width: 50%;
	}
}
@media (min-width: 800px) {
	.fplink {
		width: 20%;
	}

	.fplink.wide {
		width: 40%;
	}
}
@media (min-width: 910px) {
	.fplink {
		width: 16.666%;
	}

	.fplink.wide {
		width: 33.333%;
	}
}
@media (min-width: 990px) {
	.fpcontent {
		padding-right: 520px;
		width: auto;
	}

	#fptopsection {
		float: left;
		width: 100%;
	}

	#fpflexsection {
		float: right;
		width: 520px;
		margin-right: -520px;
	}

	#fpbottomsection {
		float: left;
		width: 100%;
		margin-top: -5px;
	}

	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 50%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 100%;
	}

	#fpflexsection .fplink {
		width: 25%;
	}

	#fpflexsection .fplink.wide {
		width: 50%;
	}
}
@media (min-width: 1100px) {
	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 33.333%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 66.666%;
	}
}
@media (min-width: 1210px) {
	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 25%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 50%;
	}
}
@media (min-width: 1320px) {
	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 20%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 40%;
	}
}
@media (min-width: 1430px) {
	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 16.666%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 33.333%;
	}

	.fplink a {
		padding: 3px 5px;
	}
}
@media (min-width: 1540px) {
	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 14.285%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 28.571%;
	}

	#fpbottomsection .fpmaybercol .fpbox,
	#fptopsection .fpmaybercol .fpbox {
		background-image: none;
	}

	.fpmaybelcol {
		float: left;
		width: 70.886%;
	}

	#fpbottomsection .fpmaybelcol .fplink,
	#fptopsection .fpmaybelcol .fplink {
		width: 20%;
	}

	#fpbottomsection .fpmaybelcol .fplink.wide,
	#fptopsection .fpmaybelcol .fplink.wide {
		width: 40%;
	}

	.fpmaybercol {
		float: right;
		width: 29.113%;
	}

	#fpbottomsection .fpmaybercol .fplink,
	#fptopsection .fpmaybercol .fplink {
		width: 50%;
	}

	#fpbottomsection .fpmaybercol .fplink.wide,
	#fptopsection .fpmaybercol .fplink.wide {
		width: 100%;
	}
}
@media (min-width: 1650px) {
	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 12.5%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 25%;
	}
}
@media (min-width: 1697px) {
	#fpbottomsection .fpmaybelcol .fplink,
	#fptopsection .fpmaybelcol .fplink {
		width: 16.666%;
	}

	#fpbottomsection .fpmaybelcol .fplink.wide,
	#fptopsection .fpmaybelcol .fplink.wide {
		width: 33.333%;
	}
}
@media (min-width: 1760px) {
	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 11.111%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 22.222%;
	}
}
@media (min-width: 1850px) {
	#fpbottomsection .fpmaybelcol .fplink,
	#fptopsection .fpmaybelcol .fplink {
		width: 14.285%;
	}

	#fpbottomsection .fpmaybelcol .fplink.wide,
	#fptopsection .fpmaybelcol .fplink.wide {
		width: 28.571%;
	}
}
@media (min-width: 1870px) {
	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 10%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 20%;
	}

	#fpbottomsection .fplink.image,
	#fptopsection .fplink.image {
		width: 134px;
		min-height: 134px;
	}

	#fpbottomsection .fplink.image .box,
	#fptopsection .fplink.image .box {
		width: 120px;
	}

	#fpbottomsection .fplink.image .image a,
	#fptopsection .fplink.image .image a {
		width: 120px;
		height: 120px;
		line-height: 120px;
	}

	#fpbottomsection .fplink.image .box .image img,
	#fptopsection .fplink.image .box .image img {
		max-height: 120px;
		height: auto;
		width: 120px;
	}
}
@media (min-width: 1918px) {
	#fpbottomsection .fpmaybercol .fplink,
	#fptopsection .fpmaybercol .fplink {
		width: 33.333%;
	}

	#fpbottomsection .fpmaybercol .fplink.wide,
	#fptopsection .fpmaybercol .fplink.wide {
		width: 66.666%;
	}
}
@media (min-width: 1980px) {
	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 9.09%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 18.181%;
	}
}
@media (min-width: 2006px) {
	#fpbottomsection .fpmaybelcol .fplink,
	#fptopsection .fpmaybelcol .fplink {
		width: 12.5%;
	}

	#fpbottomsection .fpmaybelcol .fplink.wide,
	#fptopsection .fpmaybelcol .fplink.wide {
		width: 25%;
	}
}
@media (min-width: 2090px) {
	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 8.33%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 16.666%;
	}
}
@media (min-width: 2161px) {
	#fpbottomsection .fpmaybelcol .fplink,
	#fptopsection .fpmaybelcol .fplink {
		width: 11.111%;
	}

	#fpbottomsection .fpmaybelcol .fplink.wide,
	#fptopsection .fpmaybelcol .fplink.wide {
		width: 22.222%;
	}
}
@media (min-width: 2200px) {
	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 7.692%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 15.384%;
	}
}
@media (min-width: 2296px) {
	#fpbottomsection .fpmaybercol .fplink,
	#fptopsection .fpmaybercol .fplink {
		width: 25%;
	}

	#fpbottomsection .fpmaybercol .fplink.wide,
	#fptopsection .fpmaybercol .fplink.wide {
		width: 50%;
	}
}
@media (min-width: 2310px) {
	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 7.142%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 14.285%;
	}
}
@media (min-width: 2316px) {
	#fpbottomsection .fpmaybelcol .fplink,
	#fptopsection .fpmaybelcol .fplink {
		width: 10%;
	}

	#fpbottomsection .fpmaybelcol .fplink.wide,
	#fptopsection .fpmaybelcol .fplink.wide {
		width: 20%;
	}
}
@media (min-width: 2420px) {
	#fpbottomsection .fplink,
	#fptopsection .fplink {
		width: 6.666%;
	}

	#fpbottomsection .fplink.wide,
	#fptopsection .fplink.wide {
		width: 13.333%;
	}

	.fplink a {
		padding: 5px;
	}

	#fpbottomsection .fplink.image,
	#fptopsection .fplink.image {
		width: 164px;
		min-height: 164px;
	}

	#fpbottomsection .fplink.image .box,
	#fptopsection .fplink.image .box {
		width: 150px;
	}

	#fpbottomsection .fplink.image .image a,
	#fptopsection .fplink.image .image a {
		width: 150px;
		height: 150px;
		line-height: 125px;
	}

	#fpbottomsection .fplink.image .box .image img,
	#fptopsection .fplink.image .box .image img {
		max-height: 150px;
		height: auto;
		width: 150px;
	}
}

.fplink.image .image {
	font-size: 75%;
}

.fplink a {
	display: block;
}

.fplink.image .image a {
	padding: 0;
}

.fplink.image .link a {
	background: rgba(0, 0, 0, 0.1);
	border-top: 2px solid #505050;
}

.fpvideos {
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
}

.fpvideo {
	display: inline-block;
	margin: 0 5px;
}

div#mw-head-base {
	height: calc(118px + 4.5em);
	margin-top: calc(-118px - 4.5em);
}

div#mw-page-base {
	height: calc(118px + 4.5em);
	background: transparent;
}

div#left-navigation,
div#right-navigation {
	height: 2em;
	margin-top: calc(118px + 2em);
}

div#p-logo {
	width: 220px;
	height: 118px;
	margin-top: 1em;
	margin-left: 4em;
}

#p-logo a {
	width: 100%;
	height: 100%;
	display: inline-block;
}

div#content {
	background: rgba(255, 255, 255, 0.8);
	border-radius: 3px 0 0 3px;
	border: 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.4),1px 1px 3px rgba(0,0,0,0.4);
}

div#mw-head div.vectorMenu h3,
div.vectorMenu,
div.vectorTabs {
	height: 2em;
	background: transparent;
}

#p-search #simpleSearch,
#p-search form,
#p-search input {
	margin: 0;
}

div.vectorMenu h3 span,
div.vectorTabs span a {
	padding-top: 0.65em;
	height: 1em;
	font-family: 'Baloo-Regular', sans-serif;
}

div.vectorMenu h3 span {
	padding-top: 0.55em;
	color: #fff;
	display: table-cell;
	vertical-align: middle;
}

div#mw-head div.vectorMenu h3,
div.vectorTabs ul li {
	margin: 0 0.25em;
	background: rgba(155, 101, 60, 0.65);
	border: 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.4),1px 1px 3px rgba(0,0,0,0.4);
	border-radius: 6px;
	font-weight: bold;
	text-shadow: 1px 1px 0 #000;
}

div.vectorTabs li.selected {
	background-color: #9b653c;
	background-image: url("https://nairi.gamepedia.com/media/6/6b/Header_right.png),url(https://nairi.gamepedia.com/media/8/87/Header_left.png),url(https://nairi.gamepedia.com/media/b/b6/Header_middle.png");
	background-position: bottom right, bottom left, bottom center;
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-size: auto 100%;
}

div.vectorTabs li.selected a {
	color: #fff!important;
}

div.vectorTabs span,
div.vectorTabs ul {
	background: transparent;
}

div.vectorMenu h3 a {
	height: 1.75em;
	display: table-cell;
	position: relative;
}

div.vectorMenu div.menu {
	top: 2em;
	left: 0.25em;
	background: rgba(255, 255, 255, 0.9);
	border: 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.4),1px 1px 3px rgba(0,0,0,0.4);
	border-radius: 3px;
}

#ca-unwatch.icon a,
#ca-watch.icon a {
	padding-top: 2.3em;
}

#p-search {
	margin: 0 0.5em;
	height: 2em;
	padding: 0.35em;
	box-sizing: border-box;
	background: rgba(255, 255, 255, 0.8);
	border: 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.4),1px 1px 3px rgba(0,0,0,0.4);
	border-radius: 3px;
}

div#simpleSearch {
	background: transparent;
	border: 0;
}

div#simpleSearch #searchInput::placeholder {
	color: rgba(0, 0, 0, 0.6)!important;
}

div#mw-panel div.portal {
	background: transparent;
	margin-bottom: 0.5em;
	text-shadow: 1px 1px 0 #000;
}

div#mw-panel div.portal h3,
div#mw-panel.collapsible-nav .portal.collapsed h3,
div#mw-panel.collapsible-nav div.portal h3 {
	font-family: 'Baloo-Regular', sans-serif;
	font-size: 100%;
	padding: 0.5em;
	margin: 0 0 2px;
	border: 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.4),1px 1px 3px rgba(0,0,0,0.4);
	border-radius: 6px;
	background-color: #9b653c;
	background-image: url("https://nairi.gamepedia.com/media/6/6b/Header_right.png),url(https://nairi.gamepedia.com/media/8/87/Header_left.png),url(https://nairi.gamepedia.com/media/b/b6/Header_middle.png");
	background-position: bottom right, bottom left, bottom center;
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-size: auto 100%;
}

#mw-panel.collapsible-nav .portal.persistent h3,
div#mw-panel .portal.persistent h3 {
	background: transparent;
	border: 0;
	box-shadow: none;
}

div#mw-panel.collapsible-nav .portal.expanded h3::after {
	content: "-";
	float: right;
}

div#mw-panel.collapsible-nav .portal.collapsed h3::after {
	content: "+";
	float: right;
}

#mw-panel.collapsible-nav .portal .body ul,
div#mw-panel div.portal div.body ul {
	padding-top: 0;
}

#mw-panel.collapsible-nav .portal .body ul li,
div#mw-panel div.portal div.body ul li {
	padding: 0.35em 0.5em;
	margin: 2px 0;
	background: rgba(155, 101, 60, 0.65);
	border: 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.4),1px 1px 3px rgba(0,0,0,0.4);
	border-radius: 6px;
}

#mw-panel.collapsible-nav .portal h3 a,
#mw-panel.collapsible-nav .portal.collapsed h3 a,
div#mw-panel div.portal h3 {
	color: #fff!important;
}

#mw-panel.collapsible-nav .portal .body,
div#mw-panel div.portal div.body {
	background: transparent;
	margin-left: 0;
}

#mw-panel.collapsible-nav .portal#p-claimWiki,
.portal.persistent,
div#mw-panel.collapsible-nav div.portal#p-socialProfiles {
	margin: 0 0.6em 0.5em 0.7em;
	width: 8em;
}
/******************
claim wiki button
******************/
.claimSidebar,
.claimSidebar a,
.claimSidebar a:hover {
	background-image: url("/extensions/ClaimWiki/images/claimwiki.svg?5c7bf");
	background-size: 140px auto;
	height: 33px;
	width: 140px;
	box-sizing: border-box;
	margin-top: 0.5em;
}
/******************
footer
******************/
div#footer {
	background: rgba(255, 255, 255, 0.85);
	border: 0;
	border-bottom: 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.4),1px 1px 3px rgba(0,0,0,0.4);
	margin-top: 1em;
	border-radius: 3px 0 0 0;
}

div#footer ul li {
	color: #000000;
}
/******************
template:doc
******************/
.catlinks,
.doc,
.doc-footer {
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.6);
	border: 0;
	box-shadow: 0 0 15px rgba(0,0,0,0.4),1px 1px 3px rgba(0,0,0,0.4);
}
/******************
table of contents
******************/
div#toc,
div.mw-warning,
div.toc {
	box-shadow: -1px 3px 0 rgba(0, 0, 0, 0.6);
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(0, 0, 0, 0.6);
}
/******************
preferences
******************/
.client-js #preferences legend,
.client-js #preftoc a,
.htmlform-tip {
	color: #000000;
}

.client-js #preferences fieldset.prefsection fieldset {
	border-color: #000000;
}

.client-js #preftoc li.selected a:hover {
	color: #000000;
	text-decoration: none;
}

.client-js #preftoc li {
	box-shadow: -1px 3px 0 rgba(0, 0, 0, 0.6);
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.6);
	margin: 0 2px 0.5em;
	border: 1px solid transparent;
}

.client-js #preftoc li:first-child {
	margin-left: 0;
}

.client-js #preftoc,
.client-js #preftoc li.selected a {
	background: transparent;
}

.client-js #preferences {
	box-shadow: -1px 3px 0 rgba(0, 0, 0, 0.6);
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.6);
	border: 1px solid rgba(0, 0, 0, 0.6);
}

.client-js #preftoc li.selected {
	border-color: rgba(0, 0, 0, 0.6);
	font-weight: bold;
}
/******************
source editor
******************/
div.wikiEditor-ui {
	background: transparent;
	border: 0;
}

div.wikiEditor-ui-buttons {
	background-color: transparent;
	border-top: 0;
}

div.wikiEditor-ui-controls {
	background-color: transparent;
	border-bottom: 0;
	margin-bottom: 0.5em;
}

div.wikiEditor-ui-tabs {
	background-color: transparent;
	border: 0;
}

div.wikiEditor-ui-tabs div {
	box-shadow: -1px 3px 0 rgba(0, 0, 0, 0.6);
	border-radius: 3px;
	background: rgba(255, 255, 255, 0.6);
	margin: 0 2px 0.5em;
	border: 1px solid transparent;
}

div.wikiEditor-ui-tabs div a {}

div.wikiEditor-ui-tabs div.current {
	border-color: rgba(0, 0, 0, 0.6);
	font-weight: bold;
}

div.wikiEditor-ui-tabs div.current a {
	color: #000000;
	font-weight: bold;
}

div.wikiEditor-ui .wikiEditor-ui-top {
	border-bottom: 1px solid #000000;
}

div.wikiEditor-ui-toolbar {
	background: rgba(255, 255, 255, 0.6);
}

div.wikiEditor-ui-toolbar .group {
	border-right: 1px solid #000000;
}

div.wikiEditor-ui-toolbar .group-search {
	border-left: 1px solid #000000;
	border-right: none;
}

div.wikiEditor-ui-toolbar .group .label {
	color: #000000;
}

.tab {
	border-color: transparent;
}

div.wikiEditor-ui-toolbar .tabs span.tab a,
div.wikiEditor-ui-toolbar .tabs span.tab a.current,
div.wikiEditor-ui-toolbar .tabs span.tab a.current:visited,
div.wikiEditor-ui-toolbar .tabs span.tab a:visited {
	color: #000000;
}

div.wikiEditor-ui-toolbar .group .tool-select .label {
	color: #000000;
}

div.wikiEditor-ui-toolbar .sections .section {
	background-color: rgba(33, 34, 38, 0.2);
	border-top: 1px solid #000000;
}

div.wikiEditor-ui-toolbar .booklet .index div {
	color: #6677cc;
}

div.wikiEditor-ui-toolbar .booklet .index .current,
div.wikiEditor-ui-toolbar .booklet .pages {
	background-color: #27282d;
	color: #000000;
}

div.wikiEditor-ui-toolbar .page-characters div span {
	border: 1px solid #000000;
	color: #000000;
}

div.wikiEditor-ui-toolbar .page-characters div span:hover {
	background-color: rgba(255, 255, 255, 0.1);
	border-color: #000000;
	color: #6677cc;
}

div.wikiEditor-ui-toolbar .page-table td {
	border-top: 1px solid #000000;
	color: #000000;
}

div.wikiEditor-preview-loading {
	background-color: transparent;
}

div.wikiEditor-preview-contents {
	background-color: transparent;
	border: 0;
}

.mw-editform-ooui .editOptions {
	border: 1px solid rgba(0, 0, 0, 0.6);
	background: rgba(255, 255, 255, 0.6);
	border-radius: 3px;
	box-shadow: -1px 3px 0 rgba(0, 0, 0, 0.6);
	margin-bottom: 0.5em;
}

div.wikiEditor-ui .wikiEditor-ui-view {
	border: 1px solid rgba(0, 0, 0, 0.6);
	background: transparent;
	border-radius: 3px;
	box-shadow: -1px 3px 0 rgba(0, 0, 0, 0.6);
	margin-bottom: 0.5em;
}

div.wikiEditor-ui-tabs div:first-child {
	margin-left: 0;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button {
	background: #9b653c;
	border-color: #9b653c;
	color: #000000;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:active,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:focus:hover,
.oo-ui-buttonElement-framed.oo-ui-widget-enabled.oo-ui-flaggedElement-primary.oo-ui-flaggedElement-constructive > .oo-ui-buttonElement-button:hover {
	background: #bf8c65;
	border-color: #9b653c;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button {
	background: #ffffff;
	border-color: #000000;
	color: #000000;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:focus {
	box-shadow: inset 0 0 0 1px #9b653c;
}

.oo-ui-buttonElement-framed.oo-ui-widget-enabled > .oo-ui-buttonElement-button:hover,
.oo-ui-popupWidget .oo-ui-popupWidget-popup .oo-ui-buttonWidget:hover {
	background: #c5c5c5;
	border-color: #000000;
}

.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > .oo-ui-buttonElement-button > .oo-ui-labelElement-label,
.oo-ui-buttonElement-frameless.oo-ui-widget-enabled > input.oo-ui-buttonElement-button {
	color: #000000!important;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:checked+span {
	background-color: #9b653c;
	border-color: #9b653c;
}

.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:hover:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:active:checked+span,
.oo-ui-checkboxInputWidget.oo-ui-widget-enabled [type='checkbox']:focus:hover:checked+span {
	background-color: #bf8c65;
	border-color: #9b653c;
}
/******************
msupload
******************/
#msupload-list .file {
	background: rgba(255, 255, 255, 0.6);
	border: 0;
}

#msupload-div #msupload-list .file .file-size,
#msupload-div #msupload-list .file .file-title,
#msupload-div #msupload-list .file .file-warning {
	color: #000000;
}

#msupload-dropzone {
	border-color: #fff;
	color: #fff;
}

#msupload-div {
	background: #9b653c;
	border: 1px solid #9b653c;
	border-top: 1px solid #000000;
}
/******************
search and code tags
******************/
.mw-code,
.mw-search-profile-tabs,
code,
fieldset#mw-searchoptions,
pre {
	background: rgba(255, 255, 255, 0.8);
	color: #000000;
	border-color: rgba(0, 0, 0, 0.2);
}

.errorbox,
.successbox,
.warningbox {
	background: rgba(130, 1, 27, 0.3);
	border-color: #82011b;
	color: #000000;
}
/******************
thumbnails
******************/
div.thumbinner,
li.gallerybox div.thumb {
	background: rgba(0, 0, 0, 0.1);
	color: #000000;
	border-color: rgba(0, 0, 0, 0.6);
	border-radius: 3px;
	box-shadow: -1px 3px 0 rgba(0, 0, 0, 0.6);
}

div.thumb {
	border-color: transparent;
}

html .thumbimage {
	border-color: transparent;
	border-bottom: 1px solid #000000;
	background: transparent;
}
/******************
wikitables
******************/
.mw-datatable th,
table.wikitable > * > tr > th,
table.wikitable > tr > th {
	background: rgba(0, 0, 0, 0.2);
	color: #000000;
	border-color: #000000;
}

.mw-datatable,
.mw-datatable td,
table.wikitable,
table.wikitable > * > tr > td,
table.wikitable > tr > td {
	border-color: #000000;
	background: rgba(255, 255, 255, 0.2);
}

.TablePager tr:hover td,
.mw-datatable tr:hover td {
	background: rgba(0, 0, 0, 0.1);
}
/******************
page diffs
******************/
td.diff-marker {
	color: #000000;
}

td.diff-addedline {
	background: rgba(157, 197, 109, 0.5);
	border-color: #114511;
}

td.diff-addedline .diffchange {
	color: #114511;
	background: transparent;
}

td.diff-deletedline {
	background: rgba(219, 112, 112, 0.4);
	border-color: #451111;
}

td.diff-deletedline .diffchange {
	color: #451111;
	background: transparent;
}

table.diff,
td.diff-ntitle,
td.diff-otitle {
	background: transparent;
}

td.diff-context {
	background: rgba(255, 255, 255, 0.2);
	color: #000000;
	border-color: #000000;
}
/******************
history
******************/
#pagehistory li.selected {
	background: rgba(255, 255, 255, 0.3);
	border-color: rgba(0, 0, 0, 0.6);
}

#pagehistory li {
	border-color: rgba(0, 0, 0, 0.2);
}

.mainheading {
	font-family: 'Baloo-Regular', sans-serif;
	text-transform: uppercase;
	font-size: 160%;
}

.fpbox.plain {
	border: 0;
	box-shadow: none;
	background: transparent;
}

div#mw-panel div.portal div.body ul li a,
div#mw-panel div.portal div.body ul li a:visited {
	color: #2c87b9;
	font-weight: bold;
}
/**** infoboxes ****/
.infoboxtable {
	width: 270px;
	float: right;
	margin-left: 1em;
	border: 1px solid #9b653c;
	padding: 0.25em;
}

.infoboxname {
	background-color: #9b653c;
	background-image: url("https://nairi.gamepedia.com/media/6/6b/Header_right.png),url(https://nairi.gamepedia.com/media/8/87/Header_left.png),url(https://nairi.gamepedia.com/media/b/b6/Header_middle.png");
	background-position: bottom right, bottom left, bottom center;
	background-repeat: no-repeat, no-repeat, repeat-x;
	background-size: auto 100%;
	color: #fff;
	text-shadow: 1px 1px 0 #000;
	padding: 5px;
	border-radius: 6px;
}

.infoboxdetails {
	background: #9b653c;
	color: #fff;
}

.infoboxtable div {
	text-align: right;
	font-weight: bold;
	background: #fff;
	padding: 1px 5px;
}
Community content is available under CC BY-NC-SA unless otherwise noted.
Advertisement