Mastodon-Circles/style.css

107 lines
1.4 KiB
CSS
Raw Normal View History

2022-11-19 17:53:53 +01:00
body {
2023-08-31 21:02:16 +02:00
font-family: sans-serif;
2022-11-19 17:53:53 +01:00
font-size: 20px;
line-height: 200%;
padding-top: 75px;
2022-11-19 20:52:03 +01:00
text-align: center;
2022-11-19 22:14:44 +01:00
}
2023-08-31 21:02:16 +02:00
@media (prefers-color-scheme: dark) {
body {
background-color: #191b22;
color: #d9e1e8;
}
a:link {
2023-08-31 23:41:36 +02:00
color: #aaa0ff;
2023-08-31 21:02:16 +02:00
}
a:visited {
2023-08-31 23:41:36 +02:00
color: #dd87ff;
2023-08-31 21:02:16 +02:00
}
}
2022-11-19 22:14:44 +01:00
input[type="text"]
{
2022-11-20 13:03:18 +01:00
font-size: 110%;
width: 75%;
2022-11-19 22:14:44 +01:00
}
button {
2022-11-20 13:03:18 +01:00
font-size: 110%;
}
2022-11-20 14:51:58 +01:00
canvas {
max-width: 1000px;
width: 90%;
2023-08-31 23:41:36 +02:00
image-rendering: smooth;
2022-11-20 14:51:58 +01:00
}
2023-08-31 21:02:16 +02:00
a:hover {
2022-11-20 13:03:18 +01:00
text-decoration: none;
2023-08-31 21:02:16 +02:00
}
a:active {
color: #ff6200;
2022-11-20 13:03:18 +01:00
}
#outDiv {
2023-08-31 23:41:36 +02:00
display: none;
margin-top: 30px;
2022-11-20 14:51:58 +01:00
}
#outInfo {
font-style: italic;
}
2022-11-20 14:51:58 +01:00
#usersDiv {
2023-08-31 23:41:36 +02:00
line-height: 150%;
2022-11-20 15:17:18 +01:00
font-size: 100%;
2023-08-31 23:41:36 +02:00
display: flex;
justify-content: center;
gap: 2em;
flex-wrap: wrap;
2022-11-20 14:51:58 +01:00
}
.userSubDiv {
2022-11-20 15:17:18 +01:00
min-width: 400px;
2022-11-20 16:18:38 +01:00
max-width: 90%;
2023-08-31 23:41:36 +02:00
display: flex;
flex-wrap: wrap;
flex-direction: column;
align-items: start;
}
.userItem {
display: inline;
text-align: left;
}
.userItem {
text-decoration: underline 1px;
text-decoration-style: dotted;
}
.userItem:hover {
text-decoration-style: solid;
}
.userHost {
opacity: 0.75;
}
.userImg {
border-radius: 50%;
width: 1em;
height: 1em;
vertical-align: middle;
user-select: none;
-webkit-user-select: none;
margin-right: 0.5em;
}
#credits {
min-width: 90%;
}