..

0	body {
1	background-color: #f7f7f7;
2	}
3
4	.status-container-container {
5	margin: 0 -4px 12px -4px;
6	padding: 4px;
7	border-left: 4px solid transparent;
8	}
9
10	.status-container-container:target {
11	background-color: #faf0bb;
12	}
13
14	.status-container-container.highlight {
15	background-color: #faf0bb;
16	}
17
18	.status-container {
19	display: flex;
20	}
21
22	.status-content {
23	margin: 4px 0;
24	max-height: 600px;
25	overflow: auto;
26	overflow-wrap: break-word;
27	}
28
29	.status-name {
30	overflow-wrap: break-word;
31	}
32
33	.status-content p {
34	margin: 0px;
35	}
36
37	.status-content img,
38	.status-image,
39	.status-video {
40	height: auto;
41	width: auto;
42	max-height: 240px;
43	max-width: 280px;
44	vertical-align: bottom;
45	object-fit: contain;
46	}
47
48	.status-media-container {
49	margin: 5px 0 -5px 0;
50	overflow: auto;
51	}
52
53	.status-media-container>a {
54	margin-bottom: 5px;
55	display: inline-block;
56	}
57
58	.status-profile-img-container {
59	margin-right: 8px;
60	display: inline-block;
61	vertical-align: top;
62	}
63
64	.status-profile-img {
65	height: 48px;
66	width: 48px;
67	min-height: 48px;
68	min-width: 48px;
69	max-height: 48px;
70	max-width: 48px;
71	vertical-align: top;
72	object-fit: contain;
73	margin-top: 2px;
74	}
75
76	.status {
77	display: inline-block;
78	vertical-align: top;
79	flex: 1;
80	min-width: 0;
81	}
82
83	.status-dname {
84	font-weight: 800;
85	}
86
87	.status-uname {
88	font-style: italic;
89	font-size: 10pt;
90	}
91
92	.status-action-container {
93	margin-top: 4px;
94	}
95
96	.status-action {
97	display: inline-block;
98	margin-right: 16px;
99	}
100
101	.status-action-last {
102	margin-right: 4px;
103	}
104
105	.status-action form {
106	display: inline-block;
107	}
108
109	.status-action a {
110	display: inline-block;
111	}
112
113	.status-action * {
114	vertical-align: middle;
115	}
116
117	.status-action a.status-time {
118	width: auto;
119	}
120
121	.page-title {
122	font-size: 18pt;
123	margin: 8px 0;
124	background-color: #e2c2f2;
125	}
126
127	.post-form {
128	margin: 4px 0;
129	}
130
131	.post-form>div {
132	margin-bottom: 4px;
133	}
134
135	.signin-form {
136	margin: 8px 0;
137	}
138
139	.signin-form input {
140	margin: 4px 0;
141	}
142
143	.retweet-info {
144	margin: 0 0 4px 24px;
145	overflow-wrap: break-word;
146	}
147
148	.retweet-info .status-profile-img {
149	height: 24px;
150	width: 24px;
151	min-height: 24px;
152	min-width: 24px;
153	max-height: 24px;
154	max-width: 24px;
155	vertical-align: middle;
156	}
157
158	.retweet-info .status-dname {
159	margin-left: 4px;
160	}
161
162	textarea {
163	padding: 4px;
164	font-size: 11pt;
165	font-family: initial;
166	}
167
168	.post-content {
169	box-sizing: border-box;
170	width: 100%;
171	}
172
173	#css {
174	box-sizing: border-box;
175	max-width: 100%;
176	}
177
178	.pagination {
179	margin: 4px 4px 12px 4px;
180	}
181
182	.pagination a {
183	margin: 0 8px;
184	font-size: 13pt;
185	}
186
187	.notification-container {
188	margin: 0 -4px 12px -4px;
189	padding: 4px;
190	border-left: 4px solid transparent;
191	}
192
193	.notification-container.unread {
194	border-color: #777777;
195	}
196
197	.notification-container .status-container {
198	opacity: 0.6;
199	}
200
201	.notification-container.mention .status-container {
202	opacity: unset;
203	}
204
205	.notification-info-text span {
206	vertical-align: middle;
207	}
208
209	.notification-follow-container {
210	overflow: auto;
211	display: flex;
212	align-items: center;
213	}
214
215	.notification-follow {
216	overflow: auto;
217	}
218
219	.notification-time {
220	margin-left: 8px;
221	}
222
223	.status-reply-to-link {
224	font-size: 10pt
225	}
226
227	.status-reply-container {
228	overflow-wrap: break-word;
229	}
230
231	.status-reply-container .fa {
232	font-size: 10pt;
233	vertical-align: sub;
234	margin-right: -2px;
235	}
236
237	.status-reply-text {
238	font-size: 10pt;
239	}
240
241	.status-reply-link {
242	font-size: 10pt;
243	}
244
245	.status-reply-info-divider {
246	margin: 0 4px;
247	}
248
249	.post-content-container {
250	padding-right: 8px;
251	}
252
253	.error-text {
254	margin: 8px 0;
255	}
256
257	.post-attachment-div {
258	margin: 2px 0;
259	}
260
261	.user-profile-img-container {
262	display: inline-block;
263	margin: 0 4px 4px 0;
264	}
265
266	.user-profile-details-container {
267	display: inline-block;
268	vertical-align: top;
269	}
270
271	.user-profile-details-container>div {
272	margin-bottom: 4px;
273	}
274
275	.user-profile-img {
276	height: 96px;
277	width: 96px;
278	vertical-align: top;
279	object-fit: contain;
280	margin-top: 2px;
281	}
282
283	.user-profile-decription,
284	.user-fields {
285	overflow-wrap: break-word;
286	margin: 8px 0;
287	}
288
289	.user-profile-decription p {
290	margin: 0;
291	}
292
293	.user-profile-decription img {
294	height: auto;
295	width: auto;
296	max-height: 240px;
297	max-width: 280px;
298	object-fit: contain;
299	}
300
301	.d-inline {
302	display: inline;
303	}
304
305	.p-0 {
306	padding: 0;
307	}
308
309	.btn-link {
310	border: none;
311	outline: none;
312	background: none;
313	cursor: pointer;
314	padding: 0;
315	font-family: inherit;
316	font-size: inherit;
317	}
318
319	a, .btn-link {
320	color: #806c0d;
321	text-decoration: none;
322	}
323
324	a:hover,
325	.btn-link:hover {
326	color: #806c0d;
327	text-decoration: underline;
328	}
329
330	.status-visibility {
331	margin-left: 4px;
332	display: inline-block;
333	color: #222222;
334	font-size: 8pt;
335	}
336
337	.remote-link {
338	margin-left: 4px;
339	font-size: 8pt;
340	}
341
342	.img-link {
343	display: inline-block;
344	position: relative;
345	}
346
347	.status-media-container .img-link {
348	width: 384px;
349	}
350
351	.status-profile-img-container .img-link {
352	width: 48px;
353	}
354
355	.status-nsfw-overlay {
356	position: absolute;
357	top: 0;
358	bottom: 0;
359	left: 0;
360	right: 0;
361	background-color: #a7bbb9;
362	color: #a7bbb9;
363	height: 240px;
364	max-height: 100%;
365	}
366
367	.img-link:hover .status-nsfw-overlay {
368	display: none;
369	}
370
371	.status-video-container {
372	display: inline-block;
373	position: relative;
374	margin-bottom: 5px;
375	}
376
377	.status-video-container:hover .status-nsfw-overlay {
378	display: none;
379	}
380
381	.emoji-item-container {
382	width: 220px;
383	display: inline-block;
384	margin: 4px 0;
385	overflow: hidden;
386	}
387
388	.emoji-item {
389	display: flex;
390	align-items: center;
391	}
392
393	img.emoji {
394	height: auto;
395	width: auto;
396	max-height: 32px;
397	max-width: 32px;
398	min-height: 32px;
399	min-width: 32px;
400	vertical-align: middle;
401	object-fit: contain;
402	margin: 0;
403	}
404
405	.status-dname img.emoji {
406	height: 24px;
407	min-height: 24px;
408	min-width: 24px;
409	}
410
411	.emoji-shortcode {
412	margin-left: 4px;
413	}
414
415	.post-form-emoji-link {
416	margin-left: 4px;
417	}
418
419	.user-info-img {
420	height: 64px;
421	width: 64px;
422	vertical-align: middle;
423	object-fit: contain;
424	margin-top: 2px;
425	}
426
427	.user-info-img-container {
428	float: left;
429	margin-right: 8px;
430	}
431
432	.user-info-details-container {
433	overflow: auto;
434	}
435
436	.user-info-details-name,
437	.user-info-details-nav {
438	margin-bottom: 4px;
439	}
440
441	.nav-link {
442	margin-right: 2px;
443	}
444
445	.user-list-item {
446	overflow: auto;
447	margin: 0 0 12px 0;
448	display: flex;
449	align-items: center;
450	}
451
452	.user-list-profile-img {
453	float: left;
454	margin: 0 8px 0 0;
455	}
456
457	.user-list-name {
458	overflow: auto;
459	}
460
461	.user-list-action {
462	margin: 0 12px;
463	}
464
465	#settings-form {
466	margin: 8px 0;
467	}
468
469	.settings-form-field {
470	margin: 4px 0;
471	}
472
473	#settings-form button[type=submit] {
474	margin-top: 8px;
475	}
476
477	#reply-popup {
478	position: absolute;
479	background-color: #d2d2d2;
480	border: 1px solid #aaaaaa;
481	padding: 4px 8px;
482	z-index: 3;
483	margin: 0;
484	}
485
486	#reply-to-popup {
487	position: absolute;
488	background-color: #d2d2d2;
489	border: 1px solid #aaaaaa;
490	padding: 4px 8px;
491	z-index: 3;
492	margin: 0;
493	}
494
495	.search-form {
496	margin: 12px 0;
497	}
498
499	.more-container {
500	position: relative;
501	display: inline-block;
502	}
503
504	.more-content {
505	display: none;
506	position: absolute;
507	background-color: #d2d2d2;
508	padding: 2px 4px;
509	border: 1px solid #aaaaaa;
510	z-index: 1;
511	}
512
513	.more-container:hover .more-content {
514	display: block;
515	}
516
517	.more-link {
518	font-size: 8pt;
519	display: block;
520	margin: 2px;
521	}
522
523	.poll-form {
524	margin-top: 5px;
525	overflow: auto;
526	overflow-wrap: break-word;
527	}
528
529	.poll-form button[type=submit] {
530	margin-top: 6px;
531	}
532
533	.poll-info {
534	margin-top: 6px;
535	}
536
537	.page-title-container {
538	margin: 8px 0;
539	}
540
541	.page-refresh {
542	margin-right: 8px;
543	}
544
545	.notification-text {
546	vertical-align: middle;
547	}
548
549	.notification-read {
550	display: inline-block;
551	}
552
553	.no-data-found {
554	margin: 12px 0;
555	}
556
557	.signout {
558	display: inline;
559	}
560
561	.signin-desc {
562	margin: 8px 0 16px 0;
563	}
564
565	.keyboard-shortcuts {
566	margin-top: 12px;
567	}
568
569	.keyboard-shortcuts td {
570	padding: 2px 4px;
571	}
572
573	kbd {
574	border-radius: 3px;
575	padding: 1px 4px;
576	border: 1px solid #444444;
577	background-color: #eeeeee;
578	font-size: 10pt;
579	}
580
581	.filters {
582	margin: 10px 0;
583	}
584
585	.filters td {
586	padding: 2px 4px;
587	}
588
589	#img-preview {
590	pointer-events: none;
591	z-index: 2;
592	position: fixed;
593	}
594
595	.quote {
596	color: #789922;
597	}
598
599	.dark {
600	background-color: #222222;
601	background-image: none;
602	color: #eaeaea;
603	}
604
605	.dark a {
606	color: #81a2be;
607	}
608
609	.dark textarea {
610	background-color: #333333;
611	border: 1px solid #444444;
612	color: #eaeaea;
613	}
614
615	.dark #reply-popup,
616	.dark #reply-to-popup {
617	background-color: #222222;
618	border-color: #444444;
619	}
620
621	.dark .status-container-container.highlight {
622	background-color: #333333;
623	}
624
625	.dark .btn-link {
626	color: #81a2be;
627	}
628
629	.dark a:hover,
630	.dark .btn-link:hover {
631	color: #497091;
632	}
633
634	.dark .status-visibility {
635	color: #eaeaea;
636	}
637
638	.dark .more-content {
639	background-color: #222222;
640	border-color: #444444;
641	}
642
643	.dark kbd {
644	background-color: #333333;
645	border-color: #444444;
646	color: #eaeaea;
647	}