include Björn's Mastodon comment script

2019-10-14 12:29:38 +02:00
parent 00bd4fb586
commit 056cbd4be2
6 changed files with 1297 additions and 0 deletions
--- a/themes/hugo-mastodon-comments/static/comments/mastodon-comments.css
+++ b/themes/hugo-mastodon-comments/static/comments/mastodon-comments.css
@@ -0,0 +1,60 @@
+.comments-container .comment .avatar {
+  float: left;
+  width: 50px;
+  height: 50px;
+  margin-left: 16px;
+  margin-right: 16px;
+  border-radius: 50%;
+}
+
+.comments-container #reference {
+  text-align: center;
+  font-size: 16px;
+}
+
+.comments-container .comment {
+  margin-top: 50px;
+  margin-bottom: 50px;
+  font-size: 16px;
+  padding-left: 20px;
+}
+
+.comments-container .toot {
+  padding-left: 82px;
+}
+
+.comments-container .author {
+  padding-top: 10px;
+  padding-bottom: 10px;
+}
+
+.comments-container #mastodon-like-count,
+.comments-container #mastodon-reblog-count,
+.comments-container #mastodon-reply-count
+ {
+  float: right;
+  font-size: 16px;
+  background: #eee;
+  padding: 3px 10px;
+  margin: 30px 5px;
+  border-radius: 5px;
+}
+
+.comments-container #mastodon-like-count a,
+.comments-container #mastodon-reblog-count a,
+.comments-container #mastodon-reply-count a
+ {
+  color: #333333;
+}
+
+.comments-container #mastodon-like-count a:hover,
+.comments-container #mastodon-reblog-count a:hover,
+.comments-container #mastodon-reply-count a:hover
+ {
+  color: black;
+  text-decoration: none;
+}
+
+.comments-container .fa {
+    padding-right: 10px;
+}