klopoModifikasi tema <a href="https://opbsd.rintik.xyz?t=snac2" class="mention hashtag" rel="nofollow noopener" target="_blank">#snac2</a> berdasarkan tema Paper buatan <a href="https://snac.nya.pub/voron" class="u-url mention" rel="nofollow noopener" target="_blank">@voron@snac.nya.pub</a><br>merubah background menjadi terang dan beberapa detil kecil lainnya. Untuk font pakai Source Serif 4 dari Google Fonts. <a href="https://fonts.google.com/specimen/Source+Serif+4" rel="nofollow noopener" target="_blank">https://fonts.google.com/specimen/Source+Serif+4</a><br><br><pre>@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:ital,opsz,wght@0,8..60,200..900;1,8..60,200..900&display=swap');<br><br>*,<br>*:before,<br>*:after {<br> box-sizing: border-box;<br>}<br>body {<br> max-width: 48em;<br> margin: 0 auto;<br> line-height: 1.5;<br> padding: 0.5rem 1rem;<br> word-wrap: break-word;<br> height: 100%;<br> color: <a href="https://opbsd.rintik.xyz?t=292929" class="mention hashtag" rel="nofollow noopener" target="_blank">#292929</a>;<br> font-weight: 400;<br> font-size: 16px;<br> font-family: 'Source Serif 4', Georgia, serif;<br> line-height: 1.725;<br> text-rendering: geometricPrecision;<br> display: flex;<br> flex-direction: column;<br> overflow-wrap: break-word;<br>}<br>blockquote { font-style: italic; border-left: 5px solid <a href="https://opbsd.rintik.xyz?t=e85d04" class="mention hashtag" rel="nofollow noopener" target="_blank">#e85d04</a>; border-radius: 0.4em; padding: 0rem 0 0rem 0.5rem }<br>video {<br> aspect-ratio: 16 / 9;<br>}<br>sup {<br> padding: 0 2px;<br> border-radius: 5px;<br> line-height: 99%;<br> left: 4px;<br> position: relative;<br> bottom: 4px;<br>}<br>a {<br> text-decoration: none;<br> color: <a href="https://opbsd.rintik.xyz?t=023e8a" class="mention hashtag" rel="nofollow noopener" target="_blank">#023e8a</a>;<br>}<br><br>.snac-content a:hover {<br> text-decoration: underline;<br>}<br><br>pre {<br> padding: 1em;<br> border-radius: 6px;<br> overflow: auto;<br> border: 1px solid <a href="https://opbsd.rintik.xyz?t=eee" class="mention hashtag" rel="nofollow noopener" target="_blank">#eee</a>;<br> margin: 1em 0;<br> tab-size: 1rem<br>}<br>pre, code {<br> font-family: 'SF Mono', monospace, Consolas, Courier New;<br> font-size: 90%;<br>}<br>p code, div code {<br> border: 1px solid <a href="https://opbsd.rintik.xyz?t=eee" class="mention hashtag" rel="nofollow noopener" target="_blank">#eee</a>;<br> border-radius: 3px;<br> font-size: 85%;<br> padding: 1px 2px;<br>}<br>input[type="file"] {<br> margin-bottom: 1rem;<br> width: 100%;<br>}<br>select,<br>input[type=file]::file-selector-button {<br> background: rgb(201, 201, 203, 0.4);<br> border: none;<br> border-radius: 4px;<br> padding: 0.3rem;<br>}<br>select:hover,<br>input[type=file]::file-selector-button:hover {<br> background: rgb(201, 201, 203);<br>}<br>input[type="text"] {<br> height: auto;<br> font-size: inherit;<br> width: 100%;<br> color: inherit;<br> border-radius: 4px;<br> border: inherit;<br>}<br>input[class^="snac-btn-"] {<br> background: rgb(201, 201, 203, 0.4);<br> border: none;<br> border-radius: 4px;<br> padding: 0.3rem;<br> font-size: 85%;<br>}<br>input[class^="snac-btn-"]:hover {<br> background: rgb(201, 201, 203);<br>}<br>input[name="telegram_bot"] {<br> margin-bottom: 0.5rem;<br>}<br>.snac-note input[value="Post"],<br>.snac-top-controls input[value="Post"],<br>.snac-top-controls input[value="Follow"],<br>.snac-top-controls input[value="Boost"],<br>.snac-top-controls input[value="Update user info"] {<br> background: rgb(100, 149, 237, 0.2);<br> color: <a href="https://opbsd.rintik.xyz?t=6495ed" class="mention hashtag" rel="nofollow noopener" target="_blank">#6495ED</a>;<br> border: none;<br> border-radius: 4px;<br> padding: 0.5rem 1rem;<br> font-weight: 700;<br>}<br>.snac-note input[value="Post"]:hover,<br>.snac-top-controls input[value="Post"]:hover,<br>.snac-top-controls input[value="Follow"]:hover,<br>.snac-top-controls input[value="Boost"]:hover,<br>.snac-top-controls input[value="Update user info"]:hover {<br> background: rgb(100, 149, 237, 0.3);<br>}<br>.snac-top-controls input[value="Follow"],<br>.snac-top-controls input[value="Boost"] {<br> margin-top: 0.5rem;<br>}<br>.snac-top-controls > div > details > summary::marker {<br> content: "✏️ ";<br>}<br>.snac-top-controls <a href="https://opbsd.rintik.xyz?t=new_post_form" class="mention hashtag" rel="nofollow noopener" target="_blank">#new_post_form</a> details:first-of-type summary::marker {<br> content: "📎 ";<br>}<br>.snac-top-controls <a href="https://opbsd.rintik.xyz?t=new_post_form" class="mention hashtag" rel="nofollow noopener" target="_blank">#new_post_form</a> details:last-of-type summary::marker {<br> content: "📊 ";<br>}<br>.snac-top-controls > details:first-of-type summary::marker {<br> content: "🗃️ ";<br>}<br>.snac-top-controls > details:last-of-type summary::marker {<br> content: "⚙️ ";<br>}<br>form[id$=_reply_form] details:first-of-type summary::marker {<br> content: "📎 ";<br>}<br>.snac-controls details:first-of-type summary::marker {<br> content: "🗨️ ";<br>}<br>.hashtag, .hashtag span { color: <a href="https://opbsd.rintik.xyz?t=ef233c" class="mention hashtag" rel="nofollow noopener" target="_blank">#ef233c</a>; font-weight: 600;}<br>h2::before {<br> position: absolute;<br> left: -1.2rem;<br> color: <a href="https://opbsd.rintik.xyz?t=6495ed" class="mention hashtag" rel="nofollow noopener" target="_blank">#6495ED</a>;<br> content: "<a href="https://opbsd.rintik.xyz?t=%22" class="mention hashtag" rel="nofollow noopener" target="_blank">#"</a>;;<br> font-size: 1.5rem;<br>}<br>h2 {<br> position: relative;<br> display: block;<br> margin-left: 1rem;<br>}<br>textarea,<br>input {<br> outline: none;<br> padding: 0.3rem;<br> background: <a href="https://opbsd.rintik.xyz?t=dedcd9" class="mention hashtag" rel="nofollow noopener" target="_blank">#dedcd9</a>;<br> border: none;<br> border-radius: 4px;<br>}<br>textarea[name="bio"],<br>textarea[name="metadata"] {<br> width: 100%;<br>}<br>textarea:focus,<br>input:focus {<br> background: <a href="https://opbsd.rintik.xyz?t=eae9e7" class="mention hashtag" rel="nofollow noopener" target="_blank">#eae9e7</a>;<br>}<br>summary {<br> border-radius: 4px;<br> padding: 0.1rem 0.2rem;<br> width: fit-content;<br>}<br>summary:hover {<br> cursor: pointer;<br> background: rgb(201, 201, 203, 0.4);<br>}<br>.snac-content-attachments img {<br> border: 1px solid <a href="https://opbsd.rintik.xyz?t=ccc" class="mention hashtag" rel="nofollow noopener" target="_blank">#ccc</a>;<br> border-radius: 8px;<br>}<br>.snac-embedded-video,<br>img {<br> max-width: 100%;<br> border-radius: 4px;<br>}<br>.snac-origin {<br> font-size: 85%;<br> font-family: system-ui, sans-serif;<br> color: limegreen;<br> margin-top: 0.3rem;<br>}<br>.snac-origin>a {<br> color: <a href="https://opbsd.rintik.xyz?t=363533" class="mention hashtag" rel="nofollow noopener" target="_blank">#363533</a>;<br>}<br>.snac-score {<br> float: right;<br> font-size: 85%;<br> margin-left: 0.5rem;<br>}<br>.snac-metadata {<br> margin-bottom: 1rem;<br>}<br>.snac-top-user-name {<br> font-size: 150%;<br> font-family: system-ui, sans-serif;<br> color: <a href="https://opbsd.rintik.xyz?t=444" class="mention hashtag" rel="nofollow noopener" target="_blank">#444</a>;<br> margin-bottom: -1.1rem;<br> margin-top: 0.5rem;<br>}<br>.snac-top-user-id {<br> font-size: 110%;<br> margin-bottom: 1rem;<br>}<br>.snac-top-user-bio {<br> margin-bottom: 1em;<br>}<br>.snac-top-user-bio br {<br> display: none;<br>}<br>.snac-top-nav {<br> color: <a href="https://opbsd.rintik.xyz?t=e2e0de" class="mention hashtag" rel="nofollow noopener" target="_blank">#e2e0de</a>;<br> display: flex;<br> align-items: center;<br> justify-content: end;<br>}<br>.snac-top-nav > a {<br> text-transform: capitalize;<br> border-left: 1px solid;<br> padding-left: 0.6rem;<br> line-height: 1em;<br>}<br>.snac-top-nav > a:first-of-type {<br> padding-left: 0;<br> border-left: 0;<br>}<br>.snac-top-nav>a:hover {<br> text-decoration: underline;<br>}<br>.snac-top-nav>.snac-avatar {<br> margin-right: auto;<br>}<br>.snac-avatar {<br> float: left;<br> height: 2.5rem;<br> aspect-ratio: 1 / 1;<br> margin-right: 0.5rem;<br> border-radius: 8px;<br>}<br>.snac-author {<br> font-size: 95%;<br> text-decoration: none;<br> font-weight: 700;<br> color: <a href="https://opbsd.rintik.xyz?t=363533" class="mention hashtag" rel="nofollow noopener" target="_blank">#363533</a>;<br>}<br>.snac-author-tag {<br> font-size: 90%;<br> color: <a href="https://opbsd.rintik.xyz?t=363533" class="mention hashtag" rel="nofollow noopener" target="_blank">#363533</a>;<br> text-decoration: none;<br>}<br>.snac-pubdate {<br> color: <a href="https://opbsd.rintik.xyz?t=a0a0a0" class="mention hashtag" rel="nofollow noopener" target="_blank">#a0a0a0</a>;<br> font-size: 90%;<br> float: right;<br>}<br>.snac-top-controls {<br> padding-bottom: 1.5em;<br>}<br>.e-content summary {<br> margin-bottom: 1rem;<br> color: <a href="https://opbsd.rintik.xyz?t=c1121f" class="mention hashtag" rel="nofollow noopener" target="_blank">#c1121f</a>;<br>}<br>.snac-post {<br> border-top: 1px solid <a href="https://opbsd.rintik.xyz?t=c1c1c1" class="mention hashtag" rel="nofollow noopener" target="_blank">#c1c1c1</a>;<br> margin-bottom: 1rem;<br>}<br>.snac-post-header {<br> line-height: 1.3;<br>}<br>.snac-children {<br> padding-left: 1.5em;<br> border-left: 1px solid <a href="https://opbsd.rintik.xyz?t=c1c1c1" class="mention hashtag" rel="nofollow noopener" target="_blank">#c1c1c1</a>;<br>}<br>.snac-textarea {<br> font-family: inherit;<br> width: 100%;<br> color: inherit;<br> border-radius: 4px;<br> border: inherit;<br>}<br>.snac-history {<br> display: none;<br>}<br>.snac-btn-mute {<br> float: right;<br> margin-left: 0.5em;<br>}<br>.snac-btn-unmute {<br> float: right;<br> margin-left: 0.5em;<br>}<br>.snac-btn-follow {<br> float: right;<br> margin-left: 0.5em;<br>}<br>.snac-btn-unfollow {<br> float: right;<br> margin-left: 0.5em;<br>}<br>.snac-btn-hide {<br> float: right;<br> margin-left: 0.5em;<br>}<br>.snac-btn-delete {<br> float: right;<br> margin-left: 0.5em<br>}<br>.snac-btn-limit {<br> float: right;<br> margin-left: 0.5em;<br>}<br>.snac-btn-unlimit {<br> float: right;<br> margin-left: 0.5em;<br>}<br>.snac-footer {<br> margin-top: 2em;<br> font-size: 75%;<br> color: <a href="https://opbsd.rintik.xyz?t=666" class="mention hashtag" rel="nofollow noopener" target="_blank">#666</a>;<br>}<br>.snac-poll-result {<br> margin-left: auto;<br> margin-right: auto;<br>}<br>@media (max-width: 500px) {<br> body {<br> font-size: 14px;<br> }<br> sup {<br> left: 2px;<br> }<br> .snac-children {<br> padding-left: 1em;<br> }<br> input[class^="snac-btn-"] {<br> font-size: 80%;<br> }<br> .snac-pubdate {<br> font-size: 80%;<br> }<br> h2::before {<br> top: -0.2rem;<br> }<br> .snac-top-nav > a {<br> padding-left: 0.2rem;<br> margin: -0.2rem;<br> }<br>}<br></pre>