Very cool styles

This commit is contained in:
zneix 2021-07-24 14:08:44 +02:00
parent f76c92388f
commit e06618be1e
No known key found for this signature in database
GPG key ID: 911916E0523B22F6

View file

@ -1,12 +1,59 @@
<html> <html>
<head> <head>
<title>Login - Chatterino</title> <title>Login - Chatterino</title>
<link href="https://fonts.googleapis.com/css2?family=Noto+Sans&display=swap" rel="stylesheet">
<link rel="icon" href="https://chatterino.com/logo.png">
<style>
body {
font-family: 'Noto Sans', sans-serif;
color: #efefef;
background-color: #1f1f1f;
font-size: 1.1em;
margin: 0;
display: flex;
justify-content: center;
align-items: center;
flex-direction: column;
text-align: center;
}
.title {
display: flex;
align-items: center;
font-size: 44px;
font-weight: bolder;
margin: 16px 0;
margin-bottom: 0.2em;
}
.title > img {
margin-right: 22px;
height: 40px;
width: 40px;
}
p {
margin: 6px 0;
text-decoration: none;
font-size: 1.5em;
max-width: 960px;
}
</style>
</head> </head>
<body> <body>
<div class="title">
<img src="https://chatterino.com/logo.png">Chatterino
</div>
<noscript> <noscript>
<p>noscript stuffs here</p> <style>
#status {
display: none;
}
</style>
<p>This page requires Javascript to run
<br>
<br>Alternatively, copy your access token from the URL
<br>and click "Paste token" button in Chatterino
</p>
</noscript> </noscript>
<p id="status">Loading...</p> <p id="status">Loading...</p>
<script> <script>
(function() { (function() {