Template:Team/style.css

From Blue Archive Wiki
Revision as of 17:23, 9 July 2023 by Electricsheep (talk | contribs) (Created page with ".team { display: inline-flex; flex-direction: row; align-items: center; } .team > div { margin: 0 6px; } .team .charactercard { margin-left: -4px; margin-right: -4px; } .strikers, .specials { position: relative; display: inline-block; padding: 0px 2px 0 6px; } .strikers::after, .specials::after { content: ""; position: absolute; left: 0; →‎right: 0;: top: 16px; bottom: 16px; width: 24px; transfo...")
(diff) ← Older revision | Latest revision (diff) | Newer revision → (diff)
Jump to navigation Jump to search
.team {
    display: inline-flex;
    flex-direction: row;
    align-items: center;
}

.team > div {
    margin: 0 6px;
}

.team .charactercard {
    margin-left: -4px;
    margin-right: -4px;
}


.strikers,
.specials {
    position: relative;
    display: inline-block;
    padding: 0px 2px 0 6px;
}

.strikers::after,
.specials::after {
    content: "";
    position: absolute;
    left: 0;
    /* right: 0; */
    top: 16px;
    bottom: 16px;
    width: 24px;

    transform: skewX(-11deg);
    border-radius: 6px;
    z-index: 0;
}

.strikers::after {
    background-color: #b43030;
}
.specials::after {
    background-color: #0f6dbc;
}

.team .info {
    position: relative;
    display: inline-block;
    font-size: 18px;
    min-width: 120px;
}