Fix css and template issues
[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 }
101
102 .page-title {
103         font-size: 23pt;
104 }
105
106 .navigation {
107         margin: 4px 0;
108 }
109
110 .navigation a {
111         margin-right: 8px;
112 }
113
114 .post-form {
115         margin: 8px 0;
116 }
117
118 .post-form>div {
119         margin-bottom: 4px;
120 }
121
122 .signin-form {
123         margin: 8px 0;
124 }
125
126 .signin-form input {
127         margin: 4px 0;
128 }
129
130 .retweet-info {
131         margin: 8px 0 4px 24px; 
132 }
133
134 .retweet-info .status-profile-img {
135         height: 24px;
136         width: 24px;
137         margin-bottom: -8px;
138         vertical-align: baseline;
139 }
140
141 .retweet-info .status-dname{
142         margin-left: 4px
143 }
144
145 .retweet-info .icon.dripicons-retweet.retweeted {
146         vertical-align: sub;
147 }
148
149 .post-content {
150         padding: 4px;
151         font-size: 11pt;
152         font-family: initial;
153         max-width: 100%;
154 }
155
156 .pagination {
157         margin: 4px;
158 }
159
160 .pagination a {
161         margin: 0 8px;
162 }
163
164 .notification-container {
165         margin: 16px 0 16px -4px;
166         padding: 0 4px;
167         border-left: 4px solid transparent;
168 }
169
170 .notification-container.unread {
171         border-color: #777777;
172 }
173
174 .notification-follow-container,
175 .notification-like-container,
176 .notification-retweet-container {
177         display: flex;
178 }
179
180 .notification-follow-uname {
181         margin-top: 8px;
182 }
183
184 .status-reply-to {
185         vertical-align: center;
186         font-size: 10pt
187 }
188
189 .status-reply-container .icon {
190         font-size: 10pt;
191         vertical-align: sub;
192         margin-right: -2px;
193 }
194
195 .status-reply-text {
196         font-size: 10pt;
197 }
198
199 .status-reply {
200         font-size: 10pt;
201 }
202
203 .status-reply-info-divider {
204         margin: 0 4px;
205 }
206
207 .post-content-container {
208         padding-right: 8px;
209 }
210
211 .error-text {
212         margin: 8px 0;
213 }
214
215 .post-attachment-div {
216         margin: 2px 0;
217 }
218
219 .user-profile-img-container {
220         display: inline-block
221 }
222
223 .user-profile-details-container {
224         display: inline-block;
225         vertical-align: top;
226         margin: 0 4px;
227 }
228
229 .user-profile-details-container>div {
230         margin-bottom: 4px;
231 }
232
233 .user-profile-img {
234         max-height: 100px;
235         max-width: 100px;
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 }