mirror of
https://github.com/AMNatty/Mastodon-Circles.git
synced 2024-11-21 18:47: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>
|
<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>⭕ 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
25
style.css
|
@ -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 {
|
||||||
|
|
Loading…
Reference in a new issue