MediaWiki:Common.css

/* CSS for the Minecraft-style skin is in MediaWiki:Hydra.css */

/* Try to keep font style and width consistent across platforms */ body { font-family: "Liberation Sans", Arial, Helvetica, FreeSans, sans-serif; }

/* Replace logo with HiDPI version on HiDPI screens */ @media (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 1.5dppx) { #p-logo a { background-image: url(http://minecraft.gamepedia.com/thumb.php?f=Wiki_HiDPI.png&width=240); background-size: 160px auto; }	#p-logo img { display: none; } } @media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { #p-logo a { background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/8/81/Wiki_HiDPI.png); } }

/** Main page stylings **/ .edition-boxes > div { display: -webkit-flex; display: -ms-flexbox; display: flex; -webkit-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; }

.edition-box { display: inline-block; box-sizing: -webkit-border-box; box-sizing: -moz-border-box; box-sizing: border-box; vertical-align: top; padding: 0 0.5em; width: 49%; -webkit-flex: 50%; -ms-flex: 50%; flex: 50%; } .edition-box > p { display: block; font-weight: bold; border-bottom: inherit; margin: 0 -0.5em; } .edition-box table th, .edition-box table tr { padding: 0; }

/* Old Firefox supports flexbox, but not flex-wrap Webkit line is just in-case webkit adds support for @supports before they unprefix flexbox */ @supports not (flex-wrap: wrap) and not (-webkit-flex-wrap: wrap) { .edition-boxes > div { display: block; } }

/** Template stylings **/ /* Template:Grid: */ .grid { position: relative; display: inline-block; font-size: 16px; text-align: center !important; background-color: #8B8B8B; border: 2px solid #373737; border-right-color: #FFF; border-bottom-color: #FFF; width: 2em; height: 2em; vertical-align: bottom; } .grid.output { font-size: 24px; }

.grid:before, .grid:after { content: ""; position: absolute; background-color: #8B8B8B; height: 2px; width: 2px; pointer-events: none; } .grid:before { bottom: -2px; left: -2px; } .grid:after { top: -2px; right: -2px; }

.grid img { padding: 2px; } .grid > .item, .grid > .default-item { position: absolute; margin: -18px 0 0 -18px; top: 1em; left: 1em; } .grid > .item > a.new { background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/3/35/Grid_Unknown.png) no-repeat 2px; display: block; width: 32px; height: 32px; padding: 2px; text-indent: -9999px; overflow: hidden; } .grid > .item > .number { position: absolute; right: 0; bottom: 0; font-family: Minecraft; font-size: 16px; font-weight: normal; line-height: 16px; color: #FFF; pointer-events: none; text-shadow: 2px 2px 0 #3F3F3F; filter: dropshadow(color=#3F3F3F, offx=2, offy=2); z-index: 6; } .grid > .item > .number > a { color: #FFF; text-decoration: none; } .grid > .item > .number > .selflink { font-weight: normal; } .grid > .item > a.new + .number { display: none; }

/* Plain grid with no border or background */ .grid.plain { background-color: transparent; border: 0; } .grid.plain:before, .grid.plain:after { content: none; }

/* Generic grid layout styling */ .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; border: 0; padding: 0; background-color: transparent; } .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: 4px; }

/* Template:Infobox, Template:Infobox row */ .notaninfobox { clear: right; margin: 0 0 1em 1em; width: 300px; font-size: 90%; background: #FFF; float: right; border: 1px solid #CCC; padding: 2px; overflow: auto; }

.notaninfobox > .infobox-title { font-weight: bold; text-align: center; font-size: 120%; padding-left: 40px; } .infobox-title > .editsection { font-weight: normal; text-align: right; font-size: 93.3%; margin: 0; min-width: 35px; }

.infobox-imagearea { text-align: center; padding: 4px; } .infobox-imagearea > div:not(:first-child) { padding-top: 1em; }

.infobox-rows { width: 100%; } .infobox-rows > tbody > tr > th { text-align: left; white-space: nowrap; } .infobox-rows p { margin: 0; } .infobox-rows audio { width: 184px; } /* Merge adjacent dls in the infobox (since they're usually supposed to be one, but the wiki screws up sometimes) */ .infobox-rows dl + dl { margin-top: -0.4em; } .infobox-rows dl:last-child { margin-bottom: 0.2em; }

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

/* 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 th { background-color: #EEE; padding: 0 10px; white-space: nowrap; text-align: right; }

.navbox td { width: 100%; padding: 0 0 0 2px; }

/* 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; vertical-align: text-top; height: 16px; width: 16px; background-repeat: no-repeat; } .sprite + .sprite-text { padding-left: 0.312em; }

/* Template:CommentSprite */ .comment-sprite { background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/9/9c/CommentCSS.png); }

/* Template:BlockSprite */ .block-sprite { background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/d/df/BlockCSS.png); }

