Template:FurnitureSet/furniture set.css: Difference between revisions
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: |
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: |
display: block; |
||
width: 100%; |
width: 100%; |
||
text-align: center; |
text-align: center; |
||
⚫ | |||
} |
} |
||
.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 { |
|||
⚫ | |||
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;
}