Template:FurnitureSet/furniture set.css: Difference between revisions

From Blue Archive Wiki
Jump to navigation Jump to search
Content added Content deleted
(Created page with " .furnituresettable { width: 100%; min-width: 380px; max-width: 720px; } .furnitureset-name-main { display: block; text-align: center; font-size: 22px; font-weight: bold; } .furnitureset-name-sub { display: block; text-align: center; font-size: 16px; font-weight: bold; color: #555555; } .furnituresettable .bonus-data { column-count: 5; column-gap: 12px; column-rule: 1px sol...")
 
No edit summary
Line 7: Line 7:
.furnitureset-name-main {
.furnitureset-name-main {
display: block; text-align: center; font-size: 22px; font-weight: bold;
display: block; text-align: center; font-size: 22px; font-weight: bold;
margin-top: 0.4em;
}
}


.furnitureset-name-sub {
.furnitureset-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;
margin-bottom: 0.4em;
}
}
Line 29: Line 31:


.furnituresettable div {
.furnituresettable .bonus-data div {
display: inline-block;
display: block;
width: 100%;
width: 100%;
text-align: center;
text-align: center;
Line 36: Line 38:
}
}
.furnituresettable div > span {
.furnituresettable .bonus-data div > span {
display: inline-block;
display: inline-block;
min-width: 20px;
min-width: 20px;

Revision as of 08:31, 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: 5;
        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;
        cursor: pointer;
    }
    
    .furnituresettable .bonus-data div > span {
        display: inline-block;
        min-width: 20px;
        text-align: right;
        font-weight: bold;
    }