Template:Furniture/furniture.css: Difference between revisions
Jump to navigation
Jump to search
Content deleted Content added
No edit summary |
mNo edit summary |
||
Line 25: | Line 25: | ||
opacity: 0.75; |
opacity: 0.75; |
||
transition: .15s; |
transition: .15s; |
||
z-index: 0; |
|||
} |
} |
||
.furniture-image .sizetable-container:hover { |
.furniture-image .sizetable-container:hover { |
||
Line 32: | Line 33: | ||
.furniture-name-main { |
.furniture-name-main { |
||
display: block; text-align: center; font-size: 22px; font-weight: bold; |
display: block; text-align: center; font-size: 22px; font-weight: bold; |
||
position: relative; |
|||
z-index: 1; |
|||
} |
} |
||
.furniture-name-sub { |
.furniture-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; |
||
position: relative; |
|||
z-index: 1; |
|||
} |
} |
||
Line 46: | Line 51: | ||
} |
} |
||
.furnituretable .data-row { |
.furnituretable .data-row { |
||
Line 64: | Line 69: | ||
} |
} |
||
.tabber__section { |
.tabber__section { |
||
margin: 6px; |
margin: 6px; |
||
} |
|||
} |
Revision as of 10:24, 2 July 2024
.furnituretable {
width: 100%;
min-width: 380px;
max-width: 720px;
}
.furnituretable-summary {
}
.furnituretable-summary img {
max-width: 100%;
max-height: 240px;
object-fit: contain;
}
.furniture-image {
position: relative;
}
.furniture-image .sizetable-container {
position: absolute;
right: 12px;
bottom: -20px;
opacity: 0.75;
transition: .15s;
z-index: 0;
}
.furniture-image .sizetable-container:hover {
opacity: 1;
}
.furniture-name-main {
display: block; text-align: center; font-size: 22px; font-weight: bold;
position: relative;
z-index: 1;
}
.furniture-name-sub {
display: block; text-align: center; font-size: 16px; font-weight: bold; color: #555555;
position: relative;
z-index: 1;
}
.furniture-description {
}
.furnituretable .rarity {
text-align: center;
}
.furnituretable .data-row {
text-align: center;
}
.furnituretable .data-row > td,
.furnituretable .data-row > th {
width: calc(100% / 4);
}
.related-portrait {
border-radius: 50%;
height: 48px;
object-fit: cover;
margin: 1px 4px 1px 0px;
}
.tabber__section {
margin: 6px;
}