Template:FurnitureSet/furniture set.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 47: Line 47:
width: 100%;
width: 100%;
text-align: center;
text-align: center;
margin-top: 4px;
}
}


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


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

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

Latest revision as of 12:08, 16 January 2022

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