anproto -- authenticated non-networked protocol or another proto
sha256 blobs signed with ed25519 keypairs
anproto.com
evbogue.com
ed25519
social
protocols
1body {
2 background-color: #f2f2f2;
3 color: #444;
4 font-family: "Source Sans 3", sans-serif;
5 max-width: 100%;
6 margin-top: 45px;
7 margin-bottom: 10em;
8}
9
10#scroller {max-width: 680px; margin-left: auto; margin-right: auto;}
11
12blockquote { border-left: 5px solid #f5f5f5; margin-left: none; padding-left: 10px; color: #777; }
13
14p, h1, h2, h3, h4, h5, h6 { margin-top: 5px; margin-bottom: 5px; }
15
16pre {
17 //color: #dd1144;
18 background: #f5f5f5;
19 width: 100%;
20 display: block;
21}
22
23code {
24 background: #f5f5f5;
25 padding: 5px;
26 border-radius: 5px;
27 display: inline-block;
28 vertical-align: bottom;
29}
30
31code, pre {
32 font-family: "Roboto Mono", monospace;
33 font-size: .9em;
34 overflow: auto;
35 word-break: break-all;
36 word-wrap: break-word;
37 white-space: pre;
38 white-space: -moz-pre-wrap;
39 white-space: pre-wrap;
40 white-space: pre\9;
41}
42
43button {
44 font-size: .85em;
45 background: #fff;
46 background-image: linear-gradient(to bottom, #ffffff, #f2f2f2);
47 border: 1px solid #e4e4e4;
48 padding: 5px 10px 5px 10px;
49 border-radius: 5px;
50}
51
52hr { border: 1px solid #e4e4e4;}
53
54button:hover {
55 background: #f2f2f2;
56 cursor: pointer;
57}
58
59textarea, input {
60 font-size: 1em;
61 font-family: "Source Sans 3", sans-serif;
62 border: 1px solid #f8f8f8;
63 border-radius: 5px;
64 background: #f8f8f8;
65 color: #555;
66 padding: 5px;
67 //box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
68}
69
70.composer { margin-left: 37px; margin-top: 0;}
71
72textarea:hover, textarea:focus, input:hover, input:focus, {
73 background: transparent;
74}
75
76textarea:focus, input:focus {
77 outline: none !important;
78}
79
80textarea {
81 margin-top: 5px;
82 margin-bottom: 5px;
83 width: 99%;
84 height: 150px;
85}
86
87a {
88 color: #045fd0;
89 text-decoration: none;
90}
91
92a:hover {
93 color: #8d82fe;
94 text-decoration: underline;
95}
96
97img {width: 95%; margin: 1em;}
98
99.material-symbols-outlined { color: #666; vertical-align: middle; font-size: 18px; cursor: pointer;}
100
101iframe {
102 width: 100%;
103 border: 1px solid #e4e4e4;
104 border-radius: 5px;
105 margin-top: 5px;
106 height: 275px;
107}
108
109#navbar {
110 padding-top: .5em;
111 padding-left: 1em;
112 padding-bottom: .5em;
113 position: fixed;
114 width: 100%;
115 z-index: 1;
116 top: 0;
117 left: 0;
118 background-color: rgba(242,242,242,0.5);
119 backdrop-filter: blur(10px);
120 border-bottom: 1px solid #eee;
121}
122
123.message {
124 padding: .75em;
125 margin-top: 5px;
126 background: #f8f8f8;
127 border: 1px solid #f5f5f5;
128 min-height: 35px;
129 border-radius: 5px;
130 overflow: hidden;
131}
132
133.message:hover {
134 border: 1px solid #eee;
135}
136
137@media (prefers-color-scheme: dark) {
138 body {
139 background-color: #181818;
140 color: #f5f5f5;
141 }
142 #navbar { background-color: rgba(24,24,24,0.2); border-bottom: 1px solid #FE7A00;}
143 #navbar a { color: #FE7A00;}
144 #navbar:hover { border-bottom: 1px solid magenta;}
145 .message { background-color: #222; border: 1px solid #333;}
146 .message:hover { border: 1px solid magenta;}
147
148 textarea, input, iframe { background: #333; color: #f5f5f5; border: 1px solid #222;}
149
150 button { color: #ccc; background: #333; border: 1px solid #444;}
151 button:hover { background: #222;}
152 hr { border: 1px solid #333;}
153 pre, code { background: #333; color: #f5f5f5;}
154 a {color: #FE7A00;}
155}
156
157.content {margin-top: 5px;}
158
159.message, .message > * {
160 animation: fadein .5s;
161}
162
163@keyframes fadein {
164 from { opacity: 0; }
165 to { opacity: 1; }
166}
167
168.pubkey {
169 color: #9da0a4;
170 font-family: monospace;
171}
172
173.avatar, .avatar_small {
174 border-radius: 100%;
175 margin: 0px;
176 margin-right: 10px;
177 object-fit: cover;
178 vertical-align: top;
179}
180
181.avatar {
182 height: 33px;
183 width: 33px;
184}
185
186.avatar_small { height: 25px; width: 25px;}
187
188.breadcrumbs { font-size: 1em; }
189
190.avatarlink { font-weight: 600;}
191.unstyled { color: #ccc;}
192.hljs { padding: 10px; border-radius: 5px; background: #555; color: #f2f2f2;}