MediaWiki:Common.css

/*** Temp fixing any images missing from CDN ***/
@font-face {
	font-family: 'Minecraft-ru';
	src: local('Minecraft-ru'), local('Minecraft-ru'), url(/media/hydra/fonts/minecraft-ru.ttf) format('truetype');
	src: local('Minecraft-ru'), local('Minecraft-ru'), url(/media/hydra/fonts/minecraft-ru.woff) format('woff');
}

/** Template stylings **/
/* [[Template:Grid]] */
.grid {
	display: inline-block;
	position: relative;
	text-align: left !important;
	background-color: #8B8B8B;
	height: 32px;
	width: 32px;
	padding: 2px;
	vertical-align: bottom;
}
.grid.output {
	height: 48px;
	width: 48px;
}

.grid img,
.pixel-image img {
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	-ms-interpolation-mode: nearest-neighbor;
}
 
.grid .border {
	display: block;
	margin: -2px 0 0 -2px;
	border-style: solid none none solid;
	border-width: 2px;
	border-color: #373737;
	height: 100%;
}
.grid .border > span {
	display: block;
	margin-right: -2px;
	border-style: none solid solid none;
	border-width: 2px;
	border-color: #FFFFFF;
	height: 100%;
}
 
.grid .image,
.grid .default-image {
	position: absolute;
	line-height: 16px;
	top: 2px;
	width: 32px;
	height: 32px;
}
.grid.output .image {
	top: 10px;
	left: 10px;
}
.grid .image > a.new {
	background-image: url("https://minecraft.gamepedia.com/media/minecraft.gamepedia.com/3/35/Grid_Unknown.png");
	display: block;
	width: 32px;
	height: 32px;
	outline: none;
	text-indent: -99999px;
}
 
