a4a069d9aaf5d6a0d44469ef563410918be68db9
[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 8px 0;
17         word-wrap: anywhere;
18 }
19
20 .status-content p {
21         margin: 0px;
22 }
23
24 .status-profile-img-container {
25         margin-right: 8px;
26 }
27
28 .status-profile-img {
29         height: 48px;
30         width: 48px;
31         object-fit: contain;
32         vertical-align: top;
33 }
34
35 .status {
36 }
37
38 .status a {
39         text-decoration: none;
40 }
41
42 .status-dname {
43         font-weight: 800;
44 }
45
46 .status-uname {
47         font-style: italic;
48         font-size: 10pt;
49 }
50
51 .status-emoji {
52         height: 20px;
53         margin-bottom: -4px;
54         witdth: auto;
55 }
56
57 .name-emoji {
58         height: 20px;
59         witdth: auto;
60 }
61
62 .status-action {
63         display: flex;
64         margin-top: 4px;
65 }
66
67 .status-action a {
68         display: flex;
69         margin: 0 4px;
70         width: 64px;
71         text-decoration: none;
72         color: #333333;
73 }
74
75 .status-action a:hover {
76         color: #777777;
77 }
78
79 .status-action .fa {
80         margin: 0 4px 0 0;
81 }
82
83 .status-action a.status-time {
84         width: auto;
85 }
86
87 .fa.liked {
88         color: yellow;
89 }
90
91 .fa.retweeted {
92         color: green;
93 }
94
95 .status-image,
96 .status-video {
97         max-height: 180px;
98         max-width: 220px;
99         width: auto;
100         vertical-align: bottom;
101 }
102
103 .page-title {
104         font-size: 23pt;
105 }
106
107 .navigation {
108         margin: 4px 0;
109 }
110
111 .navigation a {
112         margin-right: 8px;
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 }