Template:ItemRecipe/style.css: Difference between revisions

Template page
imported>76561198018895007
No edit summary
imported>76561198211382460
(Changed height to min-height so box expands instead of overflows)
Line 1: Line 1:
.tt_recipe {
.tt_recipe {
     position: relative;
     position: relative;
     height: 55px;
     min-height: 55px;
}
}



Revision as of 23:24, 20 February 2021

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

.tt_rec_arrow {
    background-image: url('/skins/common/images/45x45_arrow.png');
    width: 45px;
    height: 45px;
    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');
}
🍪 We use cookies to keep session information to provide you a better experience.