/* Template:EntitySprite */ .entity-sprite { background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/4/40/EntityCSS.png); }

/* Template:ItemSprite */ .item-sprite { background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/f/f5/ItemCSS.png); }

/* Template:Schematic */ .schematic-sprite { background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/c/c2/SchematicSprite.png); background-size: 32em auto; width: 1em; height: 1em; }

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

/* Template:Schematic */ .thumb .schematic { margin: auto; } table.schematic { border-collapse: collapse; font-size: 32px; } span.schematic { display: inline-block; font-size: 32px; }

table.schematic td { vertical-align: top; } table.schematic td, span.schematic { background-color: #FFF; border: 1px solid #CCC; padding: 0; width: 1em; height: 1em; overflow: hidden; } table.schematic td > div, span.schematic { position: relative; } table.schematic td > div > span, span.schematic > span { position: absolute; left: 0; }

.schematic .text { line-height: 1.5em; font-size: 75%; width: 100%; color: black; font-weight: bold; text-align: center; text-shadow: 0 0 2px #FFF; }

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

/* Remove the header from the main page */ body.page-Minecraft_Wiki.action-view h1.firstHeading, body.page-Minecraft_Wiki.action-view #contentSub { display: none; }

/* Fix floating bodyContent getting caught on something, and displaying too low */ display: inline-block; width: 100%; }
 * 1) bodyWrapper {

/* Remove sidead from main page editcopy since it  breaks the page and isn't on the real main page */ body.page-Minecraft_Wiki_editcopy .atfmrec { display: none; }

/* Collapsible Tables (MediaWiki:Common.js) */ table.collapsed tr.collapsible { display: none; } .collapsible-button { float: right; font-weight: normal; margin-left: 0.8em; }

.collapsible.collapse-button-left > tr > th .collapsible-button, .collapsible.collapse-button-left > * > tr > th .collapsible-button { float: left; margin-right: 0.8em; margin-left: 0; }

.collapsible.collapse-button-none > tr > th .collapsible-button, .collapsible.collapse-button-none > * > tr > th .collapsible-button { float: none; }

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

/* The blue header used throughout the wiki */ .mcwiki-header { background: #729FCF; border: 1px solid #CCC; border-bottom: 4px groove #999; border-right: 4px groove #999; padding: 5px; }

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

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

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

/* Style the sitenotice */ .page-MediaWiki_Sitenotice .mw-content-ltr > div { background-color: #FFF; border: 1px solid #D3D3D3; margin-bottom: 12px; text-align: center; }
 * 1) siteNotice #localNotice,

/* Minecraft font */ @font-face { font-family: Minecraft; src: url("http://hydra-media.cursecdn.com/hydra/fonts/minecraft.eot?#iefix"), url("http://hydra-media.cursecdn.com/hydra/fonts/minecraft.woff") format('woff'), url("http://hydra-media.cursecdn.com/hydra/fonts/minecraft.ttf") format('truetype'); }

/* Pre-style sidebar portlets before JS loads, so sidebar is less jumpy (reset in MediaWiki:Noscript.css when JS is off) */ div#mw-panel div.portal { margin: -11px 9px 10px 11px; padding: 0.25em 0; background-image: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/b/bf/Panel-divider.png); background-position: left top; background-repeat: no-repeat; } div#mw-panel div.portal div.body { background-image: none; padding: 0; margin: 0 0 0 1.25em; } div#mw-panel div.portal h5 { padding: 4px 0 3px 1.5em; margin-bottom: 0; } div#mw-panel div.portal div.body ul li { padding: 0.25em 0; }

background-image: none; margin-top: 0; }	display: none; }	margin-left: 0.5em; }
 * 1) mw-panel #p-Minecraft_Wiki {
 * 1) p-Minecraft_Wiki h5 {
 * 1) mw-panel #p-Minecraft_Wiki div.body {

