Template:Furniture/furniture.css: Difference between revisions

From Blue Archive Wiki
Jump to navigation Jump to search
Content deleted Content added
No edit summary
mNo edit summary
 
(4 intermediate revisions by the same user not shown)
Line 19:
}
 
.furniture-image .furnituretablesizetable-container {
position: absolute;
right: 012px;
bottom: 0-20px;
opacity: 0.75;
transition: .15s;
z-index: 1;
}
.furniture-image .furnituretablesizetable-container:hover {
opacity: 1;
}
Line 32 ⟶ 33:
.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;
}
 
Line 46 ⟶ 51:
}
 
 
 
.furnituretable .data-row {
Line 64 ⟶ 69:
}
 
.tabber__section {
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;
    }