style.css (2099B)
1 body { max-width: 48em; margin: auto; line-height: 1.5; padding: 0.8em; word-wrap: break-word; } 2 pre { overflow-x: scroll; } 3 .snac-embedded-video, img { max-width: 100% } 4 .snac-origin { font-size: 85% } 5 .snac-score { float: right; font-size: 85% } 6 .snac-top-user { text-align: center; padding-bottom: 2em } 7 .snac-top-user-name { font-size: 200% } 8 .snac-top-user-id { font-size: 150% } 9 .snac-announcement { border: black 1px solid; padding: 0.5em } 10 .snac-avatar { float: left; height: 2.5em; width: 2.5em; padding: 0.25em } 11 .snac-author { font-size: 90%; text-decoration: none } 12 .snac-author-tag { font-size: 80% } 13 .snac-pubdate { color: #a0a0a0; font-size: 90% } 14 .snac-top-controls { padding-bottom: 1.5em } 15 .snac-post { border-top: 1px solid #a0a0a0; padding-top: 0.5em; padding-bottom: 0.5em; } 16 .snac-children { padding-left: 1em; border-left: 1px solid #a0a0a0; } 17 .snac-thread-cont { border-top: 1px dashed #a0a0a0; } 18 .snac-textarea { font-family: inherit; width: 100% } 19 .snac-history { border: 1px solid #606060; border-radius: 3px; margin: 2.5em 0; padding: 0 2em } 20 .snac-btn-mute { float: right; margin-left: 0.5em } 21 .snac-btn-unmute { float: right; margin-left: 0.5em } 22 .snac-btn-follow { float: right; margin-left: 0.5em } 23 .snac-btn-unfollow { float: right; margin-left: 0.5em } 24 .snac-btn-hide { float: right; margin-left: 0.5em } 25 .snac-btn-delete { float: right; margin-left: 0.5em } 26 .snac-btn-limit { float: right; margin-left: 0.5em } 27 .snac-btn-unlimit { float: right; margin-left: 0.5em } 28 .snac-footer { margin-top: 2em; font-size: 75% } 29 .snac-poll-result { margin-left: auto; margin-right: auto; } 30 .snac-list-of-lists { padding-left: 0; } 31 .snac-list-of-lists li { display: inline; border: 1px solid #a0a0a0; border-radius: 25px; 32 margin-right: 0.5em; padding-left: 0.5em; padding-right: 0.5em; } 33 .snac-no-more-unseen-posts { border-top: 1px solid #a0a0a0; border-bottom: 1px solid #a0a0a0; padding: 0.5em 0; margin: 1em 0; } 34 @media (prefers-color-scheme: dark) { 35 body, input, textarea { background-color: #000; color: #fff; } 36 a { color: #7799dd } 37 a:visited { color: #aa99dd } 38 }