Template:Furniture/furniture.css: Difference between revisions

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


.furniture-name-sub {
.furniture-name-sub {
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;
z-index: 1;
}
}


Line 46: Line 51:
}
}





.furnituretable .data-row {
.furnituretable .data-row {
Line 64: Line 69:
}
}


.tabber__section {
.tabber__section {
margin: 6px;
margin: 6px;
}
}

Revision as of 10:24, 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: 0;
    }
    .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: 1;
    }

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

    .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;
    }