display: none; }
 * 1) p-Useful_pages div.body,
 * 2) p-tb div.body {

/* 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; }

/* Improve ASIRRA styling */ display: none; }	margin-bottom: 10px; }
 * 1) asirra_InstructionsTextId {
 * 1) AsirraDiv {

/* 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; }

/* 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 */ list-style-type: none; margin-left: 10px; }
 * 1) mw-subcategories ul {

/* Use vector style arrows for enhanced rc instead of those ones from like 2003 */ .mw-enhancedchanges-arrow.mw-collapsible-toggle-expanded { background-image: url(/extensions/Vector/modules/images/open.svg); } .mw-enhancedchanges-arrow.mw-collapsible-toggle-collapsed { background-image: url(/extensions/Vector/modules/images/closed-ltr.svg); }

/* Horizontal list */ .hlist ul { display: inline; margin: 0; } .hlist li { display: inline-block; margin: 0; white-space: nowrap; } .hlist li:not(:last-child) { padding-right: 0.313em; } .hlist li:not(:last-child):after { content: ""; display: inline-block; position: relative; left: 0.313em; bottom: 0.234em; background-color: #000; height: 3px; width: 3px; } .hlist li > ul li:first-child:before { content: "("; } .hlist li > ul li:last-child:after {	content: ")"; margin-right: -0.313em; } .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; }

/* Generic nowrap class */ .nowrap { white-space: nowrap; }

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

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

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

/* Add to known MC dev userlinks:  */ .mw-userlink[title="User:Dinnerbone"], .mw-userlink[title="User:Jeb"], .mw-userlink[title="User:MarcWatson"], .mw-userlink[title="User:Neon Master"] { padding-left: 17px; background: url(http://hydra-media.cursecdn.com/minecraft.gamepedia.com/thumb/a/ad/Mojang_logo.svg/14px-Mojang_logo.svg.png) no-repeat left center; }

/* Make external links the same colour as internal links, the icon is enough to differentiate them */ .mw-body a.external { color: #0645ad; } .mw-body a.external:visited { color: #0b0080; } .mw-body a.external:active { color: #faa700; }

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

/* Make tabs the correct size */ body { -moz-tab-size: 4; -o-tab-size: 4; tab-size: 4; }

/* Remove bullets/numbers from a list */ .list-style-none ul, .list-style-none ol { list-style: none; margin-left: 0; }

/* Classes corresponding to Minecraft formatting codes */ .format-0 { color: #000; text-shadow: 0.125em 0.125em 0 #000; } .format-1 { color: #00A; text-shadow: 0.125em 0.125em 0 #00002A; } .format-2 { color: #0A0; text-shadow: 0.125em 0.125em 0 #002A00; } .format-3 { color: #0AA; text-shadow: 0.125em 0.125em 0 #002A2A; } .format-4 { color: #A00; text-shadow: 0.125em 0.125em 0 #2A0000; } .format-5 { color: #A0A; text-shadow: 0.125em 0.125em 0 #A200A2; } .format-6 { color: #FA0; text-shadow: 0.125em 0.125em 0 #2A2A00; } .format-7 { color: #AAA; text-shadow: 0.125em 0.125em 0 #2A2A2A; } .format-8 { color: #555; text-shadow: 0.125em 0.125em 0 #151515; } .format-9 { color: #55F; text-shadow: 0.125em 0.125em 0 #15153F; } .format-a { color: #5F5; text-shadow: 0.125em 0.125em 0 #153F15; } .format-b { color: #5FF; text-shadow: 0.125em 0.125em 0 #153F3F; } .format-c { color: #F55; text-shadow: 0.125em 0.125em 0 #3F1515; } .format-d { color: #F5F; text-shadow: 0.125em 0.125em 0 #3F153F; } .format-e { color: #FF5; text-shadow: 0.125em 0.125em 0 #3F3F15; } .format-l { font-weight: bold; letter-spacing: 0.125em; } .format-m { text-decoration: line-through; } .format-n { text-decoration: underline; } .format-o { font-style: italic; }

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

display: block; margin-top: 0.25em; }
 * 1) minetip-tooltip > .description {

/* Hide step-by-step publishing as it's broken */ .wikiEditor-ui-buttons { display: none !important; }

/* Fix wikiEditor spacing */ margin-top: -1px; }	margin: 0; width: auto; border-width: 1px 0; box-shadow: none; }
 * 1) upload_container {
 * 1) upload_div {

.wikiEditor-ui-top { border: 0 !important; } .wikiEditor-ui-toolbar { border-bottom: 1px solid silver; }

/* Fix social icons and promos in portlets */ margin: -11px 9px 10px 11px !important; }
 * 1) mw-panel #p-sitePromos,
 * 2) mw-panel #p-socialProfiles {

margin-left: 0 !important; padding: 4px 0; }
 * 1) mw-panel #p-sitePromos .body,
 * 2) mw-panel #p-socialProfiles .body {

text-align: left; }
 * 1) mw-panel .socialSidebar {

margin: 0 4px 0 0; }
 * 1) mw-panel .socialLink {

/* Move the portlets up */ margin-bottom: 0; }
 * 1) p-logo {

/* Keep promo images within the sidebar */ width: 140px; }
 * 1) mw-panel .promoSidebar img {

/* Fix enhanced RC spacing */ .mw-enhancedchanges-arrow-space { vertical-align: top; }

/* Remove on MW1.22: Make notifications fixed, so they're always visible */ position: fixed; top: 2.5em; }
 * 1) mw-notification-area {

/* Only show content on mobile version */ .mobileonly { display: none; }

/* Fix broken media player overflowing */ .mediaContainer { overflow: hidden; }