Template:Furniture/furniture.css: Difference between revisions

From Blue Archive Wiki
Jump to navigation Jump to search
Content added Content deleted
mNo edit summary
mNo edit summary
 
Line 25: Line 25:
opacity: 0.75;
opacity: 0.75;
transition: .15s;
transition: .15s;
z-index: 0;
z-index: 1;
}
}
.furniture-image .sizetable-container:hover {
.furniture-image .sizetable-container:hover {
Line 34: Line 34:
display: block; text-align: center; font-size: 22px; font-weight: bold;
display: block; text-align: center; font-size: 22px; font-weight: bold;
position: relative;
position: relative;
z-index: 1;
z-index: 2;
}
}


Line 40: Line 40:
display: block; text-align: center; font-size: 16px; font-weight: bold; color: #555555;
display: block; text-align: center; font-size: 16px; font-weight: bold; color: #555555;
position: relative;
position: relative;
z-index: 1;
z-index: 2;
}
}



Latest revision as of 12:18, 2 July 2024

    .furnituretable {
        width: 100%;
        min-width: 380px;
        max-width: 720px;
    }

    .furnituretable-summary {

    }

    .furnituretable-summary img {
        max-width: 100%;
        max-height: 240px;
        object-fit: contain;
    }

    .furniture-image {
        position: relative;
    }

    .furniture-image .sizetable-container {
        position: absolute;
        right: 12px;
        bottom: -20px;
        opacity: 0.75;
        transition: .15s;
        z-index: 1;
    }
    .furniture-image .sizetable-container:hover {
        opacity: 1;
    }

    .furniture-name-main {
        display: block; text-align: center; font-size: 22px; font-weight: bold;
        position: relative;
        z-index: 2;
    }

    .furniture-name-sub {
        display: block; text-align: center; font-size: 16px; font-weight: bold; color: #555555;
        position: relative;
        z-index: 2;
    }

    .furniture-description {

    }

    .furnituretable .rarity {
        text-align: center;
    }



    .furnituretable .data-row {
        text-align: center;
    }

    .furnituretable .data-row > td,
    .furnituretable .data-row > th {
        width: calc(100% / 4);
    }

    .related-portrait {
        border-radius: 50%;
        height: 48px;
        object-fit: cover;
        margin: 1px 4px 1px 0px;
    }

    .tabber__section {
        margin: 6px;
    }