112 lines
1.7 KiB
CSS
112 lines
1.7 KiB
CSS
:root {
|
|
font: 18pt serif;
|
|
color: white;
|
|
background: url(NEWFOL~1/GEC.JPG);
|
|
}
|
|
|
|
main {
|
|
width: 30em;
|
|
padding: 1rem;
|
|
margin: 1rem auto;
|
|
border: 8px outset white;
|
|
background: #639;
|
|
}
|
|
|
|
|
|
header, h1, h2, h3 { text-align: center; }
|
|
h1 { margin-top: 0; }
|
|
header { overflow: hidden; }
|
|
|
|
@media not (prefers-reduced-motion) {
|
|
@keyframes marquee {
|
|
from { transform: translateX(100%); }
|
|
to { transform: translateX(-100%); }
|
|
}
|
|
|
|
h1 {
|
|
animation-name: marquee;
|
|
animation-timing-function: linear;
|
|
animation-duration: 7.5s;
|
|
animation-iteration-count: infinite;
|
|
}
|
|
}
|
|
|
|
|
|
#mlemtext {
|
|
position: relative;
|
|
width: 80%;
|
|
margin: 0 auto;
|
|
height: 3em;
|
|
}
|
|
.niss, .nisse { position: absolute }
|
|
.niss { left: 0 }
|
|
.nisse { right: 0 }
|
|
|
|
header picture, header img {
|
|
display: block;
|
|
margin: 0 auto;
|
|
bacground: black;
|
|
}
|
|
|
|
#mlem + p { margin-top: 0; }
|
|
|
|
|
|
img[src$='.svg'] { height: 1em; }
|
|
|
|
a {
|
|
color: #9cf;
|
|
font-weight: bold;
|
|
text-decoration: none;
|
|
}
|
|
|
|
table {
|
|
width: 80%;
|
|
border-spacing: 0.75em 0.15em ;
|
|
}
|
|
|
|
th {
|
|
text-align: right;
|
|
font-weight: normal;
|
|
}
|
|
td {
|
|
font-weight: bold;
|
|
}
|
|
|
|
|
|
@font-face {
|
|
font-family: 'W95FA';
|
|
src: url(NEWFOL~1/W95FA.otf) format('opentype'),
|
|
url(NEWFOL~1/w95fa.woff) format('woff'),
|
|
url(NEWFOL~1/w95fa.woff2) format('woff2');
|
|
}
|
|
|
|
#links {
|
|
position: absolute;
|
|
top: 0; left: 0;
|
|
font-family: 'W95FA', sans-serif;
|
|
font-size: 13pt;
|
|
padding: 1rem;
|
|
}
|
|
|
|
#links li {
|
|
display: block;
|
|
width: 5em;
|
|
text-align: center;
|
|
margin-bottom: 1em;
|
|
}
|
|
|
|
#links img {
|
|
display: block;
|
|
margin: auto;
|
|
}
|
|
|
|
#links a {
|
|
font-weight: normal;
|
|
color: white;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#links span {
|
|
background: black;
|
|
padding: 0 0.25ch;
|
|
}
|