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...")
 
mNo edit summary
 
(5 intermediate revisions by the same user not shown)
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;
}
}


.furnituresettable .bonus-data {
.furnituresettable .bonus-data {
column-count: 5;
column-count: 4;
column-gap: 12px;
column-gap: 12px;
column-rule: 1px solid #a2a9b1;
column-rule: 1px solid #a2a9b1;
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;
cursor: pointer;
}
}
.furnituresettable div > span {
.furnituresettable .bonus-data div > span {
display: inline-block;
display: inline-block;
min-width: 20px;
min-width: 20px;
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;    
    }