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
 
(5 intermediate revisions by the same user not shown)
Line 13: Line 13:
max-height: 240px;
max-height: 240px;
object-fit: contain;
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 {
.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 31: Line 51:
}
}





.furnituretable .data-row {
.furnituretable .data-row {
Line 49: 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;
    }