.grid .number {
	position: absolute;
	right: -2px;
	bottom: -2px;
	text-align: right;
	font-family: Minecraft;
	font-size: 16px;
	color: #FFF;
	pointer-events: none;
	z-index: 6;
	text-shadow: 2px 2px 0px #3F3F3F;
	filter: dropshadow(color=#3F3F3F, offx=2, offy=2);
}
.grid .number a {
	color: #FFF;
	text-decoration: none;
}
.grid .number .selflink {
	font-weight: normal;
}
.grid .image a.new + .number {
	display: none;
}

.grid-Crafting_Table,
.grid-Furnace,
.grid-Brewing_Stand table,
.grid-generic {
	background: #C6C6C6;
	border: outset 2px #999;
	padding: 6px;
	text-align: left !important;
}
.grid-Crafting_Table td,
.grid-Furnace td,
.grid-Brewing_Stand td,
.grid-generic td {
	border: none;
	padding: 0;
}

/* [[Template:Grid/Crafting Table]] */
.grid-Crafting_Table .arrow,
.grid-Crafting_Table .shapeless {
	text-align: center;
	vertical-align: bottom;
}

.grid-Crafting_Table .arrow {
	width: 40px;
	padding-bottom: 5px;
}

.grid-Crafting_Table .shapeless span {
	cursor: help;
}

/* [[Template:Grid/Furnace]] */
.grid-Furnace {
	padding-left: 24px;
	padding-right: 24px;
}

.grid-Furnace .arrow,
.grid-Furnace .output {
	text-align: center;
	vertical-align: middle;
}

.grid-Furnace .arrow {
	padding-right: 18px !important;
	padding-left: 14px !important;
}

/* [[Template:Grid/Brewing Stand]] */
.grid-Brewing_Stand {
	position: relative;
	width: 144px;
}

.grid-Brewing_Stand .bubbles {
	text-align: right;
}

.grid-Brewing_Stand .input {
	padding: 3px 0 !important;
	vertical-align: top;
}
.grid-Brewing_Stand .output1 {
	padding: 4px 10px 14px 0 !important;
}
.grid-Brewing_Stand .output2 {
	padding-top: 18px !important;
}
.grid-Brewing_Stand .output3 {
	padding: 4px 0 14px 10px !important;
}

.grid-Brewing_Stand .paths {
	position: absolute;
	bottom: 42px;
	left: 42px;
	z-index: 5;
}

/* [[Template:Grid/Hotbar]] */
.grid-Hotbar {
	display: inline-block;
	position: relative;
}
.grid-Hotbar > .selector {
	position: absolute;
	top: -2px;
	margin-left: -2px;
}
.grid-Hotbar > .slots {
	position: absolute;
	top: 0;
	left: 0;
	margin: 2px;
}
.grid-Hotbar .grid {
	margin: 2px;
	background-color: transparent;
}
.grid-Hotbar .grid > .border,
.grid-Hotbar .grid > .border > span {
	border: 0;
	margin: 0;
}

/* [[Template:Infobox common]] */
.infobox {
	clear: right;
	margin: 3px 0px 3px 3px;
	width: 300px;
	font-size: 90%;
	background: #FFFFFF;
	float: right;
	border: 1px solid #CCCCCC;
	padding: 2px;
	overflow: auto;
}

.infobox-title {
	font-weight: bold;
	text-align: center;
	font-size: 120%;
    color: #fff;
}

.infobox-imagearea {
	text-align: center;
	padding: 4px;
}

.infobox table {
	width: 100%;
}

.infobox p {
	margin: 0;
}

.infobox audio {
	width: 184px;
}

.infobox dl:last-child {
	margin-bottom: 0.2em;
}

.infobox-footer {
	text-align: center;
}

/* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */
.infobox dl + dl {
	margin-top: -0.4em;
}

/* What is this? */
.infobox.atfmrec {
	border: none !important;
}

/* [[Template:Infobox row]] */
.infobox-row {
	white-space: nowrap;
	font-weight: bold;
}

/* [[Template:Navbox]] */
.navbox {
	background: #FFF;
	border: 1px solid #CCC;
	margin: 1em auto 0;
	clear: both;
	width: 100%;
}

.navbox table {
	background: #FFF;
	margin-left: -4px;
	margin-right: -2px;
}
.navbox table:first-child {
	margin-top: -2px;
}
.navbox table:last-child {
	margin-bottom: -2px;
}

.navbox .navbox-top {
	white-space: nowrap;
	background-color: #CCC;
	padding: 0 3px;
	text-align: center;
}

.navbox-navbar,
.navbox-navbar-mini {
	float: left;
	font-size: 80%;
}

.navbox-title {
	padding: 0 10px;
	font-size: 110%;
}

.navbox-group,
.navbox th {
	background-color: #EEE;
	padding: 0 10px;
	white-space: nowrap;
	text-align: right;
}
.new-navbox.navbox-group,
.new-navbox.navbox th {
	text-align: center !important;
}

.navbox-list,
.navbox td {
	width: 100%;
	padding: 0 0 0 2px;
}
.new-navbox.navbox-list,
.new-navbox.navbox td {
	width: auto !important;
}


/* [[Template:LoadBox]] with navbox */
.loadbox-navbox {
	padding: 2px !important;
	margin: 1em 0 0 !important;
	clear: both;
}
.loadbox-navbox > p {
	background-color: #CCC;
	text-align: center;
	margin: 0;
	padding: 0 3px;
}
.loadbox-navbox > p > b {
	font-size: 110%;
}

.loadbox-navbox .navbox {
	margin: 0 -2px -2px;
	border: 0;
}
.loadbox-navbox .navbox > tbody > tr:first-child {
	display: none;
}

/* [[Template:History2]] */
.history2 td > pre,
.history2 td > ol {
	display: none;
}

.history2 ul {
	margin-top: 0;
}

.history2 .toggleHistDetails {
	float: right;
	text-align: right;
	width: 150px;
}
.history2 > tbody > tr:first-child > th {
    padding-left: 152px;
}

/* [[Template:Sprite]] */
.sprite {
	display: inline-block;
	position: relative;
	overflow: hidden;
	vertical-align: middle;
	height: 16px;
	width: 16px;
}
.sprite > span {
	position: absolute;
	height: 256px;
	width: 256px;
}

/* [[Template:Sprite/Preview]] */
.sprite-preview:hover div {
	opacity: 0.7 !important;
}


/* [[Template:Schematic]] */
.schematic img {
  image-rendering: crisp-edges;
  image-rendering: -moz-crisp-edges;
  image-rendering: -o-crisp-edges;
  image-rendering: -webkit-optimize-contrast;
  -ms-interpolation-mode: nearest-neighbor;
}
table.schematic {
  background-color: white;
  border-collapse: collapse;
  line-height: 0;
}
table.schematic td,
span.schematic {
  border: 1px solid #AAAAAA !important;
  padding: 0;
}
table.schematic span,
span.schematic {
  display: inline-block;
  overflow: hidden;
  position: relative;
}
table.schematic span span,
span.schematic span {
  color: black;
  font-weight: bold;
  left: 0;
  line-height: 1.5em;
  position: absolute;
  text-align: center;
  text-shadow: 0 0 2px #FFF;
  top: 0;
}

/** Misc stuff **/
/* Prevent page jump from the toolbar loading, doesn't affect people with the toolbar disabled */
#toolbar {
	height: 22px;
}

