blob: 890bd825ac5938afb66f3a4bba942cdb077a4dff (
plain) (
tree)
|
|
#footer {
background-color: var(--foregroundColour);
border-radius: 1rem;
font-family: "Martian Mono", "monospace";
font-size: 0.75em;
line-height: 1em;
margin-top: 1rem;
padding: 1rem;
#emailAddress {
background-color: var(--textColour);
display: inline-block;
height: 1em;
image-rendering: pixelated;
mask-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAALcAAAAICAYAAAC78m4/AAAA/UlEQVRYw+1XQQ7EIAiExv9/2T01IQQJDNZ0rdyEFmEcBJmIqPfe6ciRzYRvYjMzS4Mk/Mim9RXbbY/YkGLM5BDdI4PZKAe5zuJi+fDWmTPK5F3hS2RPNPdLK/RHnk1ulLFJnbWWOsuGEhuNJetT27I5eP95WFskqJ5fJM4oX1Cso3FqXUNvrZHTWSNO5Zb+i5bpkGhmh/rMCGJwsEWJ6oEmq4mZefRftkpXEmq1T3Q0QPGMFNNul8kVBRYdD9CW94TMGHFW+ETx9OLw4nzTGVVw0cXa5INlxq2APEisNow8cN8EtMYzE2clP+9humIUqHKpwjOd+9Zz7ZFvyw87v+eHE6E5DAAAAABJRU5ErkJggg");
mask-position: center;
mask-repeat: no-repeat;
mask-size: cover;
vertical-align: middle;
width: calc(183em / 8);
}
#footerHeading {
font-size: 2em;
font-weight: bold;
&::after {
background-color: var(--textColour);
border-radius: 0.25rem;
content: "";
display: block;
height: 0.25rem;
margin-bottom: 1rem;
margin-top: 0.25rem;
width: 100%;
}
}
img {
display: block;
margin: auto;
}
table {
border-collapse: collapse;
tr {
th, td {
line-height: 2em;
}
th {
text-align: left;
&::before {
content: "\00B7\0020";
}
}
td {
padding-left: 2rem;
}
}
}
}
|