Reorganize CSS

This commit is contained in:
spikecodes 2020-12-21 21:39:55 -08:00
parent 83816fbcc6
commit 9ecbd25488
2 changed files with 27 additions and 34 deletions

16
Cargo.lock generated
View File

@ -807,9 +807,9 @@ checksum = "d7afe4a420e3fe79967a00898cc1f4db7c8a49a9333a29f8a4bd76a253d5cd04"
[[package]] [[package]]
name = "heck" name = "heck"
version = "0.3.1" version = "0.3.2"
source = "registry+https://github.com/rust-lang/crates.io-index" source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "20564e78d53d2bb135c343b3f47714a56af2061f1c928fdb541dc7b9fdd94205" checksum = "87cbf45460356b7deeb5e3415b5563308c0a9b057c85e12b06ad551f98d0a6ac"
dependencies = [ dependencies = [
"unicode-segmentation", "unicode-segmentation",
] ]
@ -1228,9 +1228,9 @@ dependencies = [
[[package]] [[package]]
name = "parking_lot_core" name = "parking_lot_core"
version = "0.8.1" version = "0.8.2"
source = "registry+https://github.com/rust-lang/crates.io-index" source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "d7c6d9b8427445284a09c55be860a15855ab580a417ccad9da88f5a06787ced0" checksum = "9ccb628cad4f84851442432c60ad8e1f607e29752d0bf072cbd0baf28aa34272"
dependencies = [ dependencies = [
"cfg-if 1.0.0", "cfg-if 1.0.0",
"instant", "instant",
@ -1631,9 +1631,9 @@ checksum = "2579985fda508104f7587689507983eadd6a6e84dd35d6d115361f530916fa0d"
[[package]] [[package]]
name = "signal-hook-registry" name = "signal-hook-registry"
version = "1.2.2" version = "1.3.0"
source = "registry+https://github.com/rust-lang/crates.io-index" source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "ce32ea0c6c56d5eacaeb814fbed9960547021d3edd010ded1425f180536b20ab" checksum = "16f1d0fef1604ba8f7a073c7e701f213e056707210e9020af4528e0101ce11a6"
dependencies = [ dependencies = [
"libc", "libc",
] ]
@ -1652,9 +1652,9 @@ checksum = "ae524f056d7d770e174287294f562e95044c68e88dec909a00d2094805db9d75"
[[package]] [[package]]
name = "socket2" name = "socket2"
version = "0.3.18" version = "0.3.19"
source = "registry+https://github.com/rust-lang/crates.io-index" source = "registry+https://github.com/rust-lang/crates.io-index"
checksum = "97e0e9fd577458a4f61fb91fcb559ea2afecc54c934119421f9f5d3d5b1a1057" checksum = "122e570113d28d773067fab24266b66753f6ea915758651696b6e35e49f88d6e"
dependencies = [ dependencies = [
"cfg-if 1.0.0", "cfg-if 1.0.0",
"libc", "libc",

View File

@ -1,6 +1,7 @@
/* General */ /* General */
:root { :root {
--accent: aqua;
--background: #0F0F0F; --background: #0F0F0F;
--foreground: #222; --foreground: #222;
--outside: #1F1F1F; --outside: #1F1F1F;
@ -26,7 +27,7 @@ body {
nav { nav {
display: flex; display: flex;
justify-content: space-between; justify-content: space-between;
color: aqua; color: var(--accent);
background: var(--outside); background: var(--outside);
padding: 15px; padding: 15px;
font-weight: bold; font-weight: bold;
@ -159,7 +160,7 @@ a:not(.post_right):hover {
} }
#sort > div.selected { #sort > div.selected {
background: aqua; background: var(--accent);
color: black; color: black;
} }
@ -207,8 +208,8 @@ a:not(.post_right):hover {
} }
.post_score { .post_score {
margin-top: 1em; margin-top: 20px;
color: aqua; color: var(--accent);
} }
.post_right { .post_right {
@ -242,16 +243,16 @@ a:not(.post_right):hover {
} }
.post_body > p:not(:first-child) { .post_body > p:not(:first-child) {
margin-top: 1.5em; margin-top: 20px;
} }
.post_body a { .post_body a {
text-decoration: underline; text-decoration: underline;
color: aqua; color: var(--accent);
} }
#post_url { #post_url {
color: aqua; color: var(--accent);
} }
.post_thumbnail { .post_thumbnail {
@ -268,7 +269,7 @@ a:not(.post_right):hover {
} }
.post_flair { .post_flair {
background: aqua; background: var(--accent);
color: black; color: black;
padding: 5px; padding: 5px;
margin-right: 5px; margin-right: 5px;
@ -280,7 +281,7 @@ a:not(.post_right):hover {
/* Comment */ /* Comment */
.comment { .comment {
margin-top: 1em; margin-top: 15px;
border-radius: 5px; border-radius: 5px;
display: flex; display: flex;
font-size: 15px; font-size: 15px;
@ -307,7 +308,7 @@ a:not(.post_right):hover {
} }
.comment_author.op { .comment_author.op {
color: aqua; color: var(--accent);
font-weight: bold; font-weight: bold;
} }
@ -321,20 +322,12 @@ a:not(.post_right):hover {
font-weight: bold; font-weight: bold;
} }
.comment_upvote {
margin-top: 0.5em;
border-radius: 5px 5px 0px 0px;
background: var(--foreground);
width: 40px;
padding: 10px 0px 0px 0px;
}
.comment_subreddit { .comment_subreddit {
font-weight: bold; font-weight: bold;
} }
.comment_score { .comment_score {
color: aqua; color: var(--accent);
background: var(--foreground); background: var(--foreground);
min-width: 40px; min-width: 40px;
border-radius: 5px; border-radius: 5px;
@ -368,21 +361,21 @@ a:not(.post_right):hover {
} }
.comment_body > p:not(:first-child) { .comment_body > p:not(:first-child) {
margin-top: 1.5em; margin-top: 20px;
} }
.comment_body a { .comment_body a {
text-decoration: underline; text-decoration: underline;
color: aqua; color: var(--accent);
} }
.deeper_replies { .deeper_replies {
color: aqua; color: var(--accent);
margin-left: 1em; margin-left: 15px;
} }
::marker { ::marker {
color: aqua; color: var(--accent);
} }
.replies > .comment { .replies > .comment {
@ -428,12 +421,12 @@ code {
table { table {
border: 3px var(--highlighted) solid; border: 3px var(--highlighted) solid;
border-spacing: 0rem; border-spacing: 0;
} }
td, th { td, th {
border: 1px var(--highlighted) solid; border: 1px var(--highlighted) solid;
padding: 0.5em; padding: 10px;
} }
/* Mobile */ /* Mobile */