Honkai: Nexus Anima Wiki

MediaWiki:Attributes.css: Difference between revisions

Browse history interactively
← Older edit

Kuhlau (talk | contribs)

2 user groups
447 edits
Raven.Familiar (talk | contribs)
Advanced Access, Bureaucrats, rollback, Administrators, threadmoderator
1,708 edits
Color updates, adding Prosperity
Kuhlau (talk | contribs)
Advanced Access, Autopatrol
447 edits
add disposition, bit of wip
 
(One intermediate revision by one other user not shown)
Line 1: Line 1:
.attribute-pill {
.attribute-pill {
    --attribute-Beauty: #88cec6;
--attribute-Beauty: #88cec6;
    --attribute-Change: #a0a9f4;
--attribute-Change: #a0a9f4;
    --attribute-Competition: linear-gradient(90deg, rgba(213, 67, 68, 1) 0%, rgba(86, 112, 176, 1) 100%);
--attribute-Competition: linear-gradient(90deg, rgba(213, 67, 68, 1) 0%, rgba(86, 112, 176, 1) 100%);
    --attribute-Dark: #734e9d;
--attribute-Dark: #734e9d;
    --attribute-Hate: #a893dd;
--attribute-Hate: #a893dd;
    --attribute-Insatiability: #c5db7d;
--attribute-Insatiability: #c5db7d;
    --attribute-Joy: #f68481;
--attribute-Joy: #f68481;
    --attribute-Light: #f8b430;
--attribute-Light: #f8b430;
    --attribute-Love: #eda1b6;
--attribute-Love: #eda1b6;
    --attribute-Memory: #8ec0e8;
--attribute-Memory: #8ec0e8;
    --attribute-Oblivion: #aab4da;
--attribute-Oblivion: #aab4da;
    --attribute-Peace: #deceb0;
--attribute-Peace: #deceb0;
    --attribute-Pride: #b27ad3;
--attribute-Pride: #b27ad3;
    --attribute-Prosperity: #fa8d43;
--attribute-Prosperity: #fa8d43;
    --attribute-Reality: #959595;
--attribute-Reality: #959595;
    --attribute-Regret: #775378;
--attribute-Regret: #775378;
    --attribute-Right: #5bb8e7;
--attribute-Right: #5bb8e7;
    --attribute-Satiation: #f5a77d;
--attribute-Satiation: #f5a77d;
    --attribute-Strength: #87b5f3;
--attribute-Strength: #87b5f3;
    --attribute-Ugliness: #7c93aa;
--attribute-Ugliness: #7c93aa;
    --attribute-War: #964545;
--attribute-War: #964545;
    --attribute-Weakness: #b6d0e7;
--attribute-Weakness: #b6d0e7;
   
    --attribute-Blaster: #9c749d;
--attribute-Blaster: #9c749d;
    --attribute-Cherubim: #fff;
--attribute-Cherubim: #fff;
    --attribute-Cherubim--text: #bba479;
--attribute-Cherubim--text: #bba479;
    --attribute-Explorer: #9fc47b;
--attribute-Explorer: #9fc47b;
    --attribute-Gladiator: #bba479;
--attribute-Gladiator: #bba479;
    --attribute-Hothead: #e36566;
--attribute-Hothead: #e36566;
    --attribute-Mascot: #f6b560;
--attribute-Mascot: #f6b560;
    --attribute-Mastermind: #71b7af;
--attribute-Mastermind: #71b7af;
    --attribute-Protector: #d2a3ba;
--attribute-Protector: #d2a3ba;
    --attribute-Striker: #fa9269;
--attribute-Striker: #fa9269;
   
    display: inline-flex;
--attribute-disposition-1: #798fe1;
    align-items: center;
--attribute-disposition-2: #bd93e1;
    border-radius: 16px;
--attribute-disposition-3: #798fe1;/* replace with lvl3 color when known */
    padding: 0 8px;
 
    height: 25px;
display: inline-flex;
    margin: 2px;
align-items: center;
    background-color: var(--theme-color-5);
border-radius: 16px;
    line-height: 1;
padding: 0 8px;
    position: relative;
height: 25px;
margin: 2px;
background-color: var(--theme-color-5);
line-height: 1;
position: relative;
}
}


.attribute-pill a,
.attribute-pill a,
.attribute-pill .mw-selflink {
.attribute-pill .mw-selflink {
    color: white;
color: white;
    font-weight: 600;
font-weight: 600;
}
}


.theme-fandomdesktop-light .attribute-pill-Cherubim,
.theme-fandomdesktop-light .attribute-pill-Cherubim,
.theme-fandommobile-light .attribute-pill-Cherubim {
.theme-fandommobile-light .attribute-pill-Cherubim {
    box-shadow: 0px 0px 3px var(--attribute-Cherubim--text);
box-shadow: 0px 0px 3px var(--attribute-Cherubim--text);
}
}


Line 72: Line 76:
.attribute-pill-Peace a { color: black; }
.attribute-pill-Peace a { color: black; }
.attribute-pill-Pride { background-color: var(--attribute-Pride); }
.attribute-pill-Pride { background-color: var(--attribute-Pride); }
.attribute-pill-Prosperity { background-color: var(--attribute-Prosperity); }
.attribute-pill-Regret { background-color: var(--attribute-Regret); }
.attribute-pill-Regret { background-color: var(--attribute-Regret); }
.attribute-pill-Reality { background-color: var(--attribute-Reality); }
.attribute-pill-Reality { background-color: var(--attribute-Reality); }
Line 93: Line 98:
.attribute-pill-Protector { background-color: var(--attribute-Protector); }
.attribute-pill-Protector { background-color: var(--attribute-Protector); }
.attribute-pill-Striker { background-color: var(--attribute-Striker); }
.attribute-pill-Striker { background-color: var(--attribute-Striker); }
/* Disposition Colors */
.attribute-pill-disposition-1 { background-color: var(--attribute-disposition-1); }
.attribute-pill-disposition-2 { background-color: var(--attribute-disposition-2); }
.attribute-pill-disposition-3 { background-color: var(--attribute-disposition-3); }


/* Invert unreadable icons */
/* Invert unreadable icons */
Line 98: Line 108:
.attribute-pill-Peace img,
.attribute-pill-Peace img,
.attribute-pill-Weakness img {
.attribute-pill-Weakness img {
    filter: invert();
filter: invert();
}
}


.theme-fandomdesktop-light .attributeicon img {
.theme-fandomdesktop-light .attributeicon img {
    filter: invert();
filter: invert();
}
}


.attribute-area-icon {
.attribute-area-icon {
    width: 32px;
width: 32px;
    height: 32px;
height: 32px;
    background-color: white;
background-color: white;
    border-radius: 50%;
border-radius: 50%;
    display: inline-flex;
display: inline-flex;
    align-items: center;
align-items: center;
    justify-content: center;
justify-content: center;
    margin-right: 5px;
margin-right: 5px;
    position: relative;
position: relative;
    border: 2px solid #989daf;
border: 2px solid #989daf;
}
}
Retrieved from "https://hna.wiki/MediaWiki:Attributes.css"