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