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
 
(3 intermediate revisions by the same user not shown)
Line 35: Line 35:
width: 100%;
width: 100%;
text-align: center;
text-align: center;
cursor: pointer;
}
}
Line 43: 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;    
    }