Template:ItemRecipe/style.css

.tt_recipe {
    position: relative;
    min-height: 55px;
}

.tt_rec_arrow {
    background-image: url('/skins/common/images/45x45_arrow.png');
    width: 45px;
    height: 45px !important;
    text-align: center;
    display: inline-block;
    font-size: 12pt;
    padding-top: 7px;
}

.tt_recipe_item,
.tt_output_item {
    max-width: 45px;
    max-height: 45px;
    text-align: center;
    vertical-align: bottom;
    display: inline-block;
    font-size: 12px;
    position: relative;
}

.tt_recipe_item {
	padding-right: 5px;
}



.tt_recipe_item>a>img,
.tt_output_item>a>img {
    margin: 0 auto;
    width: auto;
    height: 45px;
    width: 45px;
    object-fit: contain;
}

.tt_recipe_item>div,
.tt_output_item>div {
    position: absolute;
    bottom: -6px;
    right: 0;
    color: #8bffff;
    text-shadow: 0 0 4px #8bffff;
}

@font-face {
    font-family: 'TemplateStyles-SairaM';
    src: url('/skins/common/font/SAIRAM.ttf') format('truetype');
}