MediaWiki:Mobile.css

De Binding of Isaac: Rebirth Wiki
Aller à : navigation, rechercher

Autres langues : English


Note : après avoir enregistré vos modifications, il se peut que vous deviez forcer le rechargement complet du cache de votre navigateur pour voir les changements.

  • Firefox / Safari : Maintenez la touche Maj (Shift) en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ou Ctrl-R (⌘-R sur un Mac) ;
  • Google Chrome : Appuyez sur Ctrl-Maj-R (⌘-Shift-R sur un Mac) ;
  • Internet Explorer : Maintenez la touche Ctrl en cliquant sur le bouton Actualiser ou pressez Ctrl-F5 ;
  • Opera : Videz le cache dans Outils → Préférences.
/* Le CSS placé ici n’affectera que les utilisateurs du site mobile */

/* Header and footer */
.header-container.header-chrome,
#mw-mf-page-center {
	background: #000000;
}

.nomobile {
	display: none;
}

a.watch-this-article {
	background-image: url("https://bindingofisaacrebirth.gamepedia.com/media/7/7b/Watch_lighter.png") !important; /* optional if a lighter version of the star icon is required */
}

/* Search header */
.overlay {
	background: rgba(0, 0, 0, 0.85) !important;
}

.overlay .overlay-header-container,
.search-overlay .overlay-header,
.search-overlay .results {
	background: rgba(0, 0, 0, 0.85) !important;
}

.search-overlay .overlay-header,
.search-overlay .results {
	color: #d5d4d4;
}

.search-overlay {
	background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5) !important; 
}

ul.suggestions-results,
ul.suggestions-results li {
	background: rgba(0, 0, 0, 0.85);
	color: #d5d4d4;
}

ul.suggestions-results li.suggestions-result {
	color: #d5d4d4;
}

/* General header */
#mw-mf-header form,
#mw-mf-sq {
	background: rgba(0, 0, 0, 0.85);
}

.branding-box {
	padding-right: 10px;
}

/* Navigation */
.menu {
	background: #000000;
}

.menu > ul > li {
	background: transparent;
	border-top: 2px solid #6b4537;
}

.menu > ul > li > a {
	color: #cccccc !important;
}

.menu > ul:not(.hlist) > li > a:not(.secondary-action):hover {
	box-shadow: inset 4px 0 #6b4537;
	background: linear-gradient(to right, rgba(107, 69, 55, 0.7), rgba(107, 69, 55, 0.5), #000000);
}

.menu > ul.hlist > li > a {
	color: #9cb0d1;
}

.menu .secondary-action {
	border-left: none;
}
.menu .secondary-action:hover {
	box-shadow: none;
	background: radial-gradient(closest-side, #cc0000, #000000);
}

/* Non-content area */
body {
	background: #000000;
	color: #d5d4d4;
}

.overlay-enabled, #content {
	background: transparent;
}

#content,
.editor-overlay .overlay-content {
	background:
url("https://bindingofisaacrebirth.gamepedia.com/media/2/27/M_Content_corner_top_left.png") no-repeat scroll left top border-box,
url("https://bindingofisaacrebirth.gamepedia.com/media/d/dd/M_Content_corner_top_right.png") no-repeat scroll right top border-box,
url("https://bindingofisaacrebirth.gamepedia.com/media/9/99/M_Content_corner_bottom_left.png") no-repeat scroll left bottom border-box,
url("https://bindingofisaacrebirth.gamepedia.com/media/2/2b/M_Content_corner_bottom_right.png") no-repeat scroll right bottom border-box,
url("https://bindingofisaacrebirth.gamepedia.com/media/2/22/M_Content_top.png") repeat-x scroll right top border-box,
url("https://bindingofisaacrebirth.gamepedia.com/media/b/b4/M_Content_left.png") repeat-y scroll left top border-box,
url("https://bindingofisaacrebirth.gamepedia.com/media/2/2d/M_Content_right.png") repeat-y scroll right top border-box,
url("https://bindingofisaacrebirth.gamepedia.com/media/0/03/M_Content_bottom.png") repeat-x scroll left bottom border-box,
url("https://bindingofisaacrebirth.gamepedia.com/media/3/3a/Bg.png") left top repeat padding-box;
	border: 20px solid transparent;
	box-shadow: 0 0 15px rgba(0, 0, 0, 0.8) inset;
	box-sizing: border-box;
}

.animations #mw-mf-page-center {
	backface-visibility: hidden;
	min-height: 100%;
	transition: transform 0.25s ease-in-out 0s, height 0s ease 0.5s;
}

#footer {
	border-top: 1px solid #394147;
	color: #d5d4d4;
}

#footer a {
	color: #9cb7c2;
}

#footer h2 {
	color: #ffffff;
}

footer {
	border-top: none;
}

footer .last-modified-bar {
	border-bottom: none;
	background-color: transparent;
}

/* Content area */
a,
a:visited,
a.external {
	color: #9cb0d1;
}

h1, h2 {
	border-bottom: 1px solid #000000;
}

h1, h2, h3, h4, h5, h6 {
	background: none repeat scroll 0 0 transparent;
	color: #d5d4d4;
}

img {
	image-rendering: optimize-contrast;
	image-rendering: optimizeSpeed;
	image-rendering: optimizeQuality;
	image-rendering: -moz-crisp-edges;
	image-rendering: -o-crisp-edges;
	image-rendering: -webkit-optimize-contrast;
	image-rendering: pixelated;
	-ms-interpolation-mode: nearest-neighbor;
}

.toc-mobile {
	background-color: rgba(0, 0, 0, 0.2) !important;
	border: solid 1px #000000 !important;
}

.thumb,
#content_wrapper .thumb {
	background: transparent;
	border: 1px solid #ffffff;
}

li.gallerybox div.thumb {
	text-align: center;
	background: transparent;
	border: 1px solid #ffffff;
	margin: 2px;
}

