MediaWiki:Common.css

div.topicon {position: absolute;top: -2em;margin-right: -10px;display: block !important;}

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

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

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

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

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

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