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