/* proper list without any bullets */
.list-style-none ul,.list-style-none ol {
 list-style:none;
 margin-left:0
}

/* Collapsible Tables ([[MediaWiki:Common.js]]) */
.collapsible.collapsed > tbody > tr:not(:first-child),
.collapsible.collapsed > thead + tbody > tr:first-child,
.collapsible.collapsed > tbody + tbody > tr:first-child,
.collapsible.collapsed > tfoot > tr,
.collapsible.collapsed > .collapsible-content {
	display: none;
}

.collapsetoggle,
.collapsible-button {
	display: inline-block;
	font-weight: normal;
	font-style: normal;
	float: right;
	text-align: right;
	margin-left: 0.8em;
}
.collapsible.collapse-button-left > tr > th .collapsible-button,
.collapsible.collapse-button-left > * > tr > th .collapsible-button,
.collapsetoggle-left > tr > * > .collapsetoggle,
.collapsetoggle-left > * > tr > * > .collapsetoggle,
.collapsetoggle-left > * > .collapsetoggle {
	float: left;
	text-align: left;
	margin-right: 0.8em;
	margin-left: 0;
}
.collapsible.collapse-button-none > tr > th .collapsible-button,
.collapsible.collapse-button-none > * > tr > th .collapsible-button,
.collapse-button-none > * > tr > * > .collapsetoggle,
.collapsetoggle-inline > tr > * > .collapsetoggle,
.collapsetoggle-inline > * > tr > * > .collapsetoggle,
.collapsetoggle-inline > * > .collapsetoggle {
	float: none;
	text-align:left;
}

.collapsetoggle-custom {
	visibility: hidden;
}

/* Alternating cell background, primarily used with [[Template:Infobox row]] */
.alternatecells:nth-child(odd) {
	background-color: #F9F9F9;
}
/* Alternating table rows */
.alternaterows tr:nth-child(even) {
	background-color: #F9F9F9;
}

/* The blue header used throughout the wiki */
.mcwiki-header,
#curse-panel .block_header {
    background-image: url("https://minecraft-pl.gamepedia.com/media/minecraft-pl.gamepedia.com/c/c1/GrassBackground.png");
	border: 1px solid #ccc;
	border-bottom: 4px groove #999999;
	border-right: 4px groove #999999;
	padding: 5px;
	color: #fff;
}

/* Make transparency visible on image pages */
.filehistory a img,
#file img:hover {
	background: url("/media/5/5d/Checker-16x16.png");
}
#file button img {
	background: none !important;
}

/* Scale file page image to the width of the page */
#file img {
	max-width: 100%;
	height: auto;
}

/* Remove margin from file page table */
#mw-imagepage-section-filehistory .filehistory {
	margin-right: 0;
}

/* Highlight clicked reference in blue to help navigation */
ol.references li:target,
sup.reference:target,
span.citation:target { 
	background-color: #C1DAF2;
}

