diff --git a/docs/index.html b/docs/index.html index a310966..3ef91c4 100644 --- a/docs/index.html +++ b/docs/index.html @@ -1,11 +1,14 @@ - + + + kyla +
- +
@@ -27,10 +30,15 @@
  • stinky
    • administrator
    - kitsuclub - kitsugay (nsfw) - kitsuchat - kitsustatus
    + kitsuclub + kitsugay + (nsfw) + kitsuchat + kitsustatus



    @@ -46,11 +54,16 @@ paypalkofi
    + - + + + + \ No newline at end of file diff --git a/docs/neofox.png b/docs/neofox.png new file mode 100755 index 0000000..696b55e Binary files /dev/null and b/docs/neofox.png differ diff --git a/docs/style.css b/docs/style.css index 5d6680a..40ac834 100644 --- a/docs/style.css +++ b/docs/style.css @@ -1,98 +1,124 @@ body { - background: #eaeaea; - margin: 0; - height: 100vh; - width: 100vw; - display: flex; - font-family: monospace; - justify-content: center; - align-items: center; - border-radius: 15px; + background: #eaeaea; + margin: 0; + height: 100vh; + width: 100vw; + display: flex; + font-family: monospace; + justify-content: center; + align-items: center; + border-radius: 15px; } + #stickers { - border-top: 1px solid black; - padding: 10px; - height: 40px; - flex-grow: 100; + border-top: 1px solid black; + padding: 10px; + height: 40px; + flex-grow: 100; } #innerSticker { - display: flex; - align-items: center; - justify-content: space-around; + display: flex; + align-items: center; + justify-content: space-around; } #footer { - position: absolute; - bottom: 0; - right: 0; - display: flex; - align-content: bottom; - align-items: flex-end; - width: 100vw; + position: absolute; + bottom: 0; + right: 0; + display: flex; + align-content: bottom; + align-items: flex-end; + width: 100vw; } + #webring { - background: white; - padding: 15px; - width: 155px; - border-left: black solid 1px; - border-top: black solid 1px + background: white; + padding: 15px; + width: 155px; + border-left: black solid 1px; + border-top: black solid 1px } #back { - position: absolute; - left: 0; - top: 0; - background: black; - color: white; - padding: 0px 5px + position: absolute; + left: 0; + top: 0; + background: black; + color: white; + padding: 0px 5px } #content { - box-shadow: -25px 15px 10px lightgray; - border-radius: 7px; - background: white; - border: 1px solid gray; - display: flex; - justify-content: space-between; - overflow: hidden auto; + box-shadow: -25px 15px 10px lightgray; + border-radius: 7px; + background: white; + border: 1px solid gray; + display: flex; + justify-content: space-between; + overflow: hidden auto; } + #content #left { - margin-left: 30px; - margin-bottom: ; - margin-block: auto; - padding-block: 30px; + margin-left: 30px; + margin-bottom: ; + margin-block: auto; + padding-block: 30px; } + h1 { - margin-bottom: 0; + margin-bottom: 0; } + a { - padding-right: 15px; - color: black; + padding-right: 15px; + color: black; } + .lighter { - color: gray; + color: gray; } + #right { - height: 100%; - position: sticky; - top: 0; - right: -100px; + height: 100%; + position: sticky; + top: 0; + right: -100px; } + img { - border-radius: 7px; - vertical-align: middle; + border-radius: 7px; + vertical-align: middle; } #innerSticker a img { - border-radius: 0; - width: 88px; - height: 33px; + border-radius: 0; + width: 88px; + height: 33px; } + a img { - padding-right: 5px; - height: 25px; - width: 25px; - overflow: hidden; + padding-right: 5px; + height: 25px; + width: 25px; + overflow: hidden; +} + +.falling { + position: absolute; + left: 50%; + top: 0; + animation: fall 3s linear forwards infinite; +} + +@keyframes fall { + 0% { + transform: translateY(0) rotate(0); + } + + 100% { + transform: translateY(200vh) rotate(180deg); + } }