User:Majr/common.css

/* Template:Grid */ .grid { position: relative; display: inline-block; background-color: #8B8B8B; border: 2px solid; border-color: #373737 #FFF #FFF #373737; width: 32px; height: 32px; font-size: 16px; line-height: 1; text-align: left; vertical-align: bottom; }

.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 > * { display: block; margin: -2px; padding: 2px; } .grid-number { position: absolute; right: -2px; bottom: -2px; font-family: Mojang, sans-serif; font-weight: normal; color: #FFF; text-shadow: 2px 2px 0 #3F3F3F; filter: dropshadow(color=#3F3F3F, offx=2, offy=2); z-index: 2; }

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

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

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

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