table.mw-datatable > tr > th,
table.mw-datatable > tr > td,
table.mw-datatable > * > tr > th,
table.mw-datatable > * > tr > td,
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
	border: 1px solid #000000 !important;
	background-color: rgba(0, 0, 0, 0.3);
	color: #ffffff;
}

table.mw-datatable > tr > th,
table.mw-datatable > * > tr > th,
table.wikitable > tr > th,
table.wikitable > * > tr > th {
	font-size: 10pt;
	background-color: #142e59 !important;
	font-weight: bold;
}

table.wikitable,
table.wikitable > tr > th,
table.wikitable > tr > td,
table.wikitable > * > tr > th,
table.wikitable > * > tr > td {
	padding: 3px;
}

.mwm-notice,
#searchbox {
	background: transparent;
	border: 2px solid #394147;
	border-radius: 5px 5px 5px 5px;
}

.divclearable,
a.watch-this-article,
.jsEnabled #mw-mf-main-menu-button {
	background-color: transparent;
}

a.back_to_top,
a.back_to_top:visited {
	margin-top: 7px;
}

code {
	background-color: rgba(0, 0, 0, 0.2);
}

.catlinks,
ul#filetoc {
	background-color: transparent;
	border: 1px solid #000000;
}

.mw-ui-button {
	background-color: rgba(0, 0, 0, 0.2);
	border: solid 1px #000000 !important;
	color: inherit !important;
}
.mw-ui-button:hover {
	background-color: rgba(0, 0, 0, 0.4);
}

.mainpage ~ .wikitable.content table.content-content {
	margin: 0 auto;
	text-align: center;
}

/* Editor */
.editor-overlay {
	background: rgba(0, 0, 0, 0.85) !important;
}

.editor-overlay-ve .overlay-header-container {
	border-bottom: none;
	background: transparent !important;
	box-shadow: none !important;
}

.editor-overlay-ve .overlay-content {
	max-width: none;
}

.wikitext-editor {
	color: #d5d4d4;
}

/* Languages */
.language-overlay {
	background: rgba(0, 0, 0, 0.85) !important;
}

.language-overlay .overlay-header-container {
	border-bottom: none;
}

.language-overlay .overlay-content,
.language-overlay .panel,
.language-overlay .list-header,
.language-overlay .overlay-content-body li {
	background-color: transparent !important;
}

.language-overlay .overlay-content-body a {
	background: rgba(107, 69, 55, 0.7);
}
.language-overlay .overlay-content-body a:hover {
	background: rgba(107, 69, 55, 0.9);
}

.language-overlay .overlay-content-body span {
	color: #d5d4d4 !important;
}

/*******************
/* SyntaxHighlight *
/*******************/
.mw-highlight {
	background: 0;
}
.mw-highlight .c, .mw-highlight .cm, .mw-highlight .c1 {
	color: #6b4537;
}
.mw-highlight .mh {
	color: #790000;
}
.mw-highlight .mi {
	color: #b00040;
}
.mw-highlight .n, .mw-highlight .p,	.mw-highlight .nx {
	color: #000000;
}

span.dlc {
	cursor: help;
}

/*******************
/* Background image *
/*******************/
.bimage {
	image-rendering: pixelated;
}

table.bimage {
	margin: 0;
	border: 0;
}

/***********
/* Infobox *
/***********/
table.infobox {
	max-width: 400px;
	float: right;
	margin: 0;
	border: 0;
	padding: 0;
}

table.infobox-content-top, table.infobox-content-center, table.infobox-content-bottom-small, table.infobox-content-bottom-large {
	background-size: 100% !important;
	-webkit-background-size: 100%;
	-moz-background-size: 100% !important;
	border-collapse: separate; /* != common.css */
	width: 100% !important; /* != common.css */
	display: table; /* != common.css */
}
table.infobox-content-top {
	background: url("https://bindingofisaacrebirth.gamepedia.com/media/c/c3/TableTopLarge.png") no-repeat scroll center bottom border-box;
	padding: 50px 50px 0;
}
table.infobox-content-center {
	background: url("https://bindingofisaacrebirth.gamepedia.com/media/5/5a/TableMiddleLarge.png") repeat-y scroll center top border-box;
	padding: 0 50px 0;
}
table.infobox-content-bottom-small {
	background: url("https://bindingofisaacrebirth.gamepedia.com/media/9/92/TableDivBottomLarge.png") no-repeat scroll center top border-box;
}
table.infobox-content-bottom-large {
	background: url("https://bindingofisaacrebirth.gamepedia.com/media/2/26/TableBottomLarge.png") no-repeat scroll center top border-box;
	padding: 0 50px 50px;
}

table.infobox th, table.infobox td {
	color: #473a3c;
	text-align: center;
	border: none; /* != common.css */
}

table.infobox-content-top th {
	width: 300px;
	font-size: 20pt;
	font-weight: bold;
}
table.infobox-content-top td {
	font-size: 9pt;
}

table.dlc {
	width: 60px !important; /* != common.css */
	border: none; /* != common.css */
	height: 55px;
	background: url("https://bindingofisaacrebirth.gamepedia.com/media/1/19/TableDlc.png") no-repeat scroll center border-box;
	background-size: 100%;
	-webkit-background-size: 100%;
	-moz-background-size: 100%;
	float: right;
	padding: 0;
}
table.dlc th, table.dlc td { border: none } /* != common.css */

/*******************
/* Collection page *
/*******************/
div.collection {
	float: left;
	padding: 2em;
}
div.collection table {
	border: 0px solid black;
	text-align: center;
	background-color: transparent !important;
}
div.collection table tr, div.collection table th { background-color: transparent !important; }
div.collection table td { background-color: rgba(0,0,0,0.3); }

table.collection {
	margin: 1em auto 1em auto;
	line-height: 0
}

