MediaWiki:Mobile.css

/* CSS placed here will affect users of the mobile site */

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

.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 */ background: rgba(0, 0, 0, 0.85); }
 * 1) mw-mf-header form,
 * 2) mw-mf-sq {

.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; }

.editor-overlay .overlay-content { background: url("https://static.wikia.nocookie.net/bindingofisaacre_gamepedia/images/2/27/M_Content_corner_top_left.png/revision/latest") no-repeat scroll left top border-box, url("https://static.wikia.nocookie.net/bindingofisaacre_gamepedia/images/d/dd/M_Content_corner_top_right.png/revision/latest") no-repeat scroll right top border-box, url("https://static.wikia.nocookie.net/bindingofisaacre_gamepedia/images/9/99/M_Content_corner_bottom_left.png/revision/latest") no-repeat scroll left bottom border-box, url("https://static.wikia.nocookie.net/bindingofisaacre_gamepedia/images/2/2b/M_Content_corner_bottom_right.png/revision/latest") no-repeat scroll right bottom border-box, url("https://static.wikia.nocookie.net/bindingofisaacre_gamepedia/images/2/22/M_Content_top.png/revision/latest") repeat-x scroll right top border-box, url("https://static.wikia.nocookie.net/bindingofisaacre_gamepedia/images/b/b4/M_Content_left.png/revision/latest") repeat-y scroll left top border-box, url("https://static.wikia.nocookie.net/bindingofisaacre_gamepedia/images/2/2d/M_Content_right.png/revision/latest") repeat-y scroll right top border-box, url("https://static.wikia.nocookie.net/bindingofisaacre_gamepedia/images/0/03/M_Content_bottom.png/revision/latest") repeat-x scroll left bottom border-box, url("https://static.wikia.nocookie.net/bindingofisaacre_gamepedia/images/3/3a/Bg.png/revision/latest") 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; }
 * 1) content,

.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 */ footer { border-top:none; background: #1b1b1c ; color: rgb(240,240,240); } footer div.license a, #footer-info-desktop-toggle a, ul.footer-places a { color:#5A93CC !important; } footer div.license a:visited, #footer-info-desktop-toggle a:visited, ul.footer-places a:visited { color:#800074 !important; } .content table th { background-color: rgba(0, 0, 0, 0); } footer a, footer a.external { color:rgba(0 0 128); } footer a:visited { color:rgba(128 0 128); } /* End Footer */

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, background: transparent; border: 1px solid #ffffff; }
 * 1) content_wrapper .thumb {

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, background: transparent; border: 2px solid #394147; border-radius: 5px 5px 5px 5px; }
 * 1) searchbox {

.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 */ overlay language-overlay view-border-box visible .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://static.wikia.nocookie.net/bindingofisaacre_gamepedia/images/1/19/TableDlc.png/revision/latest") 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 > tr > th, div.collection > table > * > tr, div.collection > table > * > tr > th { background-color: transparent !important; } div.collection > table > tr > td, div.collection > table > * > tr > 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: #cccccc; } td.collection-select { background-color: #888888; }

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

/************ /* Tooltips * /************/ .tooltip-block { display: none !important; position: fixed !important; top: 0; left: 10%; max-width: none; margin: 0 !important; padding: 5px; z-index: 1; width: 80% !important; background: #000000; border-radius: 0 0 25px 25px; } .tooltip:hover > .tooltip-block { display: block !important; } .tooltip-block th, .tooltip-block td { color: #e0e0e0 !important; }

/* Infobox styles */ .infobox { position:relative; float: right; width: 23em; margin-left: 1em; margin-right: 1em; margin-bottom: 0.5em; border:2px solid #999; background-color:rgba(0,0,0,0.2); }

div#content table.infobox-table { width: 100%; padding: 0; background-color:transparent; border: 0; }

.infobox-header { padding:0.5em; font-size: 150%; letter-spacing:0.05em; text-align: center; background-color:#482f29; box-shadow:4px -4px 5px rgba(0,0,0,0.2),inset 0 0 10px rgba(0,0,0,0.5); border:2px solid #999; text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; color: #fff; font-family: sans-serif; }

.infobox-section { text-align: center; background-color:#482f29; box-shadow:4px -4px 5px rgba(0,0,0,0.2),inset 0 0 10px rgba(0,0,0,0.5); border:2px solid #999; text-shadow: -1px -1px 0 #000,1px -1px 0 #000,-1px 1px 0 #000,1px 1px 0 #000; color: #fff; font-family: sans-serif; text-shadow: 1px 1px 1px rgba(0,0,0,0.3),-1px 1px 1px rgba(0,0,0,0.3),1px -1px 1px rgba(0,0,0,0.3),-1px -1px 1px rgba(0,0,0,0.3); }

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

.infobox-row { vertical-align: top; }

.infobox-row-name { text-align: left; white-space: nowrap; }

.infobox-spacer { height: 0.5em; } /* End infobox styles */

/* Front page layout tweaks for responsiveness */ text-align:center; display:flex; flex-wrap:wrap; justify-content:center; }
 * 1) mf-home {

.fpbox { flex-direction:column; margin:0; min-width:100%; }

.fpbox .heading { background: #142e59; border: 1px solid #000000; font-size: 20px; color: #ffffff; font-weight: bold; margin-bottom:5px; }

@media only screen and (min-width:990px){ .fpbox.left { min-width:calc(33.33% - 10px); max-width:calc(33.33% - 10px); flex:0 1 auto; margin-left:-5px; }

.fpbox.right { min-width:calc(66.66% - 10px); flex:1.5; margin-right:-5px; } }

.fplink { margin:3px auto; }

.fplink.wide { width:50%; }

div.fplink.plainlinks div.box { background:none; border:1px solid rgba(0,0,0,0.3); border-radius:0; }

/* end front page tweaks */

/* Page history */ table.diff { background-color: transparent; } .skin-hydradark .diff-otitle, .skin-hydradark .diff-ntitle { background-color: rgba(0, 0, 0, 0.4); border: 1px solid #000000; }

.skin-hydradark #pagehistory li { background-color: transparent; border: medium none; padding: 3px; }

.skin-hydradark #pagehistory li.selected { background-color: #261713; background-image: none; border: 1px dashed #384a62; padding: 3px; }

td.diff-context { background: none repeat scroll 0 0 transparent; color: #c0c0c0; }

td.diff-deletedline { background-color: #420303; border-color: #420303; color: #ffffff; }

td.diff-addedline { background-color: #142E59; border-color: #142E59; color: #ffffff; }

.mw-plusminus-pos { color: #00cc00; } .mw-plusminus-neg { color: #fa0000; }

td.diff-addedline .diffchange { background: none; color: #bfd959; }

td.diff-deletedline .diffchange { background: none; color: #e62444; }

td.diff-addedline, td.diff-deletedline { border-color: transparent; }