MediaWiki:Common.css

From TerraFirmaCraft Wiki
Revision as of 20:44, 13 May 2014 by SpAnser (Talk | contribs)

Jump to: navigation, search

Note: After saving, you may have to bypass your browser's cache to see the changes.

  • Firefox / Safari: Hold Shift while clicking Reload, or press either Ctrl-F5 or Ctrl-R (⌘-R on a Mac)
  • Google Chrome: Press Ctrl-Shift-R (⌘-Shift-R on a Mac)
  • Internet Explorer: Hold Ctrl while clicking Refresh, or press Ctrl-F5
  • Opera: Clear the cache in Tools → Preferences
@font-face {
    font-family:Minecraft;
    src:url("http://terrafirmacraft.com/fonts/minecraft.eot?#iefix"),url("http://terrafirmacraft.com/fonts/minecraft.woff") format('woff'),url("http://terrafirmacraft.com/fonts/minecraft.ttf") format('truetype')
}
/** 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("http://media-mcw.cursecdn.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 .animated .image,
.grid .paused .image {
	display: none;
}
.grid .animated .image.active,
.grid .paused .image.active {
	display: block;
}
.grid.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;
}

/* Minecraft font */
@font-face {
	font-family: Minecraft;
	src: url("http://www.minecraftwiki.net/fonts/minecraft.eot?#iefix"),
		 url("http://www.minecraftwiki.net/fonts/minecraft.woff") format('woff'),
		 url("http://www.minecraftwiki.net/fonts/minecraft.ttf")  format('truetype');
}
/* 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
}