|
|
(45 intermediate revisions by the same user not shown) |
Line 1: |
Line 1: |
| .infobox-hero { | | .icon { |
| color: #FFEFD7;
| | filter: invert(0%); |
| background-color: #2F2F2F;
| |
| font-weight: bold;
| |
| font-family: 'PT Serif', 'Palatino', 'Georgia', serif;
| |
| width: 100%;
| |
| } | | } |
|
| |
|
| .infobox-hero th,
| | @media (prefers-color-scheme: dark) { |
| .infobox-hero td {
| | .icon { |
| color: #999999;
| | filter: invert(100%); |
| background-color: #2F2F2F;
| | } |
| padding: 0.5em;
| |
| }
| |
| | |
| .infobox-hero .title {
| |
| font-size: 25px;
| |
| text-shadow: 0px 0px 4px black;
| |
| text-align: center;
| |
| padding: 0.5em;
| |
| display: flex;
| |
| justify-content: space-between;
| |
| }
| |
| | |
| .infobox-hero .card-image {
| |
| padding: 0;
| |
| background-color: #a79986;
| |
| }
| |
| | |
| .infobox-hero .stat-title {
| |
| font-size: 14px;
| |
| font-style: italic;
| |
| text-shadow: 0px 0px 4px black;
| |
| text-align: center;
| |
| }
| |
| | |
| .infobox-hero .section-header {
| |
| background-color: #d5903f;
| |
| font-size: 16px;
| |
| text-shadow: 0px 0px 4px black;
| |
| border-bottom: none;
| |
| }
| |
| | |
| .infobox-hero .vitality-header { | |
| background-color: #74b01c; | |
| font-size: 16px;
| |
| } | |
| | |
| .infobox-hero .hero-stat {
| |
| color: #999999;
| |
| background-color: #2F2F2F;
| |
| } | | } |
.icon {
filter: invert(0%);
}
@media (prefers-color-scheme: dark) {
.icon {
filter: invert(100%);
}
}