lotsa stuff

This commit is contained in:
bobbydigitales
2024-10-30 20:51:44 -07:00
parent 05c4800461
commit 6ce693cefc
13 changed files with 1421 additions and 373 deletions

View File

@@ -1,37 +1,37 @@
@media (prefers-reduced-motion) {
/* styles to apply if a user's device settings are set to reduced motion */
}
}
:root {
--main-bg-color: white;
--border-color:rgb(132,136,138);
--edge-color:rgb(60,60,60);
--main-fg-color:black;
--highlight-fg-color:rgb(255,255,255);
--link-color:rgb(29, 155, 240);
--border-color: rgb(132, 136, 138);
--edge-color: rgb(60, 60, 60);
--main-fg-color: black;
--highlight-fg-color: rgb(255, 255, 255);
--link-color: rgb(29, 155, 240);
}
@media (prefers-color-scheme: dark) {
@media (prefers-color-scheme: dark) {
:root {
--main-bg-color: black;
--border-color:rgb(132,136,138);
--edge-color:rgb(60,60,60);
--main-fg-color:rgb(202,208,211);
--highlight-fg-color:rgb(255,255,255);
--link-color:rgb(29, 155, 240);
--border-color: rgb(132, 136, 138);
--edge-color: rgb(60, 60, 60);
--main-fg-color: rgb(202, 208, 211);
--highlight-fg-color: rgb(255, 255, 255);
--link-color: rgb(29, 155, 240);
}
}
}
body {
font-family: sans-serif;
color: var(--main-fg-color);
background-color: var(--main-bg-color);
margin:0px;
margin: 0px;
}
hr {
@@ -108,7 +108,7 @@ hr {
font-size: 10px;
margin-bottom: 20px;
height: 150px;
width: 50%;
width: 100%;
}
.right {
@@ -127,10 +127,35 @@ a {
color: var(--link-color);
}
.logo {
#ddln_logo_button {
width: 32px;
height: 32px;
image-rendering: pixelated;
background-image: url('/static/favicon.ico');
background-repeat: no-repeat;
background-size: cover;
}
@media (prefers-reduced-motion) {
#ddln_logo_button {
width: 32px;
height: 32px;
image-rendering: pixelated;
background-image: url('/static/favicon.ico');
background-repeat: no-repeat;
background-size: cover;
}
}
@media (prefer) {
#ddln_logo_button {
width: 32px;
height: 32px;
image-rendering: pixelated;
background-image: url('/static/favicon.ico');
background-repeat: no-repeat;
background-size: cover;
}
}
#torrent-content {
@@ -142,8 +167,9 @@ a {
cursor: pointer;
}
button,.button {
font-size:small;
button,
.button {
font-size: small;
background-color: var(--main-bg-color);
border-radius: 10px;
padding-left: 10px;
@@ -159,11 +185,12 @@ button,.button {
}
video {
width:100%
width: 100%
}
iframe {
width: 100%
width: 100%;
/* display:none; */
}
.qrcode_image {
@@ -172,5 +199,23 @@ iframe {
}
#ids {
font-size:xx-small;
font-size: xx-small;
}
#peer_display {
width: 100%;
height: 300px;
}
#compose {
display: none
}
.username {
color: var(--main-fg-color);
text-decoration: none;
}
.username:hover {
text-decoration: underline;
}