/* Style the sitenotice and fix up its awful spacing (why is it even a table!?) */
#siteNotice #localNotice,
.page-MediaWiki_Sitenotice .mw-content-ltr > div
 {
  	background-color: transparent !important;
/*	border: 1px solid #D3D3D3;*/
	margin-bottom: 12px;
	text-align: center;
    border: none;
}
#siteNotice #mw-dismissable-notice #localNotice {
	/* Note to other languages: Change this to the same width as the "dismiss" button in your language, this makes the sitenotice centred better */
	margin-left: 55px;
}

#siteNotice td:first-child {
	width: 100%;
}

#localNotice div p {
	padding: 0.4em 0 0.5em;
	margin: 0;
}

/* Minecraft font */
@font-face {
	font-family: 'Minecraft';
	src: local('Minecraft'), local('Minecraft'), url(/media/hydra/fonts/minecraft.woff) format('woff');
}

/* Allow parts of toc to be hidden */
/* Section levels */
.toc-hidelevel2 .toclevel-1 ul,
.toc-hidelevel3 .toclevel-2 ul,
.toc-hidelevel4 .toclevel-2 ul,
/* Numbers */
.toc-nonumbers .tocnumber {
	display: none;
}

/* Pre-collapse collapsed tables, so there is no page jump when JS kicks in */
.collapsible.collapsed > tr,
.collapsible.collapsed > tbody > tr {
	display: none;
}
.collapsible.collapsed > tr:first-child,
.collapsible.collapsed > tbody > tr:first-child {
	display: table-row;
}
.collapsible.collapsed > thead + tbody > tr:first-child {
	display: none;
}

/* Turn a list into a tree view style (See [[.minecraft]]) */
.treeview {
	margin-top: 0.3em;
}

.treeview ul,
.treeview li {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.treeview li {
	display: table;
}

.treeview li li {
	position: relative;
	padding-left: 13px;
	margin-left: 7px;
	border-left: 1px solid #636363;
}
.treeview li li:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	border-bottom: 1px solid #636363;
}

.treeview li li.first:before {
	border-color: #636363;
	border-style: solid;
	border-width: 1px 0 0 1px;
	height: 100%;
	margin-top: 11px;
	width: 10px;
}
.treeview li li.first,
.treeview li li:last-child {
	border: 0;
	padding-left: 14px;
}
.treeview li li:last-child:before {
	border-left: 1px solid #636363;
	width: 10px;
}

/* Move suggestions back into place (netbar moved them) */
.suggestions {
	margin-top: -29px !important;
}

/* Simulate link styling for JS only links */
.jslink {
	color: #0645AD;
	-webkit-user-select: none;
	   -moz-user-select: none;
		-ms-user-select: none;
}
.jslink:hover {
	text-decoration: underline;
	cursor: pointer;
}
.jslink:active {
	color: #FAA700;
}

/* Improve styling of sub-categories */
#mw-subcategories ul {
	list-style-type: none;
	margin-left: 10px;
}

/* Use text arrows for enhanced rc instead of outdated (and broken) images */
td.mw-enhanced-rc {
	padding-left: 13px !important;
}
td + td.mw-enhanced-rc {
	padding-left: 0 !important;
}

.mw-enhanced-rc img {
	display: none;
}

.mw-rc-openarrow:after {
	content: "►";
}
.mw-rc-closearrow:after {
	content: "▼";
}

table.mw-enhanced-rc .mw-collapsible-toggle {
	cursor: pointer;
	color: #0645AD;
}

/* Horizontal list */
.hlist ul {
	display: inline;
	margin: 0;
}

.hlist li {
	display: inline-block;
	white-space: nowrap;
	margin: 0;
}
.hlist li:after {
	content: " •";
}
.hlist li:last-child:after,
.hlist li.last-child:after {
	content: "";
}

.hlist li > ul li:first-child:before {
	content: "(";
}
.hlist li > ul li:last-child:after,
.hlist li > ul li.last-child:after {
	content: ")";
}

