2dcb4a6effed2b048b1eb657c8737bbfd685389f
[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 .icon {
80         margin: 0 4px 0 0;
81 }
82
83 .status-action a.status-time {
84         width: auto;
85 }
86
87 .icon.dripicons-star.liked {
88         color: yellow;
89 }
90
91 .icon.dripicons-retweet.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         margin-bottom: -8px;
139         vertical-align: baseline;
140 }
141
142 .retweet-info .status-dname{
143         margin-left: 4px
144 }
145
146 .retweet-info .icon.dripicons-retweet.retweeted {
147         vertical-align: sub;
148 }
149
150 .post-content {
151         padding: 4px;
152         font-size: 11pt;
153         font-family: initial;
154         max-width: 100%;
155 }
156
157 .pagination {
158         margin: 4px;
159 }
160
161 .pagination a {
162         margin: 0 8px;
163 }
164
165 .notification-container {
166         margin: 16px 0 16px -4px;
167         padding: 0 4px;
168         border-left: 4px solid transparent;
169 }
170
171 .notification-container.unread {
172         border-color: #777777;
173 }
174
175 .notification-follow-container,
176 .notification-like-container,
177 .notification-retweet-container {
178         display: flex;
179 }
180
181 .notification-follow-uname {
182         margin-top: 8px;
183 }
184
185 .status-reply-to {
186         vertical-align: center;
187         font-size: 10pt
188 }
189
190 .status-reply-container .icon {
191         font-size: 10pt;
192         vertical-align: sub;
193         margin-right: -2px;
194 }
195
196 .status-reply-text {
197         font-size: 10pt;
198 }
199
200 .status-reply {
201         font-size: 10pt;
202 }
203
204 .status-reply-info-divider {
205         margin: 0 4px;
206 }
207
208 .post-content-container {
209         padding-right: 8px;
210 }
211
212 .error-text {
213         margin: 8px 0;
214 }
215
216 .post-attachment-div {
217         margin: 2px 0;
218 }
219
220 .user-profile-img-container {
221         display: inline-block
222 }
223
224 .user-profile-details-container {
225         display: inline-block;
226         vertical-align: top;
227         margin: 0 4px;
228 }
229
230 .user-profile-details-container>div {
231         margin-bottom: 4px;
232 }
233
234 .user-profile-img {
235         max-height: 100px;
236         max-width: 100px;
237 }
238
239 .user-profile-decription {
240         margin: 4px 0;
241 }
242
243 .d-inline {
244         display: inline;
245 }
246
247 .btn-link {
248     border: none;
249     outline: none;
250     background: none;
251     cursor: pointer;
252     color: #0000EE;
253     padding: 0;
254     text-decoration: underline;
255     font-family: inherit;
256     font-size: inherit;
257 }
258
259 .status-visibility {
260         margin-left: 4px;
261         display: inline-block;
262         color: #444444;
263 }
264
265 .status-visibility span {
266         font-size: 9pt;
267         vertical-align: bottom;
268 }
269
270 .remote-link {
271         margin-left: 4px;
272         display: inline-block;
273         color: #444444;
274         text-decoration: none;
275 }
276
277 .remote-link span {
278         font-size: 9pt;
279         vertical-align: bottom;
280 }
281
282 .img-link {
283         display: inline-block;
284         position: relative;
285 }
286
287 .status-nsfw-overlay {
288         height: 100%;
289         width: 100%;
290         background: black;
291         position: absolute;
292         top: 0;
293         left: 0;
294 }
295
296 .img-link:hover .status-nsfw-overlay {
297         display: none;
298 }
299
300 .status-video-container {
301         display: inline-block;
302         position: relative;
303 }
304
305 .status-video-container:hover .status-nsfw-overlay {
306         display: none;
307 }