Template:Sandbox/Aurelain/ArtifactSummary/styles.css: Difference between revisions
From Heroes of Might and Magic: Olden Era Official Wiki
No edit summary |
No edit summary |
||
| (2 intermediate revisions by the same user not shown) | |||
| Line 1: | Line 1: | ||
.artifact-summary { | .artifact-summary { | ||
display: flex; | display: flex; | ||
margin-bottom:8px; | |||
} | } | ||
| Line 8: | Line 9: | ||
.artifact-summary .about { | .artifact-summary .about { | ||
margin-top:4px; | |||
margin-left:4px; | margin-left:4px; | ||
flex-grow:1; | flex-grow:1; | ||
| Line 13: | Line 15: | ||
.artifact-summary .header { | .artifact-summary .header { | ||
margin-bottom: -4px; | |||
} | } | ||
.artifact-summary .common { | .artifact-summary .common { | ||
color: | color: #666; | ||
} | |||
.artifact-summary .common img { | |||
filter: invert(41%) sepia(0%) saturate(1905%) hue-rotate(315deg) brightness(94%) contrast(86%); | |||
} | } | ||
| Line 29: | Line 35: | ||
.artifact-summary .epic { | .artifact-summary .epic { | ||
color: # | color: #b16cca; | ||
} | } | ||
| Line 37: | Line 43: | ||
.artifact-summary .legendary { | .artifact-summary .legendary { | ||
color: | color: #c36b46; | ||
} | |||
.artifact-summary .legendary img { | |||
filter: invert(56%) sepia(15%) saturate(4945%) hue-rotate(336deg) brightness(87%) contrast(72%); | |||
} | } | ||
Latest revision as of 10:34, 28 June 2026
.artifact-summary {
display: flex;
margin-bottom:8px;
}
.artifact-summary .icon {
flex-shrink:0;
}
.artifact-summary .about {
margin-top:4px;
margin-left:4px;
flex-grow:1;
}
.artifact-summary .header {
margin-bottom: -4px;
}
.artifact-summary .common {
color: #666;
}
.artifact-summary .common img {
filter: invert(41%) sepia(0%) saturate(1905%) hue-rotate(315deg) brightness(94%) contrast(86%);
}
.artifact-summary .rare {
color: #70af51;
}
.artifact-summary .rare img {
filter: invert(66%) sepia(59%) saturate(385%) hue-rotate(56deg) brightness(84%) contrast(85%);
}
.artifact-summary .epic {
color: #b16cca;
}
.artifact-summary .epic img {
filter: invert(38%) sepia(9%) saturate(3992%) hue-rotate(240deg) brightness(97%) contrast(80%);
}
.artifact-summary .legendary {
color: #c36b46;
}
.artifact-summary .legendary img {
filter: invert(56%) sepia(15%) saturate(4945%) hue-rotate(336deg) brightness(87%) contrast(72%);
}
