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