Use post method for like and retweet
[bloat] / static / main.css
1 .status-container-container {
2         margin: 16px 0 16px -4px;
3         padding: 0 4px;
4         border-left: 4px solid transparent;
5 }
6
7 .status-container-container:target {
8         border-color: #777777;
9 }
10
11 .status-container {
12         display: flex;
13 }
14
15 .status-content {
16         margin: 4px 0;
17         word-wrap: anywhere;
18 }
19
20 .status-content p {
21         margin: 0px;
22 }
23
24 .status-content img,
25 .status-image,
26 .status-video {
27         max-height: 180px;
28         max-width: 220px;
29         width: auto;
30         vertical-align: bottom;
31 }
32
33 .status-media-container {
34         margin: 4px 0;
35 }
36
37 .status-profile-img-container {
38         margin-right: 8px;
39 }
40
41 .status-profile-img {
42         height: 48px;
43         width: 48px;
44         object-fit: contain;
45         vertical-align: top;
46 }
47
48 .status {
49 }
50
51 .status a {
52         text-decoration: none;
53 }
54
55 .status-dname {
56         font-weight: 800;
57 }
58
59 .status-uname {
60         font-style: italic;
61         font-size: 10pt;
62 }
63
64 .status-emoji {
65         height: 20px;
66         margin-bottom: -4px;
67         width: auto;
68         vertical-align: unset !important;
69 }
70
71 .name-emoji {
72         height: 20px;
73         width: auto;
74 }
75
76 .status-action-container {
77         margin-top: 4px;
78 }
79
80 .status-action {
81         display: inline-block;
82         min-width: 64px;
83 }
84
85 .status-action form {
86         display: inline-block;
87 }
88
89 .status-action:last-child {
90         min-width: unset;
91 }
92
93 .status-action a {
94         display: inline-block;
95         text-decoration: none;
96         color: #333333;
97 }
98
99 .status-action a:hover,
100 .status-action a:hover i {
101         opacity: 0.8;
102 }
103
104 .status-action a.status-time {
105         width: auto;
106 }
107
108 .status-action-count span {
109         vertical-align: middle;
110 }
111
112 .page-title {
113         font-size: 23pt;
114 }
115
116 .post-form {
117         margin: 8px 0;
118 }
119
120 .post-form>div {
121         margin-bottom: 4px;
122 }
123
124 .signin-form {
125         margin: 8px 0;
126 }
127
128 .signin-form input {
129         margin: 4px 0;
130 }
131
132 .retweet-info {
133         margin: 8px 0 4px 24px; 
134 }
135
136 .retweet-info .status-profile-img {
137         height: 24px;
138         width: 24px;
139         vertical-align: middle;
140 }
141
142 .retweet-info .status-dname{
143         margin-left: 4px
144 }
145
146 .post-content {
147         padding: 4px;
148         font-size: 11pt;
149         font-family: initial;
150         max-width: 100%;
151 }
152
153 .pagination {
154         margin: 4px;
155 }
156
157 .pagination a {
158         margin: 0 8px;
159 }
160
161 .notification-container {
162         margin: 16px 0 16px -4px;
163         padding: 0 4px;
164         border-left: 4px solid transparent;
165 }
166
167 .notification-container.unread {
168         border-color: #777777;
169 }
170
171 .notification-follow-container,
172 .notification-like-container,
173 .notification-retweet-container {
174         display: flex;
175 }
176
177 .notification-info-text span {
178         vertical-align: middle;
179 }
180
181 .notification-follow-uname {
182         margin-top: 8px;
183 }
184
185 .status-reply-to {
186         vertical-align: center;
187         font-size: 10pt
188 }
189
190 .status-reply-container .fa {
191         font-size: 10pt;
192         vertical-align: sub;
193         margin-right: -2px;
194 }
195
196 .status-reply-text {
197         font-size: 10pt;
198 }
199
200 .status-reply {
201         font-size: 10pt;
202 }
203
204 .status-reply-info-divider {
205         margin: 0 4px;
206 }
207
208 .post-content-container {
209         padding-right: 8px;
210 }
211
212 .error-text {
213         margin: 8px 0;
214 }
215
216 .post-attachment-div {
217         margin: 2px 0;
218 }
219
220 .user-profile-img-container {
221         display: inline-block
222 }
223
224 .user-profile-details-container {
225         display: inline-block;
226         vertical-align: top;
227         margin: 0 4px;
228 }
229
230 .user-profile-details-container>div {
231         margin-bottom: 4px;
232 }
233
234 .user-profile-img {
235         max-height: 100px;
236         max-width: 100px;
237         object-fit: contain;
238         vertical-align: top;
239 }
240
241 .user-profile-decription {
242         margin: 4px 0;
243 }
244
245 .d-inline {
246         display: inline;
247 }
248
249 .btn-link {
250     border: none;
251     outline: none;
252     background: none;
253     cursor: pointer;
254     color: #0000EE;
255     padding: 0;
256     text-decoration: underline;
257     font-family: inherit;
258     font-size: inherit;
259 }
260
261 .status-visibility {
262         margin-left: 4px;
263         display: inline-block;
264         color: #444444;
265 }
266
267 .status-visibility span {
268         font-size: 9pt;
269         vertical-align: bottom;
270 }
271
272 .remote-link {
273         margin-left: 4px;
274         display: inline-block;
275         color: #444444;
276         text-decoration: none;
277 }
278
279 .remote-link span {
280         font-size: 9pt;
281         vertical-align: bottom;
282 }
283
284 .img-link {
285         display: inline-block;
286         position: relative;
287         margin: 2.5px 0;
288 }
289
290 .status-profile-img-container .img-link {
291         width: 48px;
292         overflow: hidden;
293 }
294
295 .status-nsfw-overlay {
296         height: 100%;
297         width: 100%;
298         background: black;
299         position: absolute;
300         top: 0;
301         left: 0;
302 }
303
304 .img-link:hover .status-nsfw-overlay {
305         display: none;
306 }
307
308 .status-video-container {
309         display: inline-block;
310         position: relative;
311 }
312
313 .status-video-container:hover .status-nsfw-overlay {
314         display: none;
315 }
316
317 .post-form-field>* {
318   vertical-align: middle;
319 }
320
321 .emoji {
322         min-width: 220px;
323         display: inline-block;
324         margin-bottom: 2px;
325 }
326
327 .emoji-img {
328         height: 24px;
329         width: 24px;
330         object-fit: contain;
331         vertical-align: middle;
332
333 }
334
335 .emoji-shortcode {
336         vertical-align: middle;
337         display: inline-block;
338 }
339
340 .post-form-emoji-link {
341         margin-left: 4px;
342 }
343
344 .post-form-emoji-link i {
345         font-size: 14pt !important;
346 }
347
348 .post-form-title {
349         vertical-align: middle;
350 }
351
352 .user-info {
353         margin-bottom: 8px;
354         display: flex;
355         align-items: top;
356 }
357
358 .user-info-img {
359         max-height: 64px;
360         max-width: 64px;
361         object-fit: contain;
362         vertical-align: middle;
363 }
364
365 .user-info-details-container {
366         margin-left: 8px;
367 }
368
369 .user-info-details-container>div {
370         margin-bottom: 4px;
371 }
372
373 .nav-link {
374         margin-right: 2px;
375 }
376
377 .user-list-container {
378         margin: 8px 0;
379 }
380
381 .user-list-item a {
382         text-decoration: none;
383 }
384
385 .user-list-item>div {
386         display: inline-block;
387         vertical-align: top;
388         margin: 0 4px 8px 0;
389 }
390
391 #settings-form {
392         margin: 8px 0;
393 }
394
395 .settings-form-field {
396         margin: 4px 0;
397 }
398
399 .settings-form-field * {
400         vertical-align: middle;
401 }
402
403 #settings-form button[type=submit] {
404         margin-top: 8px;
405 }
406
407 .icon {
408         height: 16px;
409         vertical-align: middle;
410 }
411
412 .icon.post-emoji {
413         height: 20px;
414 }