body { background-color: #111; color: #eee; font-family: Verdana, Geneva, sans-serif; font-size: 0.85em; margin: 0px; text-align: justify; text-justify: inter-word; word-wrap: break-word; word-break: break-all; white-space: normal; text-align: center; } div { display: inline-block; } h3 { text-align: center; padding: 0.5em; } h4 { color: #555; text-align: center; padding: 0.5em 5em; } li { display: inline-block; width: 140px; height: 140px; position: relative; border-radius: 3px; margin: 10px; border: 3px solid; margin-bottom: 38px; } .decal { width: 128px; height: 128px; margin: auto; z-index: 2; position: absolute; top: 6px; left: 6px; } .item-icon { width: 24px; height: 24px; bottom: -38px; left: -3px; background-size: 24px; z-index: 1; position: absolute; border-radius: 3px; border: 3px solid; } .q-440-6, .q-440-6 .item-icon, .q-440-6 .bottom-right { background-color: rgb(119, 101, 3); border-color: rgb(181, 154, 5); } .q-440-11, .q-440-11 .item-icon, .q-440-11 .bottom-right { background-color: rgb(110, 56, 26); border-color: rgb(144, 73, 34); } .nocraft { border-style: dashed; } .top-left { display: none; } .bottom-right { position: absolute; width: 105px; height: 24px; bottom: -38px; left: 32px; border-radius: 3px; border: 3px solid; margin: auto; } .bottom-right span { text-align: center; display: block; margin-top: 3px; } .filtered-item { color: #eee; position: absolute; margin-left: -64px; margin-top: 30px; display: none; font-style: normal; font-weight: 500; } a, a:link, a:visited, a:hover, a:active { text-decoration: none; color: #eee; } h4 a, h4 a:link, h4 a:visited, h4 a:hover, h4 a:active { text-decoration: none; color: #555; font-style: italic; }