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
 
(2 intermediate revisions by the same user not shown)
Line 21: Line 21:
.furniture-image .sizetable-container {
.furniture-image .sizetable-container {
position: absolute;
position: absolute;
right: 0;
right: 12px;
bottom: 0;
bottom: -20px;
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;
    }