mirror of
https://github.com/AMNatty/Mastodon-Circles.git
synced 2024-11-21 10:37:26 -07:00
Made the CSS look pretty
This commit is contained in:
parent
d59b33158a
commit
4bb2385432
2 changed files with 22 additions and 5 deletions
|
@ -7,7 +7,7 @@
|
|||
<body>
|
||||
<script src="create-circle.js"></script>
|
||||
<script src="image.js"></script>
|
||||
<h1>Fedi Circle Creator</h1>
|
||||
<h1>⭕ 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>
|
||||
|
|
25
style.css
25
style.css
|
@ -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 {
|
||||
|
|
Loading…
Reference in a new issue