MediaWiki:Attributes.css: Difference between revisions

.attribute-pill {
    display: inline-flex;
    align-items: center;
    border-radius: 16px;
    padding: 0 8px;
    height: 25px;
    color: #333333;
    line-height: 1;
    position: relative;
}
	/* Aspect Colors */
.attribute-pill-Beauty {
    background-color: #88cec6;
        color: white;
}

.attribute-pill-Change {
    background-color: #979ee2;
        color: white;
}

.attribute-pill-Competition {
    background-color: #cb464e;
        color: white;
}

.attribute-pill-Dark {
    background-color: #734e9d;
        color: white;
}

.attribute-pill-Hate {
    background-color: #9b8ec1;
        color: white;
}

.attribute-pill-Insatiability {
    background-color: #5bb8e7;
        color: white;
}

.attribute-pill-Light {
    background-color: #efbf3c;
        color: white;
}

.attribute-pill-Love {
    background-color: #eda1b6;
        color: white;
}

.attribute-pill-Memory {
    background-color: #95c2e7;
        color: white;
}

.attribute-pill-Peace {
    background-color: #deceb0;
        color: white;
}

.attribute-pill-Pride {
    background-color: #8879bc;
        color: white;
}

.attribute-pill-Regret {
    background-color: #775378;
        color: white;
}

.attribute-pill-Right {
    background-color: #5bb8e7;
        color: white;
}

.attribute-pill-Satiation {
    background-color: #f5a77d;
        color: white;
}

.attribute-pill-War {
    background-color: #964545;
        color: white;
}

.attribute-pill-Weakness {
    background-color: #b6d0e7;
        color: white;
}
	/* Trait Colors */
.attribute-pill-Blaster {
    background-color: #9c749d;
        color: white;
}

.attribute-pill-Cherubim {
    background-color: #ffffff;
        color: #bca57a;
}

.attribute-pill-Explorer {
    background-color: #9fc47b;
        color: white;
}

.attribute-pill-Gladiator {
    background-color: #bba479;
        color: white;
}

.attribute-pill-Hothead {
    background-color: #e36566;
        color: white;
}

.attribute-pill-Mascot {
    background-color: #f6b560;
        color: white;
}

.attribute-pill-Mastermind {
    background-color: #71b7af;
        color: white;
}

.attribute-pill-Protector {
    background-color: #d2a3ba;
        color: white;
}

.attribute-pill-Striker {
    background-color: #fa9269;
        color: white;
}

.attribute-area-icon {
    width: 32px;
    height: 32px;
    background-color: white;
    border-radius: 50%;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    margin-right: 5px;
    position: relative;
    border: 2px solid #989daf;
}