1 files changed, 175 insertions, 0 deletions
diff --git a/snac.css b/snac.css
new file mode 100644
index 0000000..4da042c
--- /dev/null
+++ b/snac.css
@@ -0,0 +1,175 @@
+body {
+    max-width: 80ch;
+    margin: auto;
+    line-height: 1.5;
+    padding: 0.8em;
+    word-wrap: break-word;
+    font-family: 'Comic Sans MS', 'Chalkboard SE', 'Comic Neue', sans-serif;
+}
+pre {
+    overflow-x: scroll;
+}
+blockquote {
+    font-style: italic;
+}
+.snac-embedded-video, img {
+    max-width: 100%
+}
+.snac-origin {
+    font-size: 85%
+}
+.snac-score {
+    float: right;
+    font-size: 85%
+}
+.snac-top-user {
+    text-align: center;
+    padding-bottom: 2em
+}
+.snac-top-user-name {
+    font-size: 200%
+}
+.snac-top-user-id {
+    font-size: 150%
+}
+.snac-announcement {
+    border: black 1px solid;
+    padding: 0.5em
+}
+.snac-avatar {
+    float: left;
+    height: 2.5em;
+    width: 2.5em;
+    padding: 0.25em
+}
+.snac-author {
+    font-size: 90%;
+    text-decoration: none
+}
+.snac-author-tag {
+    font-size: 80%
+}
+.snac-pubdate {
+    color: #a0a0a0;
+    font-size: 90%
+}
+.snac-top-controls {
+    padding-bottom: 1.5em
+}
+.snac-post {
+    border-top: 1px solid #a0a0a0;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+}
+.snac-children {
+    padding-left: 1em;
+    border-left: 1px solid #a0a0a0;
+}
+.snac-thread-cont {
+    border-top: 1px dashed #a0a0a0;
+}
+.snac-textarea {
+    font-family: inherit;
+    width: 100%
+}
+.snac-history {
+    border: 1px solid #606060;
+    border-radius: 3px;
+    margin: 2.5em 0;
+    padding: 0 2em
+}
+.snac-btn-mute {
+    float: right;
+    margin-left: 0.5em
+}
+.snac-btn-unmute {
+    float: right;
+    margin-left: 0.5em
+}
+.snac-btn-follow {
+    float: right;
+    margin-left: 0.5em
+}
+.snac-btn-unfollow {
+    float: right;
+    margin-left: 0.5em
+}
+.snac-btn-hide {
+    float: right;
+    margin-left: 0.5em
+}
+.snac-btn-delete {
+    float: right;
+    margin-left: 0.5em
+}
+.snac-btn-limit {
+    float: right;
+    margin-left: 0.5em
+}
+.snac-btn-unlimit {
+    float: right;
+    margin-left: 0.5em
+}
+.snac-footer {
+    margin-top: 2em;
+    font-size: 75%
+}
+.snac-poll-result {
+    margin-left: auto;
+    margin-right: auto;
+}
+.snac-list-of-lists {
+    padding-left: 0;
+}
+.snac-list-of-lists li {
+    display: inline;
+    border: 1px solid #a0a0a0;
+    margin-right: 0.5em;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+}
+.snac-no-more-unseen-posts {
+    border-top: 1px solid #a0a0a0;
+    border-bottom: 1px solid #a0a0a0;
+    padding: 0.5em 0;
+    margin: 1em 0;
+}
+.snac-reaction {
+    padding:5px;
+    padding-left: 10px;
+    padding-right: 10px;
+    display: inline-flex;
+    margin-right: 5px;
+    font-family: inherit;
+    font-size: medium;
+    height: 2.5rem;
+    vertical-align:middle;
+    align-items:center;
+}
+.snac-reaction-image {
+    max-width: 100%;
+    max-height: 100%;
+}
+.snac-reaction-div {
+    border-left: darkgray;
+    border-left-style: solid;
+    margin-bottom: .3em;
+    padding-left: .3em;
+    border-left-width: 2px;
+}
+@media (prefers-color-scheme: dark) {
+    body, input, textarea {
+	background-color: #1e1f21;
+	color: #eeeff1;
+    }
+    :link {
+	color: #bad7ff;
+    }
+
+    :visited {
+	color: #f6baff;
+    }
+}
+select {
+    max-width: 40%;
+}