.hlist li li li {
	font-size: x-small;
}

/* Generic styling for animation class */
.animated > *:not(.active):not(.skip),
.paused > *:not(.active):not(.skip) {
        display: none;
}

.nowrap {
	white-space: nowrap;
}

/* Hide noscript only elements */
.noscript {
	display: none;
}

/* Cite text needs to be a block element, but should display inline */
.references > li {
	white-space: nowrap;
}
div.cite-reference-text {
	display: inline-block;
	vertical-align: top;
	white-space: normal;
}

/* Mark internal links as plain */
#content a.external[href^="//minecraft-pl.gamepedia.com"], 
#content a.external[href^="http://minecraft-pl.gamepedia.com"],
#content a.external[href^="https://minecraft-pl.gamepedia.com"],
#content a.external[href^="//minecraft.gamepedia.com"] {
	background: none;
	padding-right: 0;
}


/* Make tabs the correct size */
* {
	-moz-tab-size: 4;
	  -o-tab-size: 4;
	     tab-size: 4;
}
.new-navbox tr td li { 
display: inline-block;
padding-right: 5px;
}
.new-navbox tr td li:last-child { 
padding-right: 0px;
}
.new-navbox tr td li:last-child::after { 
content: "";
}
.new-navbox tr td ul { 
display: inline-block;
margin: 0px;
}
.new-navbox tr td li ul { 
font-size: 90%;
}
.new-navbox tr td li ul::before { 
content: " (";
}
.new-navbox tr td li ul::after { 
content: ") ";
}
.new-navbox tr td li::after { 
content: " •  ";
}

/*  START NOTIFICATIONS */
div.alert-message {
	display: block;
	padding: 13px 12px 12px;
	font-weight: bold !important;
	font-size: 14px;
	color: white;
	background-color: #2ba6cb;
	border: 1px solid rgba(0, 0, 0, 0.1);
	margin-bottom: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
	position: relative;
}
div.alert-message a {
	color: white !important;
	text-decoration: underline !important;
}
div.alert-message .box-icon {
	display: block;
	float: left;
	background-image: url('/images/a/a6/NoticeIcon.png');
	width: 30px;
	height: 25px;
	margin-top: -2px;
	background-position: -8px -8px;
}
div.alert-message p {
	margin: 0px !important;
}
div.alert-message.success {
	background-color: #5da423;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message.success .box-icon {
	background-position: -48px -8px;
}
div.alert-message.warning {
	background-color: #e3b000;
	color: #fff;
	text-shadow: 0px 1px 5px rgba(0, 0, 0, 0.61);
}
div.alert-message.warning .box-icon {
	background-position: -88px -8px;
}
div.alert-message.error {
	background-color: #c60f13;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}
div.alert-message.error .box-icon {
	background-position: -128px -8px;
}

/* END NOTIFICATIONS */

/* linki zewnętrzne do wewnątrz jako plaintext */
#content a.external[href^="http://prisonwiki.pl"] {
	background: none;
	padding-right: 0;
}
#content a.external[href^="http://devwiki.introversion.co.uk"] {
	background: none;
	padding-right: 0;
}
.plainlink a {
	background: none !important;
	padding-right: 0 !important;
}

/* Styling for minecraft style tooltip */
#minetip-tooltip {
	position: fixed;
	top: 0;
	left: 0;
	background-color: #100010;
	background-color: rgba(16, 0, 16, 0.94);
	color: #FFF;
	padding: 0.375em;
    font-family: Minecraft-ru, sans-serif;
	font-size: 16px;
	word-spacing: 4px;
	white-space: nowrap;
	line-height: 1.25em;
	text-shadow: 0.125em 0.125em 0 #3F3F3F;
	margin: 0.125em 0.25em;
	pointer-events: none;
	z-index: 99;
}
#minetip-tooltip:before {
	content: "";
	position: absolute;
	top: 0.125em;
	right: -0.125em;
	bottom: 0.125em;
	left: -0.125em;
	border: 0.125em solid #100010;
	border-style: none solid;
	border-color: rgba(16, 0, 16, 0.94);
}
#minetip-tooltip:after {
	content: "";
	position: absolute;
	top: 0.125em;
	right: 0;
	bottom: 0.125em;
	left: 0;
	border: 0.125em solid #2D0A63;
	border-image: -webkit-linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
	border-image: linear-gradient(rgba(80, 0, 255, 0.31), rgba(40, 0, 127, 0.31)) 1;
}

