ouroboros-gorup/Mastodon-Circles
1
0
Fork 0
mirror of https://github.com/AMNatty/Mastodon-Circles.git synced 2024-11-12 14:17:28 -07:00
Code Issues Projects Releases Packages Wiki Activity Actions

Made the CSS look pretty

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

2
index.html
View file

@ -7,7 +7,7 @@
<body> <body>
<script src="create-circle.js"></script> <script src="create-circle.js"></script>
<script src="image.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;"> <form id="generateForm" onsubmit="(async () => await circleMain())(); return false;">
<input id="txt_mastodon_handle" type="text" placeholder="@sonnenbrandi@mieke.club"> <input id="txt_mastodon_handle" type="text" placeholder="@sonnenbrandi@mieke.club">
<br><br> <br><br>

25
style.css
View file

@ -1,12 +1,26 @@
body { body {
background-color: #191b22; font-family: sans-serif;
color: #d9e1e8;
font-size: 20px; font-size: 20px;
line-height: 200%; line-height: 200%;
padding-top: 75px; padding-top: 75px;
text-align: center; 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"] input[type="text"]
{ {
font-size: 110%; font-size: 110%;
@ -22,9 +36,12 @@ canvas {
width: 90%; width: 90%;
} }
a { a:hover {
text-decoration: none; text-decoration: none;
color: #AAAAAA; }
a:active {
color: #ff6200;
} }
#outDiv { #outDiv {