Template:Notice/styles.css: Difference between revisions
From Inkipedia, the Splatoon wiki
SuperHamster (talk | contribs) (Adding color options) |
SuperHamster (talk | contribs) (Removing background-color, it can be a bit over-powering) |
||
| Line 11: | Line 11: | ||
.notice-green { | .notice-green { | ||
border-color: rgba(170, 220, 0, 0.5); | border-color: rgba(170, 220, 0, 0.5); | ||
} | } | ||
.notice-blue { | .notice-blue { | ||
border-color: rgba(0, 153, 255, 0.5); | border-color: rgba(0, 153, 255, 0.5); | ||
} | } | ||
.notice-orange { | .notice-orange { | ||
border-color: rgba(255, 128, 0, 0.5); | border-color: rgba(255, 128, 0, 0.5); | ||
} | } | ||
.notice-pink { | .notice-pink { | ||
border-color: rgba(240, 60, 120, 0.5); | border-color: rgba(240, 60, 120, 0.5); | ||
} | } | ||
.notice-maroon { | .notice-maroon { | ||
border-color: rgba(174, 21, 102, 0.5); | border-color: rgba(174, 21, 102, 0.5); | ||
} | } | ||
Revision as of 21:42, 14 May 2023
.notice {
padding: .5em;
margin: .5em 0;
border-width: 1px 5px 1px 5px;
border-style: solid;
border-radius: 5px 5px 5px 5px;
display: flex;
flex-direction: row;
column-gap: 1em;
}
.notice-green {
border-color: rgba(170, 220, 0, 0.5);
}
.notice-blue {
border-color: rgba(0, 153, 255, 0.5);
}
.notice-orange {
border-color: rgba(255, 128, 0, 0.5);
}
.notice-pink {
border-color: rgba(240, 60, 120, 0.5);
}
.notice-maroon {
border-color: rgba(174, 21, 102, 0.5);
}
.notice-content {
flex-grow: 1;
}
.notice-header {
font-weight: 600;
}
.notice-description {
font-size: 9pt;
}
