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...") |
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: |
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;
}