Template:ItemRecipe/style.css: Difference between revisions

Template page
imported>76561198211382460
No edit summary
imported>76561198211382460
No edit summary
 
Line 7: Line 7:
     background-image: url('/skins/common/images/45x45_arrow.png');
     background-image: url('/skins/common/images/45x45_arrow.png');
     width: 45px;
     width: 45px;
     height: 45px !important;
     height: 45px;
     text-align: center;
     text-align: center;
     display: inline-block;
     display: inline-block;
Line 35: Line 35:
     margin: 0 auto;
     margin: 0 auto;
     width: auto;
     width: auto;
     height: 45px;
     height: 45px !important;
     width: 45px;
     width: 45px;
     object-fit: contain;
     object-fit: contain;

Latest revision as of 00:20, 25 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 !important;
    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.