#minetip-tooltip > .description,
#minetip-tooltip > .minetip-description {
	display: block;
	margin-top: 0.25em;
}

/* For [[Nodule:Inventory slot]] */
.invslot {
	position: relative;
	display: inline-block;
	background: #8B8B8B no-repeat center center / 32px 32px;
	border: 2px solid;
	border-color: #373737 #FFF #FFF #373737;
	width: 32px;
	height: 32px;
	font-size: 16px;
	line-height: 1;
	text-align: left;
	vertical-align: bottom;
}
.invslot:before,
.invslot:after {
	content: "";
	position: absolute;
	background-color: #8B8B8B;
	height: 2px;
	width: 2px;
	pointer-events: none;
}
.invslot:before {
	bottom: -2px;
	left: -2px;
}
.invslot:after {
	top: -2px;
	right: -2px;
}
.invslot-large {
	padding: 8px;
}

.invslot-item,
.invslot-item > a:first-child {
	position: relative;
	display: block;
	margin: -2px;
	padding: 2px;
}

.invslot-item-image > a.new:first-child {
	background: url(//minecraft.gamepedia.com/media/minecraft.gamepedia.com/4/44/InvSprite.png) no-repeat content-box;
	width: 32px;
	height: 32px;
	text-indent: -9999px;
	overflow: hidden;
}

.invslot-stacksize {
	position: absolute;
	right: 0;
	bottom: 0;
	font-family: Minecraft-ru, sans-serif !important;
	font-weight: normal !important;
	color: #FFF !important;
	text-shadow: 2px 2px 0 #3F3F3F;
	filter: dropshadow(color=#3F3F3F, offx=2, offy=2);
	z-index: 2;
}

.invslot-plain,
.invslot-plain * .invslot {
	background-color: transparent;
	border: 0;
}
.invslot-plain:before,
.invslot-plain:after,
.invslot-plain * .invslot:before,
.invslot-plain * .invslot:after {
	content: none;
}
.invslot-plain > .invslot-item,
.invslot-plain > .invslot-item,
.invslot-plain * .invslot > .invslot-item,
.invslot-plain * .invslot > .invslot-item > a:first-child {
	margin: 0;
	padding: 0;
}

.inv-sprite {
	background-image: url(//gamepedia.cursecdn.com/minecraft_pl_gamepedia/0/07/InvCSS.png);
	width: 32px;
	height: 32px;
	vertical-align: middle;
}

/* Try to use nearest neighbour scaling for pixelated images */
.pixel-image,
.invslot-item-image,
.sprite,
img {
	image-rendering: optimizeSpeed;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: optimize-contrast;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: crisp-edges;
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
}

/* Style for [[Moduł:Dokumentacja]] */
.doc-image		{
				float:left;
				margin-right:10px;
				}

/* Стиль для кнопки «следить за страницей» */
.menu * #ca-unwatch * a:focus,
.menu * #ca-watch * a:focus,
.menu * #ca-unwatch * a,
.menu * #ca-watch * a
	{
	background-image: none !important;
	padding: 0.5em !important;
	height: 16px !important;
	width: auto !important;
	}

/* Taken from https://minecraft.gamepedia.com/MediaWiki:Gadget-site-styles.css */

@supports ((object-fit: contain) or (-o-object-fit: contain)) {
	.edition-box img {
		min-height: 50px;
		-o-object-fit: contain;
		object-fit: contain;
	}
}

/* Style the sitenotice */
#siteNotice .globalNotice {
	background-color: #FFF;
	border: 1px solid #D3D3D3;
	margin-bottom: 12px;
	text-align: center;
}

.edition-group {
    display: flex;
    flex-wrap: wrap;
}

.edition-group .edition-box {
    flex: 17.4em;
}

#main-page.main-page {
	display: -ms-grid;
	-ms-grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j" "k";
	-ms-grid-template-columns: 100%;
	display: grid;
	grid-template-areas: "a" "b" "c" "d" "e" "f" "g" "h" "i" "j" "k";
	grid-template-columns: 100%;
}
@media screen and (min-width:990px) {
	#main-page.main-page {
		-ms-grid-template-areas: "a a a" "b b b" "c c d" "e f g" "h i j" "k k k";
		-ms-grid-template-columns: 33% 33% 34%;
		grid-template-areas: "a a a" "b b b" "c c d" "e f g" "h i j" "k k k";
		grid-template-columns: 33% 33% 34%;
	}
}

