Template:FurnitureSet/furniture set.css

From Blue Archive Wiki
Jump to navigation Jump to search
    .furnituresettable {
        width: 100%;
        min-width: 380px;
        max-width: 720px;
    }

    .furnitureset-name-main {
        display: block; text-align: center; font-size: 22px; font-weight: bold;
        margin-top: 0.4em;
    }

    .furnitureset-name-sub {
        display: block; text-align: center; font-size: 16px; font-weight: bold; color: #555555;
        margin-bottom: 0.4em;
    }
    

    .furnituresettable .bonus-data {
        column-count: 4;
        column-gap: 12px;
        column-rule: 1px solid #a2a9b1;
        display: block; /* Firefox compatibility */
        border: none; /* Firefox compatibility */
    }
    
    @media (max-width: 720px) { 
        .furnituresettable .bonus-data {
            column-count: 1;
        }
    }
    

    .furnituresettable .bonus-data div {
        display: block;
        width: 100%;
        text-align: center;
    }
    
    .furnituresettable .bonus-data div > span {
        display: inline-block;
        min-width: 20px;
        text-align: right;
        font-weight: bold;
    }

    .set-icons {
        width: 100%;
        text-align: center;
        margin-top: 4px;
    }

    .set-icons a {
        border-radius: 4px;
        display: inline-block;
        width: 138px;
        height: 120px;
        /*background-image: url(https://static.miraheze.org/bluearchivewiki/b/b3/My_Cafe_01_B_Table_01.png);*/
        /*background-size: 152px;
        background-position: center;
        background-repeat: no-repeat;*/
    }

    .set-icons a:hover {
        background-color: rgba(255,255,255,0.8);
    }

    .set-icons a>img {
        width: 152px;
        height: 120px;
        margin: 0 -7px;    
    }