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