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