MediaWiki:Common.css: Difference between revisions

Latest revision as of 13:23, 13 June 2025

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

/* Minecraft font */
@font-face {
	font-family: Minecraft;
	src: url("https://plus.terrafirmacraft.com/mcw/minecraft.eot?#iefix"),
	     url("https://plus.terrafirmacraft.com/mcw/minecraft.woff") format('woff'),
	     url("https://plus.terrafirmacraft.com/mcw/minecraft.ttf") format('truetype');
}

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

.grid-template 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-template .border {
	display: block;
	margin: -2px 0 0 -2px;
	border-style: solid none none solid;
	border-width: 2px;
	border-color: #373737;
	height: 100%;
}
.grid-template .border > span {
	display: block;
	margin-right: -2px;
	border-style: none solid solid none;
	border-width: 2px;
	border-color: #FFFFFF;
	height: 100%;
}
 
.grid-template .image,
.grid-template .default-image {
	position: absolute;
	line-height: 16px;
	top: 2px;
	width: 32px;
	height: 32px;
}
.grid-template.output .image {
	top: 10px;
	left: 10px;
}
.grid-template .image > a.new {
	background-image: url("/images/3/35/Grid_Unknown.png");
	display: block;
	width: 32px;
	height: 32px;
	outline: none;
	text-indent: -99999px;
}
 
.grid-template .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-template .number a {
	color: #FFF;
	text-decoration: none;
}
.grid-template .number .selflink {
	font-weight: normal;
}
.grid-template .image a.new + .number {
	display: none;
}

.grid-template .animated .image,
.grid-template .paused .image {
	display: none;
}
.grid-template .animated .image.active,
.grid-template .paused .image.active {
	display: block;
}
.grid-template.blank{
    background-color: transparent;
    border: none;
}
.grid-Crafting_Table,
.grid-Furnace,
.grid-Brewing_Stand table,
.grid-blank {
	background: #C6C6C6;
	border: none;
	padding: 6px;
	text-align: left !important;
}
.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: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-top {
	white-space: nowrap;
	background-color: #CCC;
	padding: 0 3px;
}

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

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

.navbox-group {
	background-color: #EEE;
	padding: 0 10px;
	white-space: nowrap;
	text-align: right;
}

.navbox-list {
	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;
}

/* Collapsible Tables ([[MediaWiki:Common.js]]) */
table.collapsed tr.collapsible {
	display: none;
}
 
.collapsible-button {
	float: right;
	font-weight: normal;
	text-align: right;

	/* Other languages: Change this to a bit wider (~4px) than your collapse/expand button text */
	width: 3.5em;
}

.collapsible.collapse-button-left > tr > th .collapsible-button,
.collapsible.collapse-button-left > * > tr > th .collapsible-button {
	float: left;
	text-align: left;
}

.collapsible.collapse-button-none > tr > th .collapsible-button,
.collapsible.collapse-button-none > * > tr > th .collapsible-button {
	float: 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;
}

.bw-languages {
    border: 1px solid #aaa;
    border-collapse: collapse;
    line-height: 1.2;
    font-size: 95%;
    direction: ltr;
    margin: 1px;
    padding: .2em;
    margin-top: 1em !important;
}

/* Generic styling for animation class */
.animated > span,
.animated > div {
	display: none;
}

.animated > span.active {
	display: inline;
}

.animated > div.active {
	display: block;
}


.nowrap {
	white-space: nowrap;
}

.bw-languages-title {
    width: 180px;
    border: 1px solid #aaa;
    background: #EEF3E2;
    font-weight: 700;
    padding: .5em;
}

.bw-languages-links {
    background: #F6F9ED;
    padding: .5em;
}
/* [[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
}

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

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

.infobox table {
    width: 100%
}

.infobox p {
    margin: 0
}

.infobox audio {
    width: 184px
}

.infobox-footer {
    text-align: center
}

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

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