e37cef44da034d5ba36d40b7d6bd53e6a61ae842
[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 {
25         height: 48px;
26         width: 48px;
27         margin-right: 8px;
28         object-fit: contain;
29 }
30
31 .status {
32 }
33
34 .status a {
35         text-decoration: none;
36 }
37
38 .status-dname {
39         font-weight: 800;
40 }
41
42 .status-uname {
43         font-style: italic;
44         font-size: 10pt;
45 }
46
47 .status-emoji {
48         height: 20px;
49         margin-bottom: -4px;
50         witdth: auto;
51 }
52
53 .name-emoji {
54         height: 20px;
55         witdth: auto;
56 }
57
58 .status-action {
59         display: flex;
60         margin-top: 4px;
61 }
62
63 .status-action a {
64         display: flex;
65         margin: 0 4px;
66         width: 64px;
67         text-decoration: none;
68         color: #333333;
69 }
70
71 .status-action a:hover {
72         color: #777777;
73 }
74
75 .status-action .icon {
76         margin: 0 4px 0 0;
77 }
78
79 .status-action a.status-time {
80         width: auto;
81 }
82
83 .icon.dripicons-star.liked {
84         color: yellow;
85 }
86
87 .icon.dripicons-retweet.retweeted {
88         color: green;
89 }
90
91 .status-image,
92 .status-video {
93         max-height: 180px;
94         max-width: 220px;
95         width: auto;
96 }
97
98 .page-title {
99         font-size: 23pt;
100 }
101
102 .navigation {
103         margin: 4px 0;
104 }
105
106 .navigation a {
107         margin-right: 8px;
108 }
109
110 .post-form {
111         margin: 8px 0;
112 }
113
114 .signin-form {
115         margin: 8px 0;
116 }
117
118 .signin-form input {
119         margin: 4px 0;
120 }
121
122 .retweet-info {
123         margin: 8px 0 4px 24px; 
124 }
125
126 .retweet-info .status-profile-img {
127         height: 24px;
128         width: 24px;
129         margin-bottom: -8px;
130         margin-right: 0px;
131 }
132
133 .retweet-info .status-dname{
134         margin-left: 4px
135 }
136
137 .retweet-info .icon.dripicons-retweet.retweeted {
138         vertical-align: sub;
139 }
140
141 .post-content {
142         padding: 4px;
143         font-size: 11pt;
144         font-family: initial;
145         max-width: 100%;
146 }
147
148 .pagination {
149         margin: 4px;
150 }
151
152 .pagination a {
153         margin: 0 8px;
154 }
155
156 .notification-container {
157         margin: 16px 0 16px -4px;
158         padding: 0 4px;
159         border-left: 4px solid transparent;
160 }
161
162 .notification-container.unread {
163         border-color: #777777;
164 }
165
166 .notification-follow-container,
167 .notification-like-container,
168 .notification-retweet-container {
169         display: flex;
170 }
171
172 .notification-follow-uname {
173         margin-top: 8px;
174 }
175
176 .status-reply-to {
177         vertical-align: center;
178         font-size: 10pt
179 }
180
181 .status-reply-container .icon {
182         font-size: 10pt;
183         vertical-align: sub;
184         margin-right: -2px;
185 }
186
187 .status-reply-text {
188         font-size: 10pt;
189 }
190
191 .status-reply {
192         font-size: 10pt;
193 }
194
195 .status-reply-info-divider {
196         margin: 0 4px;
197 }
198
199 .post-content-container {
200         padding-right: 8px;
201 }
202
203 .error-text {
204         margin: 8px 0;
205 }
206
207 .post-attachment-div {
208         margin: 2px 0;
209 }
210
211 .user-profile-img-container {
212         display: inline-block
213 }
214
215 .user-profile-details-container {
216         display: inline-block;
217         vertical-align: top;
218         margin: 0 4px;
219 }
220
221 .user-profile-details-container>div {
222         margin-bottom: 4px;
223 }
224
225 .user-profile-img {
226         max-height: 100px;
227         max-width: 100px;
228 }
229
230 .user-profile-decription {
231         margin: 4px 0;
232 }
233
234 .d-inline {
235         display: inline;
236 }
237
238 .btn-link {
239     border: none;
240     outline: none;
241     background: none;
242     cursor: pointer;
243     color: #0000EE;
244     padding: 0;
245     text-decoration: underline;
246     font-family: inherit;
247     font-size: inherit;
248 }
249
250 .status-visibility {
251         margin: 0 4px;
252         display: inline-block;
253         color: #444444;
254 }
255
256 .status-visibility span {
257         font-size: 9pt;
258         vertical-align: bottom;
259 }