Template:Sandbox/Aurelain/ArtifactSummary/styles.css: Difference between revisions

From Heroes of Might and Magic: Olden Era Official Wiki
Browse history interactively
← Older edit
No edit summary
No edit summary
 
(8 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;
     flex-grow:1;
     flex-grow:1;
}
}


.artifact-summary .header {
.artifact-summary .header {
     border-bottom: solid 1px #BCB096;
     margin-bottom: -4px;
    padding-bottom: 8px;
    margin-bottom: 8px;
    float:left;
    clear:left;
}
}


.artifact-summary .common {
.artifact-summary .common {
     color: silver;
     color: #666;
}
 
.artifact-summary .common img {
    filter: invert(41%) sepia(0%) saturate(1905%) hue-rotate(315deg) brightness(94%) contrast(86%);
}
}


.artifact-summary .rare {
.artifact-summary .rare {
     color: lime;
     color: #70af51;
}
 
.artifact-summary .rare img {
    filter: invert(66%) sepia(59%) saturate(385%) hue-rotate(56deg) brightness(84%) contrast(85%);
}
}


.artifact-summary .epic {
.artifact-summary .epic {
     color: magenta;
     color: #b16cca;
}
 
.artifact-summary .epic img {
    filter: invert(38%) sepia(9%) saturate(3992%) hue-rotate(240deg) brightness(97%) contrast(80%);
}
}


.artifact-summary .legendary {
.artifact-summary .legendary {
     color: brown;
     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%);
}
Retrieved from "https://wiki.hoodedhorse.com/Heroes_of_Might_and_Magic_Olden_Era/index.php?title=Template:Sandbox/Aurelain/ArtifactSummary/styles.css&oldid=27130"