lotsa stuff
This commit is contained in:
@@ -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;
|
||||
}
|
||||
Reference in New Issue
Block a user