tr.collection-line, td.collection-line { background-color: #CCC }
td.collection-select { background-color: #888 }

/*************
/* Item pools *
/*************/
table.itemPools {
	text-align: left;
}
table.itemPools > tr > td, table.itemPool > * > tr > td {
	border: none;
}

/*********
/* Fonts *
/*********/

.font-TeamMeat-Bold {
	background-image: url('https://bindingofisaacrebirth.gamepedia.com/media/a/a3/Font_TeamMeat_Bold.png');
	display: inline-block;
}
.font-TeamMeat-Bold-cparen { background-position: -63px 0; width: 10px; height: 20px; }
.font-TeamMeat-Bold-dol { background-position: -74px 0; width: 14px; height: 19px; }
.font-TeamMeat-Bold-oparen { background-position: -89px 0; width: 10px; height: 19px; }
.font-TeamMeat-Bold-qmark { background-position: -100px 0; width: 14px; height: 18px; }
.font-TeamMeat-Bold-ss { background-position: -115px 0; width: 13px; height: 18px; }
.font-TeamMeat-Bold-obrace { background-position: -129px 0; width: 12px; height: 18px; }
.font-TeamMeat-Bold-cbrkt { background-position: -143px 0; width: 11px; height: 18px; }
.font-TeamMeat-Bold-cbrace { background-position: -155px 0; width: 11px; height: 18px; }
.font-TeamMeat-Bold-emark { background-position: -167px 0; width: 8px; height: 18px; }
.font-TeamMeat-Bold-K { background-position: -176px 0; width: 16px; height: 17px; }
.font-TeamMeat-Bold-L { background-position: -193px 0; width: 15px; height: 17px; }
.font-TeamMeat-Bold-V { background-position: -209px 0; width: 14px; height: 17px; }
.font-TeamMeat-Bold-8 { background-position: -224px 0; width: 14px; height: 17px; }
.font-TeamMeat-Bold-0 { background-position: -239px 0; width: 13px; height: 17px; }
.font-TeamMeat-Bold-obrkt { background-position: 0 -21px; width: 10px; height: 17px; }
.font-TeamMeat-Bold-percent { background-position: -11px -21px; width: 23px; height: 16px; }
.font-TeamMeat-Bold-M { background-position: -34px -21px; width: 19px; height: 16px; }
.font-TeamMeat-Bold-N { background-position: -54px -21px; width: 18px; height: 16px; }
.font-TeamMeat-Bold-O { background-position: -73px -21px; width: 18px; height: 16px; }
.font-TeamMeat-Bold-at { background-position: -92px -20px; width: 18px; height: 16px; }
.font-TeamMeat-Bold-X { background-position: -111px -19px; width: 17px; height: 16px; }
.font-TeamMeat-Bold-G { background-position: -129px -19px; width: 16px; height: 16px; }
.font-TeamMeat-Bold-Y { background-position: -146px -19px; width: 16px; height: 16px; }
.font-TeamMeat-Bold-S { background-position: -163px -19px; width: 15px; height: 16px; }
.font-TeamMeat-Bold-P { background-position: -179px -18px; width: 15px; height: 16px; }
.font-TeamMeat-Bold-A { background-position: -195px -18px; width: 15px; height: 16px; }
.font-TeamMeat-Bold-B { background-position: -211px -18px; width: 15px; height: 16px; }
.font-TeamMeat-Bold-H { background-position: -227px -18px; width: 15px; height: 16px; }
.font-TeamMeat-Bold-1 { background-position: -243px -18px; width: 9px; height: 16px; }
.font-TeamMeat-Bold-F { background-position: 0 -39px; width: 13px; height: 16px; }
.font-TeamMeat-Bold-2 { background-position: -15px -38px; width: 13px; height: 16px; }
.font-TeamMeat-Bold-E { background-position: -29px -38px; width: 13px; height: 16px; }
.font-TeamMeat-Bold-9 { background-position: -43px -38px; width: 13px; height: 16px; }
.font-TeamMeat-Bold-Q { background-position: -57px -38px; width: 20px; height: 15px; }
.font-TeamMeat-Bold-W { background-position: -78px -38px; width: 20px; height: 15px; }
.font-TeamMeat-Bold-T { background-position: -99px -37px; width: 16px; height: 15px; }
.font-TeamMeat-Bold-R { background-position: -116px -36px; width: 16px; height: 15px; }
.font-TeamMeat-Bold-pound { background-position: -133px -36px; width: 16px; height: 15px; }
.font-TeamMeat-Bold-3 { background-position: -150px -36px; width: 15px; height: 15px; }
.font-TeamMeat-Bold-5 { background-position: -166px -36px; width: 15px; height: 15px; }
.font-TeamMeat-Bold-U { background-position: -182px -35px; width: 15px; height: 15px; }
.font-TeamMeat-Bold-D { background-position: -199px -35px; width: 13px; height: 15px; }
.font-TeamMeat-Bold- { background-position: -213px -35px; width: 14px; height: 15px; }
.font-TeamMeat-Bold-J { background-position: -228px -35px; width: 13px; height: 15px; }
.font-TeamMeat-Bold-4 { background-position: -242px -35px; width: 13px; height: 15px; }
.font-TeamMeat-Bold-6 { background-position: 0 -56px; width: 13px; height: 15px; }
.font-TeamMeat-Bold-pilcrow { background-position: -14px -56px; width: 13px; height: 15px; }
.font-TeamMeat-Bold-cent { background-position: -28px -55px; width: 12px; height: 15px; }
.font-TeamMeat-Bold-I { background-position: -41px -55px; width: 12px; height: 15px; }
.font-TeamMeat-Bold-Z { background-position: -54px -55px; width: 16px; height: 14px; }
.font-TeamMeat-Bold-7 { background-position: -71px -54px; width: 14px; height: 14px; }
.font-TeamMeat-Bold-C { background-position: -87px -54px; width: 13px; height: 14px; }
.font-TeamMeat-Bold-slash { background-position: -101px -53px; width: 11px; height: 14px; }
.font-TeamMeat-Bold-vbar { background-position: -113px -53px; width: 6px; height: 14px; }
.font-TeamMeat-Bold-pm { background-position: -120px -52px; width: 19px; height: 13px; }
.font-TeamMeat-Bold-hash { background-position: -140px -52px; width: 18px; height: 13px; }
.font-TeamMeat-Bold-and { background-position: -159px -52px; width: 15px; height: 13px; }
.font-TeamMeat-Bold-diesis { background-position: -175px -52px; width: 12px; height: 13px; }
.font-TeamMeat-Bold-bslash { background-position: -188px -51px; width: 9px; height: 13px; }
.font-TeamMeat-Bold-lthan { background-position: -198px -51px; width: 14px; height: 12px; }
.font-TeamMeat-Bold-euro { background-position: -213px -51px; width: 17px; height: 11px; }
.font-TeamMeat-Bold-copy { background-position: -231px -51px; width: 15px; height: 11px; }
.font-TeamMeat-Bold-scolon { background-position: -247px -51px; width: 11px; height: 11px; }
.font-TeamMeat-Bold-regtm { background-position: 0 -72px; width: 15px; height: 11px; }
.font-TeamMeat-Bold-gthan { background-position: -16px -72px; width: 14px; height: 11px; }
.font-TeamMeat-Bold-f { background-position: -31px -71px; width: 12px; height: 11px; }
.font-TeamMeat-Bold-g { background-position: -44px -71px; width: 13px; height: 10px; }
.font-TeamMeat-Bold-plus { background-position: -58px -70px; width: 13px; height: 10px; }
.font-TeamMeat-Bold-c { background-position: -72px -69px; width: 12px; height: 10px; }
.font-TeamMeat-Bold-d { background-position: -85px -69px; width: 12px; height: 10px; }
.font-TeamMeat-Bold-y { background-position: -98px -69px; width: 10px; height: 10px; }
.font-TeamMeat-Bold-w { background-position: -109px -68px; width: 15px; height: 9px; }
.font-TeamMeat-Bold-z { background-position: -125px -66px; width: 14px; height: 9px; }
.font-TeamMeat-Bold-curren { background-position: -140px -66px; width: 13px; height: 9px; }
.font-TeamMeat-Bold-v { background-position: -154px -66px; width: 13px; height: 9px; }
.font-TeamMeat-Bold-o { background-position: -168px -66px; width: 13px; height: 9px; }
.font-TeamMeat-Bold-e { background-position: -182px -66px; width: 12px; height: 9px; }
.font-TeamMeat-Bold-h { background-position: -195px -65px; width: 12px; height: 9px; }
.font-TeamMeat-Bold-u { background-position: -208px -64px; width: 12px; height: 9px; }
.font-TeamMeat-Bold-b { background-position: -221px -63px; width: 11px; height: 9px; }
.font-TeamMeat-Bold-a { background-position: -233px -63px; width: 11px; height: 9px; }
.font-TeamMeat-Bold-l { background-position: -245px -63px; width: 8px; height: 9px; }
.font-TeamMeat-Bold-j { background-position: 0 -84px; width: 11px; height: 9px; }
.font-TeamMeat-Bold-n { background-position: -12px -84px; width: 11px; height: 9px; }
.font-TeamMeat-Bold-x { background-position: -24px -84px; width: 11px; height: 9px; }
.font-TeamMeat-Bold-i { background-position: -36px -83px; width: 6px; height: 9px; }
.font-TeamMeat-Bold-m { background-position: -43px -83px; width: 13px; height: 8px; }
.font-TeamMeat-Bold-q { background-position: -57px -82px; width: 13px; height: 8px; }
.font-TeamMeat-Bold-t { background-position: -71px -81px; width: 13px; height: 8px; }
.font-TeamMeat-Bold-k { background-position: -85px -80px; width: 12px; height: 8px; }
.font-TeamMeat-Bold-r { background-position: -98px -80px; width: 12px; height: 8px; }
.font-TeamMeat-Bold-s { background-position: -111px -78px; width: 12px; height: 8px; }
.font-TeamMeat-Bold-p { background-position: -124px -78px; width: 11px; height: 8px; }
.font-TeamMeat-Bold-star { background-position: -136px -76px; width: 11px; height: 8px; }
.font-TeamMeat-Bold-colon { background-position: -148px -76px; width: 6px; height: 8px; }
.font-TeamMeat-Bold-equal { background-position: -155px -76px; width: 12px; height: 7px; }
.font-TeamMeat-Bold-degree { background-position: -168px -76px; width: 11px; height: 7px; }
.font-TeamMeat-Bold-apos { background-position: -180px -76px; width: 9px; height: 7px; }
.font-TeamMeat-Bold-oquote { background-position: -190px -76px; width: 16px; height: 6px; }
.font-TeamMeat-Bold-cquote { background-position: -207px -75px; width: 16px; height: 6px; }
/*.font-TeamMeat-Bold- { background-position: -224px -73px; width: 14px; height: 6px; }
.font-TeamMeat-Bold- { background-position: -239px -73px; width: 8px; height: 6px; }
.font-TeamMeat-Bold- { background-position: -248px -73px; width: 5px; height: 5px; }
.font-TeamMeat-Bold-‘ { background-position: 0 -94px; width: 8px; height: 6px; }
.font-TeamMeat-Bold-’ { background-position: -9px -94px; width: 8px; height: 6px; }*/
.font-TeamMeat-Bold-tilde { background-position: -18px -94px; width: 14px; height: 5px; }
.font-TeamMeat-Bold-point { background-position: -33px -94px; width: 8px; height: 5px; }
/*.font-TeamMeat-Bold-· { background-position: -42px -93px; width: 8px; height: 5px; }
.font-TeamMeat-Bold- { background-position: -51px -92px; width: 8px; height: 5px; }
.font-TeamMeat-Bold-… { background-position: -60px -91px; width: 21px; height: 4px; }
.font-TeamMeat-Bold-— { background-position: -82px -90px; width: 16px; height: 3px; }*/
.font-TeamMeat-Bold-- { background-position: -99px -89px; width: 12px; height: 3px; }
/*.font-TeamMeat-Bold- { background-position: -112px -87px; width: 7px; height: 3px; }
.font-TeamMeat-Bold- { background-position: -120px -87px; width: 6px; height: 3px; }
.font-TeamMeat-Bold-` { background-position: -127px -87px; width: 6px; height: 3px; }
.font-TeamMeat-Bold-^ { background-position: -134px -87px; width: 5px; height: 3px; }
.font-TeamMeat-Bold-¨ { background-position: -140px -87px; width: 7px; height: 2px; }*/
.font-TeamMeat-Bold-eacute { background-position: -29px -115px; width: 11px; height: 13px; }
.font-TeamMeat-Bold-egrave { background-position: -43px -115px; width: 11px; height: 13px; }
.font-TeamMeat-Bold-Eacute { background-position: -1px -105px; width: 14px; height: 23px; }
.font-TeamMeat-Bold-Egrave { background-position: -15px -105px; width: 13px; height: 23px; }
.font-TeamMeat-Bold-agrave { background-position: -71px -115px; width: 10px; height: 12px; }
.font-TeamMeat-Bold-Agrave { background-position: -57px -106px; width: 13px; height: 21px; }

.font-TeamMeat {
	background-image: url('https://bindingofisaacrebirth.gamepedia.com/media/a/ab/Font_TeamMeat.png');
	display: inline-block;
}
.font-TeamMeat-cparen { background-position: -62px 0; width: 9px; height: 20px; }
.font-TeamMeat-dol { background-position: -72px 0; width: 13px; height: 19px; }
.font-TeamMeat-oparen { background-position: -86px 0; width: 9px; height: 19px; }
.font-TeamMeat-qmark { background-position: -96px 0; width: 13px; height: 18px; }
.font-TeamMeat-ss { background-position: -110px 0; width: 12px; height: 18px; }
.font-TeamMeat-obrace { background-position: -123px 0; width: 12px; height: 18px; }
.font-TeamMeat-cbrkt { background-position: -136px 0; width: 10px; height: 18px; }
.font-TeamMeat-cbrace { background-position: -147px 0; width: 10px; height: 18px; }
.font-TeamMeat-emark { background-position: -158px 0; width: 7px; height: 18px; }
.font-TeamMeat-K { background-position: -166px 0; width: 15px; height: 17px; }
.font-TeamMeat-L { background-position: -182px 0; width: 14px; height: 17px; }
.font-TeamMeat-8 { background-position: -197px 0; width: 13px; height: 17px; }
.font-TeamMeat-V { background-position: -211px 0; width: 13px; height: 17px; }
.font-TeamMeat-0 { background-position: -225px 0; width: 11px; height: 17px; }
.font-TeamMeat-obrkt { background-position: -237px 0; width: 9px; height: 17px; }
.font-TeamMeat-percent { background-position: -247px 0; width: 21px; height: 16px; }
.font-TeamMeat-M { background-position: -269px 0; width: 18px; height: 16px; }
.font-TeamMeat-at { background-position: -288px 0; width: 17px; height: 16px; }
.font-TeamMeat-O { background-position: -306px 0; width: 17px; height: 16px; }
.font-TeamMeat-N { background-position: -324px 0; width: 17px; height: 16px; }
.font-TeamMeat-X { background-position: -342px 0; width: 16px; height: 16px; }
.font-TeamMeat-Y { background-position: -359px 0; width: 15px; height: 16px; }
.font-TeamMeat-G { background-position: -375px 0; width: 15px; height: 16px; }
.font-TeamMeat-A { background-position: -391px 0; width: 14px; height: 16px; }
.font-TeamMeat-P { background-position: -406px 0; width: 14px; height: 16px; }
.font-TeamMeat-B { background-position: -421px 0; width: 14px; height: 16px; }
.font-TeamMeat-H { background-position: -436px 0; width: 14px; height: 16px; }
.font-TeamMeat-S { background-position: -451px 0; width: 14px; height: 16px; }
.font-TeamMeat-F { background-position: -466px 0; width: 13px; height: 16px; }
.font-TeamMeat-2 { background-position: -480px 0; width: 12px; height: 16px; }
.font-TeamMeat-9 { background-position: -493px 0; width: 12px; height: 16px; }
.font-TeamMeat-vbar { background-position: -506px 0; width: 5px; height: 14px; }
.font-TeamMeat-E { background-position: 0 -21px; width: 12px; height: 16px; }
.font-TeamMeat-1 { background-position: -13px -21px; width: 8px; height: 16px; }
.font-TeamMeat-Q { background-position: -22px -21px; width: 19px; height: 15px; }
.font-TeamMeat-W { background-position: -42px -21px; width: 19px; height: 15px; }
.font-TeamMeat-R { background-position: -62px -21px; width: 15px; height: 15px; }
.font-TeamMeat-T { background-position: -78px -20px; width: 15px; height: 15px; }
.font-TeamMeat-pound { background-position: -94px -20px; width: 15px; height: 15px; }
.font-TeamMeat-U { background-position: -110px -19px; width: 14px; height: 15px; }
.font-TeamMeat-5 { background-position: -125px -19px; width: 13px; height: 15px; }
.font-TeamMeat-6 { background-position: -139px -19px; width: 13px; height: 15px; }
.font-TeamMeat-D { background-position: -153px -19px; width: 13px; height: 15px; }
.font-TeamMeat-3 { background-position: -167px -18px; width: 13px; height: 15px; }
.font-TeamMeat-pilcrow { background-position: -181px -18px; width: 12px; height: 15px; }
.font-TeamMeat-J { background-position: -194px -18px; width: 12px; height: 15px; }
.font-TeamMeat-I { background-position: -207px -18px; width: 11px; height: 15px; }
.font-TeamMeat-4 { background-position: -219px -18px; width: 11px; height: 15px; }
.font-TeamMeat-cent { background-position: -231px -18px; width: 11px; height: 15px; }
.font-TeamMeat-Z { background-position: -243px -18px; width: 15px; height: 14px; }
.font-TeamMeat-7 { background-position: -259px -17px; width: 13px; height: 14px; }
.font-TeamMeat-C { background-position: -273px -17px; width: 12px; height: 14px; }
.font-TeamMeat-slash { background-position: -286px -17px; width: 10px; height: 14px; }
.font-TeamMeat-pm { background-position: -297px -17px; width: 18px; height: 13px; }
.font-TeamMeat-hash { background-position: -316px -17px; width: 17px; height: 13px; }
.font-TeamMeat-and { background-position: -334px -17px; width: 14px; height: 13px; }
.font-TeamMeat-bslash { background-position: -349px -17px; width: 8px; height: 13px; }
.font-TeamMeat-lthan { background-position: -358px -17px; width: 13px; height: 12px; }
.font-TeamMeat-copy { background-position: -372px -17px; width: 14px; height: 11px; }
.font-TeamMeat-regtm { background-position: -387px -17px; width: 14px; height: 11px; }
.font-TeamMeat-gthan { background-position: -402px -17px; width: 13px; height: 11px; }
.font-TeamMeat-f { background-position: -416px -17px; width: 11px; height: 11px; }
.font-TeamMeat-scolon { background-position: -428px -17px; width: 7px; height: 11px; }
.font-TeamMeat-g { background-position: -436px -17px; width: 12px; height: 10px; }
.font-TeamMeat-plus { background-position: -449px -17px; width: 12px; height: 10px; }
.font-TeamMeat-c { background-position: -462px -17px; width: 11px; height: 10px; }
.font-TeamMeat-d { background-position: -474px -17px; width: 11px; height: 10px; }
.font-TeamMeat-y { background-position: -486px -17px; width: 9px; height: 10px; }
.font-TeamMeat-w { background-position: -496px -17px; width: 14px; height: 9px; }
.font-TeamMeat-z { background-position: 0 -38px; width: 13px; height: 9px; }
.font-TeamMeat-o { background-position: -14px -38px; width: 12px; height: 9px; }
.font-TeamMeat-v { background-position: -27px -37px; width: 12px; height: 9px; }
.font-TeamMeat-curren { background-position: -40px -37px; width: 12px; height: 9px; }
.font-TeamMeat-e { background-position: -53px -37px; width: 11px; height: 9px; }
.font-TeamMeat-h { background-position: -65px -37px; width: 11px; height: 9px; }
.font-TeamMeat-u { background-position: -77px -37px; width: 11px; height: 9px; }
.font-TeamMeat-j { background-position: -89px -36px; width: 10px; height: 9px; }
.font-TeamMeat-x { background-position: -100px -36px; width: 10px; height: 9px; }
.font-TeamMeat-a { background-position: -111px -35px; width: 10px; height: 9px; }
.font-TeamMeat-b { background-position: -122px -35px; width: 10px; height: 9px; }
.font-TeamMeat-n { background-position: -133px -35px; width: 10px; height: 9px; }
.font-TeamMeat-l { background-position: -144px -35px; width: 7px; height: 9px; }
.font-TeamMeat-i { background-position: -152px -35px; width: 5px; height: 9px; }
.font-TeamMeat-m { background-position: -158px -35px; width: 12px; height: 8px; }
.font-TeamMeat-q { background-position: -171px -34px; width: 12px; height: 8px; }
.font-TeamMeat-t { background-position: -184px -34px; width: 12px; height: 8px; }
.font-TeamMeat-k { background-position: -197px -34px; width: 11px; height: 8px; }
.font-TeamMeat-s { background-position: -209px -34px; width: 11px; height: 8px; }
.font-TeamMeat-r { background-position: -221px -34px; width: 11px; height: 8px; }
.font-TeamMeat-p { background-position: -233px -34px; width: 10px; height: 8px; }
.font-TeamMeat-star { background-position: -244px -33px; width: 10px; height: 8px; }
.font-TeamMeat-colon { background-position: -255px -33px; width: 5px; height: 8px; }
.font-TeamMeat-equal { background-position: -261px -32px; width: 11px; height: 7px; }
.font-TeamMeat-degree { background-position: -273px -32px; width: 10px; height: 7px; }
.font-TeamMeat-apos { background-position: -284px -32px; width: 8px; height: 7px; }
.font-TeamMeat-oquote, .font-TeamMeat-cquote { background-position: -293px -32px; width: 7px; height: 17px; }
.font-TeamMeat-tilde { background-position: -301px -31px; width: 13px; height: 5px; }
.font-TeamMeat-point { background-position: -315px -31px; width: 7px; height: 5px; }
/*.font-TeamMeat-· { background-position: -323px -31px; width: 7px; height: 5px; }
.font-TeamMeat-' { background-position: -331px -31px; width: 4px; height: 5px; }
.font-TeamMeat-_ { background-position: -336px -31px; width: 14px; height: 3px; }*/
.font-TeamMeat-- { background-position: -351px -31px; width: 12px; height: 3px; }
/*.font-TeamMeat- { background-position: -364px -30px; width: 6px; height: 3px; }
.font-TeamMeat-` { background-position: -371px -30px; width: 5px; height: 3px; }
.font-TeamMeat- { background-position: -377px -29px; width: 5px; height: 3px; }
.font-TeamMeat-^ { background-position: -383px -29px; width: 4px; height: 3px; }
.font-TeamMeat-? { background-position: -388px -29px; width: 6px; height: 2px; }*/
.font-TeamMeat-eacute { background-position: -462px -51px; width: 11px; height: 13px; }
.font-TeamMeat-egrave { background-position: -453px -50px; width: 11px; height: 13px; }
.font-TeamMeat-Eacute { background-position: -438px -41px; width: 11px; height: 22px; }
.font-TeamMeat-Egrave { background-position: -450px -41px; width: 11px; height: 22px; }
.font-TeamMeat-agrave { background-position: -502px -51px; width: 9px; height: 12px; }
.font-TeamMeat-Agrave { background-position: -487px -41px; width: 13px; height: 22px; }

.font-ID {
	background-image: url('https://bindingofisaacrebirth.gamepedia.com/media/1/1c/Font_ID.png');
	display: inline-block;
}
.font-ID-0 { background-position: 0 0; width: 21px; height: 27px; }
.font-ID-1 { background-position: -21px 0; width: 15px; height: 27px; }
.font-ID-2 { background-position: -36px 0; width: 21px; height: 27px; }
.font-ID-3 { background-position: -57px 0; width: 21px; height: 27px; }
.font-ID-4 { background-position: -78px 0; width: 21px; height: 27px; }
.font-ID-5 { background-position: -99px 0; width: 21px; height: 27px; }
.font-ID-6 { background-position: -120px 0; width: 21px; height: 27px; }
.font-ID-7 { background-position: -141px 0; width: 21px; height: 27px; }
.font-ID-8 { background-position: -162px 0; width: 21px; height: 27px; }
.font-ID-9 { background-position: -183px 0; width: 21px; height: 27px; }
.font-ID-N { background-position: -204px 0; width: 38px; height: 18px; }

/********************
/* Project: Infobox *
/********************/

/* Room layout */
.roomBackdrop {
	margin: 0;
	border: 0;
	padding: 0;
	position: relative;
	display: flex;
	flex-wrap: wrap;
}

.roomBackdrop-basement { background-image: url("https://bindingofisaacrebirth.gamepedia.com/media/5/5d/Backdrop_The_Basement.png"); }
/*.roomBackdrop-cellar { background: url(""); }
.roomBackdrop-burningbasement { background: url(""); }
.roomBackdrop-caves { background: url(""); }
.roomBackdrop-catacombs { background: url(""); }
.roomBackdrop-floodedcaves { background: url(""); }
.roomBackdrop-depths { background: url(""); }
.roomBackdrop-necropolis { background: url(""); }
.roomBackdrop-dankdepths { background: url(""); }
.roomBackdrop-womb { background: url(""); }
.roomBackdrop-utero { background: url(""); }
.roomBackdrop-scarredwomb { background: url(""); }
.roomBackdrop-bluewomb { background: url(""); }
.roomBackdrop-sheol { background: url(""); }
.roomBackdrop-cathedral { background: url(""); }
.roomBackdrop-darkroom { background: url(""); }
.roomBackdrop-chest { background: url(""); }*/

.roomBackdrop-corner { width: 52px; height: 52px; }
.roomBackdrop-corner-ext-top-left { background-position: -208px -208px; }
.roomBackdrop-corner-ext-top-right { background-position: -260px -208px; }
.roomBackdrop-corner-ext-bottom-left { background-position: -208px -260px; }
.roomBackdrop-corner-ext-bottom-right { background-position: -260px -260px; }
.roomBackdrop-corner-int-top-left { background-position: -312px -208px; }
.roomBackdrop-corner-int-top-right { background-position: -364px -208px; }
.roomBackdrop-corner-int-bottom-left { background-position: -312px -260px; }
.roomBackdrop-corner-int-bottom-right { background-position: -364px -260px; }

.roomBackdrop-wall-horiz-top-left { background-position-y: 0; height: 52px; }
.roomBackdrop-wall-horiz-top-right { background-position-y: -52px; height: 52px; }
.roomBackdrop-wall-horiz-bottom-left { background-position-y: -104px; height: 52px; }
.roomBackdrop-wall-horiz-bottom-right { background-position-y: -156px; height: 52px; }
.roomBackdrop-wall-horiz-left-a { background-position-x: -364px; width: 182px; }
.roomBackdrop-wall-horiz-left-b { background-position-x: -364px; width: 156px; }
.roomBackdrop-wall-horiz-left-c { background-position-x: -494px; width: 52px; }
.roomBackdrop-wall-horiz-left-d { background-position-x: -520px; width: 26px; }
.roomBackdrop-wall-horiz-left-e { background-position-x: -468px; width: 78px; }
.roomBackdrop-wall-horiz-left-f { background-position-x: -468px; width: 52px; }
.roomBackdrop-wall-horiz-right-a { background-position-x: -364px; width: 182px; }
.roomBackdrop-wall-horiz-right-b { background-position-x: -390px; width: 156px; }
.roomBackdrop-wall-horiz-right-c { background-position-x: -364px; width: 52px; }
.roomBackdrop-wall-horiz-right-d { background-position-x: -364px; width: 26px; }
.roomBackdrop-wall-horiz-right-e { background-position-x: -364px; width: 78px; }
.roomBackdrop-wall-horiz-right-f { background-position-x: -390px; width: 52px; }
.roomBackdrop-wall-vert-left-top { background-position-x: 0; width: 52px; }
.roomBackdrop-wall-vert-left-bottom { background-position-x: -52px; width: 52px; }
.roomBackdrop-wall-vert-right-top { background-position-x: -104px; width: 52px; }
.roomBackdrop-wall-vert-right-bottom { background-position-x: -156px; width: 52px; }
.roomBackdrop-wall-vert-top-a { background-position-y: -208px; height: 104px; }
.roomBackdrop-wall-vert-top-b { background-position-y: -208px; height: 78px; }
.roomBackdrop-wall-vert-top-c { background-position-y: -260px; height: 52px; }
.roomBackdrop-wall-vert-top-d { background-position-y: -260px; height: 26px; }
.roomBackdrop-wall-vert-bottom-a { background-position-y: -208px; height: 104px; }
.roomBackdrop-wall-vert-bottom-b { background-position-y: -234px; height: 78px; }
.roomBackdrop-wall-vert-bottom-c { background-position-y: -208px; height: 52px; }
.roomBackdrop-wall-vert-bottom-d { background-position-y: -234px; height: 26px; }

.roomBackdrop-floor {
	width: 338px;
	height: 182px;
	margin: 0;
	border: 0;
	padding: 0;
}

.roomBackdrop-door {
	width: 52px;
	height: 52px;
}

.roomBackdrop-door, .roomBackdrop-tile {
	position: absolute;
	margin: 0;
	border: 0;
	padding: 0;
}

/* Nav */
.nav-master {
	width: 850px;
	height: 400px;
	margin: 1em auto 1em auto;
	color: #FFFFFF;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	vertical-align: bottom;
	padding: 30px 30px 30px;
	background: url("https://bindingofisaacrebirth.gamepedia.com/media/d/dc/MasterNav.png") no-repeat scroll center border-box;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	image-rendering: pixelated;
}

.nav-master-select {
	width: 775px;
	height: 150px;
	margin: auto auto 1em auto;
	color: #FFFFFF;
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	padding: 30px 30px 50px;
	background: url("https://bindingofisaacrebirth.gamepedia.com/media/6/61/MasterNavSelect.png") no-repeat scroll center border-box;
	background-size: contain;
	-webkit-background-size: contain;
	-moz-background-size: contain;
	image-rendering: pixelated;
}
.nav-master-select th {
	width: 20%;
}

.nav-master-button {
	cursor: pointer;
	width: 30px;
	position: absolute;
	right: 0px;
}

/*********************
/* Front page styles *
/*********************/
.fpbox {
  border-radius: 5px;
  border: 2px solid #505050;
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0) inset;
  background: transparent;
  color: inherit;
  margin: 5px;
  padding: 5px;
}

.fpbox .welcome {
  border-bottom: 1px solid #505050;
  background: transparent;
  /* color: #e0e0e0; */
  font-size: 150%;
  text-transform: uppercase;
  text-align: center;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .heading {
  border-bottom: 1px solid #505050;
  background: transparent;
  /* color: #e0e0e0; */
  font-size: 132%;
  font-variant: small-caps;
  margin: 0 0 10px 0;
  padding: 0 0 5px 0;
}

.fpbox .heading .smalllink {
  color: #3674b3;
  font-weight: bold;
  font-size: 75%;
}

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

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

.fplinks {
  margin: -2px -3px;
}

.fplinks .linkslabel {
  border-bottom: 2px solid #505050;
  margin: 6px 3px 0 3px;
}

.fplink {
  display: inline-block;
  vertical-align: middle;
  width: 100%;
}

/* Yeah, using display: table makes for a lot of extra markup, but it makes proportionate sizing and vertical centering a lot easier, so going with it */
.fplink .box {
  display: table;
  width: 100%;
  border-spacing: 2px 3px;
  border-collapse: separate;
}

.fplink .box .row {
  display: table-row;
}

.fplink .box .row .cell {
  background: rgba(0, 0, 0, 0) none repeat scroll 0 0;
  border: 2px solid #505050;
  border-radius: 2px;
  box-shadow: 0 0 0 2px #505050 inset;
  /* color: #e0e0e0; */
  display: table-cell;
  font-weight: bold;
  position: relative;
  text-align: center;
  text-transform: uppercase;
  vertical-align: middle;
}

.fplink.wide .box .row .cell {
  padding: 0 5px;
}

.fplink.image {
  width: 78px;
  height: 78px;
}

.fplink.image .box .row .cell {
  width: 70px;
  height: 70px;
  vertical-align: bottom;
}

.fplink.image .box .row .cell .image img {
  width: 70px;
  height: 70px;
}

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

  .fplink.wide {
    width: 100%;
  }
}

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

  .fplink.wide {
    width: 66.666%;
  }
}

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

  .fplink.wide {
    width: 50%;
  }

  .fplink.image {
    width: 108px;
    height: 108px;
  }

  .fplink.image .box .row .cell {
    width: 100px;
    height: 100px;
  }

  .fplink.image .box .row .cell .image img {
    width: 100px;
    height: 100px;
  }
}

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

  .fplink.wide {
    width: 40%;
  }
}

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

  .fplink.wide {
    width: 33.333%;
  }
}

