Template:FurnitureSet/furniture set.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 42: Line 42:
text-align: right;
text-align: right;
font-weight: bold;
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;
}
}

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