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
 
(One intermediate revision by the same user not shown)
Line 25: Line 25:
opacity: 0.75;
opacity: 0.75;
transition: .15s;
transition: .15s;
z-index: 1;
}
}
.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: 2;
}
}


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


Line 46: Line 51:
}
}





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


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

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