Added three types of alert/notice/update headings for messages at the top of pages.

This commit is contained in:
2021-11-18 07:13:23 -08:00
parent 3fba22f9d1
commit 276d9b14b0
11 changed files with 151 additions and 14 deletions

View File

@@ -275,6 +275,62 @@ blockquote p {
padding-top: 0;
}
.notice {
margin: 1.2rem 0;
padding: 0.3rem 0 0.3rem 0;
font-size: 1.3rem;
font-family: Montserrat-ExtraBold;
line-height: 1.4rem;
font-weight: 700;
color: #000;
}
.notice:before {
content: "Notice:";
padding: 0.5rem;
letter-spacing: 0.2rem;
margin-right: 1rem;
color: #002170;
border: 0;
}
.notice a {
font-size: 1.2rem;
line-height: 1.3rem;
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3);
}
.notice + .notice {
margin-top: 0;
padding-top: 0;
}
.update {
margin: 1.2rem 0;
padding: 0.3rem 0 0.3rem 0;
font-size: 1.3rem;
font-family: Montserrat-ExtraBold;
line-height: 1.4rem;
font-weight: 700;
color: #000;
}
.update:before {
content: "Update:";
padding: 0.5rem;
letter-spacing: 0.2rem;
margin-right: 1rem;
color: #155e01;
border: 0;
}
.update a {
font-size: 1.2rem;
line-height: 1.3rem;
text-shadow: 0 0 0.6rem rgba(158, 243, 113, 0.3);
}
.update + .update {
margin-top: 0;
padding-top: 0;
}
.date {
background: black;
color: white;