Template:UnitAbility/styles.css

.unit-ability .header {
    border-top: 1px solid #45494e;
    padding-top: 4px;
    margin-top: 16px;
    display: flex;
    align-items: center;
}
h2 + style + .unit-ability .header {
    border-top: none;
}

.unit-ability .icon {
    flex-shrink: 0;
    padding:10px;
    position:relative;
}

.unit-ability .ring {
    position:absolute;
    left:7px;
    top:7px;
}

.unit-ability .icon img {
    filter: none;
}

.unit-ability .brief {
    flex-grow: 1;
    color: #bcb096
}

.unit-ability .type {
    font-style: italic;
}

.unit-ability .title {
    font-weight: bold;
    font-size: larger;
}

.unit-ability.hidden {
    display: none
}

.unit-ability .ribbon {
    color: #fff;
    margin-bottom: 4px;
}

.unit-ability .ribbon > span {
    background: #156e7e;
    padding: 4px 8px;
    display: inline-block;
    border-right: solid 2px rgba(0,0,0,0.2)
}

.unit-ability .ribbon > span:first-child {
    border-top-left-radius: 4px;
    border-bottom-left-radius: 4px;
}

.unit-ability .ribbon > span:last-child {
    border-right:none;
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
}

.unit-ability .content {
    color:#fff;
}