From e2d1117cc5579c42dfbc6209cd9ed10509aa35bf Mon Sep 17 00:00:00 2001 From: Sam Ireland Date: Sun, 3 Jan 2021 01:22:07 +0000 Subject: [PATCH] Basic style --- html/comment-div.html | 6 ++- html/post-div.html | 10 ++-- html/post.html | 1 + html/saved.html | 1 + html/style.css | 120 +++++++++++++++++++++++++++++++++++++++++- html/upvoted.html | 1 + 6 files changed, 132 insertions(+), 7 deletions(-) diff --git a/html/comment-div.html b/html/comment-div.html index 663fa3e..423354f 100644 --- a/html/comment-div.html +++ b/html/comment-div.html @@ -1,7 +1,9 @@
-
-
+
+
(+)
+
+
diff --git a/html/post-div.html b/html/post-div.html index 88a2040..b02c71e 100644 --- a/html/post-div.html +++ b/html/post-div.html @@ -1,11 +1,15 @@

- +
+
Link reddit Link Content Link -
-
+
+ + + +
diff --git a/html/post.html b/html/post.html index b6f9851..e3053c4 100644 --- a/html/post.html +++ b/html/post.html @@ -1,6 +1,7 @@ <!--title--> + diff --git a/html/saved.html b/html/saved.html index 0e07c69..3601a36 100644 --- a/html/saved.html +++ b/html/saved.html @@ -1,6 +1,7 @@ Saved Posts + diff --git a/html/style.css b/html/style.css index ed40b8e..895b861 100644 --- a/html/style.css +++ b/html/style.css @@ -1,8 +1,124 @@ -a { - display: block; +* { + margin: 0; + padding: 0; + border: 0; + outline: none; + font-size: 100%; + font: inherit; + vertical-align: baseline; + list-style: none; + background-color: inherit; + box-sizing: border-box; + -webkit-appearance: none; + -moz-appearance: none; +} + +body { + font-family: 'Open Sans', Verdana; } img, video { max-width: 200px; max-height: 300px; +} + +a { + color: #0079d3; + text-decoration: none; +} + +p { + font-size: 14px; + margin-bottom: 8px; +} + +em { + font-style: italic; +} + +strong { + font-weight: bold; +} + +code { + font-family: monospace; + white-space: pre; +} + +a:hover { + text-decoration: underline; +} + +h1 { + font-weight: bold; + font-size: 24px; + padding: 8px 16px; +} + +.post, .comment { + border-top: 1px solid #f0f0f0; + padding: 12px 16px; +} + +.post h2 { + font-weight: bold; + font-size: 18px; +} + +.post h1 { + padding: 0; + margin-bottom: 8px; +} + +.post .info { + font-size: 12px; + font-weight: 300; + margin-bottom: 16px; +} + +.post .info time { + font-weight: 500; +} + +.post .info time, .post .info span { + padding-right: 4px; +} + +.post .links a { + padding-right: 4px; + font-weight: 400; +} + +.post .links a:after { + content: "|"; + position: relative; + right: -4px; +} + +.post .links a:last-child:after { + content: ""; +} + +.comment .info { + display: flex; + align-items: baseline; + margin-bottom: 8px; +} + +.comment .info time { + padding-right: 12px; +} + +.comment .info div { + font-weight: 300; + font-size: 12px; + padding-right: 8px; + position: relative; + top: -1px; +} + +.comments h2 { + font-weight: bold; + font-size: 20px; + padding: 8px 16px; } \ No newline at end of file diff --git a/html/upvoted.html b/html/upvoted.html index fe2b8ca..6f3c88f 100644 --- a/html/upvoted.html +++ b/html/upvoted.html @@ -1,6 +1,7 @@ Upvoted Posts +