Made the CSS look pretty

This commit is contained in:
Natty 2023-08-31 21:02:16 +02:00
parent d59b33158a
commit 4bb2385432
No known key found for this signature in database
GPG key ID: BF6CB659ADEE60EC
2 changed files with 22 additions and 5 deletions

View file

@ -7,7 +7,7 @@
<body>
<script src="create-circle.js"></script>
<script src="image.js"></script>
<h1>Fedi Circle Creator</h1>
<h1>&#11093; Fedi Circle Creator</h1>
<form id="generateForm" onsubmit="(async () => await circleMain())(); return false;">
<input id="txt_mastodon_handle" type="text" placeholder="@sonnenbrandi@mieke.club">
<br><br>

View file

@ -1,12 +1,26 @@
body {
background-color: #191b22;
color: #d9e1e8;
font-family: sans-serif;
font-size: 20px;
line-height: 200%;
padding-top: 75px;
text-align: center;
}
@media (prefers-color-scheme: dark) {
body {
background-color: #191b22;
color: #d9e1e8;
}
a:link {
color: #dd87ff;
}
a:visited {
color: #6153ff;
}
}
input[type="text"]
{
font-size: 110%;
@ -22,9 +36,12 @@ canvas {
width: 90%;
}
a {
a:hover {
text-decoration: none;
color: #AAAAAA;
}
a:active {
color: #ff6200;
}
#outDiv {