@media (min-width: 718px) {
  .fplink {
    width: 14.285%;
  }

  .fplink.wide {
    width: 28.571%;
  }
}

@media (min-width: 824px) {
  .fplink {
    width: 12.5%;
  }

  .fplink.wide {
    width: 25%;
  }
}

@media (min-width: 930px) {
  .fplink {
    width: 11.111%;
  }

  .fplink.wide {
    width: 22.222%;
  }
}

@media (min-width: 1036px) {
  .fplink {
    width: 10%;
  }

  .fplink.wide {
    width: 20%;
  }

  .fplink.image {
    width: 128px;
    height: 128px;
  }

  .fplink.image .box .row .cell {
    width: 120px;
    height: 120px;
  }

  .fplink.image .box .row .cell .image img {
    width: 120px;
    height: 120px;
  }
}

.fplink.image .image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  font-size: 75%;
  z-index: 1;
}

.fplink.image a {
  z-index: 2;
}

.fplink a {
  display: block;
  position: relative;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  padding: 3px 5px;
}

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

.fplink.image .link a {
  border-top: 2px solid #505050;
  background: #ddddb7 !important;
}

.fplink.wide a {
  margin: 0 -5px;
}

.fplink.image a {
  top: auto;
}

.fpvideos {
  margin: 0 auto;
  overflow: hidden;
  text-align: center;
  max-width: 480px;
}

.fpvideo {
  position: relative;
  padding-top: 25px;
  padding-bottom: 56.25%;
  height: 0;
}

.fpvideo iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}