#main-page.main-page {
	margin: -1px;
}

.fp-section {
	background-color: #FCFCFC;
	border: 1px solid #ccc;
	vertical-align: top;
	margin: 1px;
	width: calc(100% - 4px);
}

#fp-1 {
	-ms-grid-area: a;
	grid-area: a;
}

#fp-2 {
	-ms-grid-area: b;
	grid-area: b;
}

#fp-3 {
	-ms-grid-area: c;
	grid-area: c;
}

#fp-4 {
	-ms-grid-area: d;
	grid-area: d;
}

#fp-5 {
	-ms-grid-area: e;
	grid-area: e;
}

#fp-6 {
	-ms-grid-area: f;
	grid-area: f;
}

#fp-7 {
	-ms-grid-area: g;
	grid-area: g;
}

#fp-8 {
	-ms-grid-area: h;
	grid-area: h;
}

#fp-9 {
	-ms-grid-area: i;
	grid-area: i;
}

#fp-10 {
	-ms-grid-area: j;
	grid-area: j;
}

#fp-11 {
	-ms-grid-area: k;
	grid-area: k;
}

#fp-header.fp-header {
	display: -ms-grid;
	-ms-grid-template-areas: "aa" "ac" "ab";
	-ms-grid-template-columns: 100%;
	display: grid;
	grid-template-areas: "aa" "ac" "ab";
	grid-template-columns: 100%;
}
@media screen and (min-width:990px) {
	#fp-header.fp-header {
		-ms-grid-template-areas: "aa ab" "ac ac";
		-ms-grid-template-columns: 335px calc(100% - 335px);
		grid-template-areas: "aa ab" "ac ac";
		grid-template-columns: 335px calc(100% - 335px);
	}
}
@media screen and (min-width:1350px) {
	#fp-header.fp-header {
		-ms-grid-template-columns: 33% 67%;
		grid-template-columns: 33% 67%;
	}
}

#fp-header-file {
	-ms-grid-area: aa;
	grid-area: aa;
}

#fp-header-links {
	-ms-grid-area: ab;
	grid-area: ab;
}

#fp-header-text {
	-ms-grid-area: ac;
	grid-area: ac;
}

#fp-header-file {
	margin: auto;
}
@media screen and (min-width:990px) {
	#fp-header-file {
		margin: auto 0;
	}
}

#fp-header-links {
	margin: auto 0;
}

#fp-header-links ul {
	-ms-columns: 160px;
	-moz-columns: 160px;
	-webkit-columns: 160px;
	columns: 160px;
	-ms-column-count: 3;
	-moz-column-count: 3;
	-webkit-column-count: 3;
	column-count: 3;
	margin-top: 0;
}


/* search on small screens */
@media screen and (max-width: 720px) {
	#mw-head {
		top: 13px;
	}
	
	div#p-search form {
		background: none;
		border: none;
		margin: 0;
	}
	
	div#p-search form::before,
	div#p-search form::after {
		border: none;
	}
	
	div#simpleSearch::before {
		border-left-color: transparent;
	}
	
	div#simpleSearch::after {
		border-top-color: transparent;
	}
}