3ad86e8c14e5332cb5814a144d85fd70367d33ad
[bloat] / static / main.css
1 .status-container-container {
2         margin: 16px 0;
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 }
18
19 .status-content p {
20         margin: 0px;
21 }
22
23 .status-profile-img {
24         height: 48px;
25         width: 48px;
26         margin-right: 8px;
27         object-fit: contain;
28 }
29
30 .status {
31 }
32
33 .status a {
34         text-decoration: none;
35 }
36
37 .status-dname {
38         font-weight: 800;
39 }
40
41 .status-uname {
42         font-style: italic;
43         font-size: 10pt;
44 }
45
46 .status-emoji {
47         height: 20px;
48         margin-bottom: -4px;
49         witdth: auto;
50 }
51
52 .name-emoji {
53         height: 20px;
54         witdth: auto;
55 }
56
57 .status-action {
58         display: flex;
59         margin-top: 4px;
60 }
61
62 .status-action a {
63         display: flex;
64         margin: 0 4px;
65         width: 64px;
66         text-decoration: none;
67         color: #333333;
68 }
69
70 .status-action a:hover {
71         color: #777777;
72 }
73
74 .status-action .icon {
75         margin: 0 4px 0 0;
76 }
77
78 .status-action a.status-time {
79         width: auto;
80 }
81
82 .icon.dripicons-star.liked {
83         color: yellow;
84 }
85
86 .icon.dripicons-retweet.retweeted {
87         color: green;
88 }
89
90 .status-image,
91 .status-video {
92         max-height: 180px;
93         width: auto;
94 }
95
96 .page-title {
97         font-size: 23pt;
98 }
99
100 .navigation {
101         margin: 4px 0;
102 }
103
104 .navigation a {
105         margin-right: 8px;
106 }
107
108 .timeline-post-form {
109         margin: 8px 0;
110 }
111
112 .signin-form {
113         margin: 8px 0;
114 }
115
116 .signin-form input {
117         margin: 4px 0;
118 }
119
120 .retweet-info {
121         margin: 8px 0 4px 24px; 
122 }
123
124 .retweet-info .status-profile-img {
125         height: 24px;
126         width: 24px;
127         margin-bottom: -8px;
128         margin-right: 0px;
129 }
130
131 .retweet-info .status-dname{
132         margin-left: 4px
133 }
134
135 .retweet-info .icon.dripicons-retweet.retweeted {
136         vertical-align: sub;
137 }
138
139 .post-content {
140         padding: 4px;
141         font-size: 11pt;
142         font-family: initial;
143 }
144
145 .pagination {
146         margin: 4px;
147 }
148
149 .pagination a {
150         margin: 0 8px;
151 }
152
153 .notification-container {
154         margin: 16px 0;
155         padding: 0 4px;
156         border-left: 4px solid transparent;
157 }
158
159 .notification-container.unread {
160         border-color: #777777;
161 }
162
163 .notification-follow-container,
164 .notification-like-container,
165 .notification-retweet-container {
166         display: flex;
167 }
168
169 .notification-follow-uname {
170         margin-top: 8px;
171 }
172
173 .status-reply-to {
174         vertical-align: center;
175         font-size: 10pt
176 }
177
178 .status-reply-container .icon {
179         font-size: 10pt;
180         vertical-align: sub;
181         margin-right: -2px;
182 }
183
184 .status-reply-text {
185         font-size: 10pt;
186 }
187
188 .status-reply {
189         font-size: 10pt;
190 }
191
192 .status-reply-info-divider {
193         margin: 0 4px;
194 }