105 lines
1.6 KiB
CSS
105 lines
1.6 KiB
CSS
@font-face {
|
|
font-family: LCDNUM;
|
|
src: url("font/Connection-3zA2z.ttf");
|
|
}
|
|
|
|
@font-face {
|
|
font-family: LCD;
|
|
src: url("font/LcdSolid-VPzB.ttf");
|
|
}
|
|
|
|
|
|
html {
|
|
background: url("images/ditto.png");
|
|
image-rendering: pixelated;
|
|
font-family: LCD;
|
|
overflow: clip;
|
|
}
|
|
#swatchClock { font-family: LCDNUM; }
|
|
|
|
#main {
|
|
position: fixed;
|
|
width: 90vw;
|
|
top: 20vh; left: 5vw;
|
|
|
|
max-height: 80vh;
|
|
text-align: center;
|
|
background-color: white;
|
|
}
|
|
|
|
#links {
|
|
position: absolute;
|
|
top: 15%; left: 6%;
|
|
width: 75%; height: 65%;
|
|
margin: auto;
|
|
text-align: center;
|
|
|
|
display: flex;
|
|
justify-content: space-evenly;
|
|
flex-wrap: wrap;
|
|
gap: 10px; padding: 10px;
|
|
}
|
|
#links>* {
|
|
background-color: #70b070;
|
|
border: 5px #385030 solid;
|
|
}
|
|
|
|
.border {
|
|
border-image-slice: 34% 34% 34% 34%;
|
|
border-image-width: 20px;
|
|
border-image-repeat: stretch;
|
|
border-style: solid;
|
|
border-image-source: url("https://neoskitties.org/graphics/borders/tile003.png");
|
|
|
|
margin: 10vh auto;
|
|
padding: 15px;
|
|
}
|
|
|
|
|
|
#poketch {
|
|
margin: auto;
|
|
position: fixed;
|
|
height: 60vh; width: 40vw;
|
|
bottom: -5vw;
|
|
left: 32vw;
|
|
|
|
overflow: scroll;
|
|
}
|
|
#poketch>img { width: 100%; }
|
|
#poketch a { color: inherit; text-decoration: none; }
|
|
|
|
#swatchClock {
|
|
position: absolute;
|
|
top: 40%; width: 83%;
|
|
text-align: center;
|
|
font-size: 6rem;
|
|
margin: auto;
|
|
color: #385030;
|
|
}
|
|
|
|
#goomy {
|
|
position: fixed;
|
|
left: 0; bottom: 0;
|
|
width: 20vw;
|
|
}
|
|
|
|
#litclock {
|
|
position: fixed;
|
|
width: 90vw; margin: auto;
|
|
left: 5vw;
|
|
|
|
background-color: white;
|
|
padding: 25px;
|
|
padding-top: 40px; top: -45px;
|
|
text-align: center;
|
|
}
|
|
|
|
#litclock-pre {
|
|
margin-top: 5;
|
|
}
|
|
|
|
#litclock-time {
|
|
font-family: LCDNUM;
|
|
font-size: 3rem;
|
|
}
|