Mercurial Hosting > chat

annotate src/chat.css @ 123:50f611bbfa19 default tip

Find changesets by keywords (author, files, the commit message), revision number or hash, or revset expression.
minor
author Franklin Schmidt <fschmidt@gmail.com>
date Wed, 10 Dec 2025 20:34:30 -0700
parents 1ae3613dd090
children
Ignore whitespace changes - Everywhere: Within whitespace: At end of lines:
rev   line source
37
cfd1f92c264f dont use vh
Franklin Schmidt <fschmidt@gmail.com>
parents: 36
diff changeset
1 body {
cfd1f92c264f dont use vh
Franklin Schmidt <fschmidt@gmail.com>
parents: 36
diff changeset
2 position: fixed;
cfd1f92c264f dont use vh
Franklin Schmidt <fschmidt@gmail.com>
parents: 36
diff changeset
3 top: 0;
cfd1f92c264f dont use vh
Franklin Schmidt <fschmidt@gmail.com>
parents: 36
diff changeset
4 bottom: 0;
cfd1f92c264f dont use vh
Franklin Schmidt <fschmidt@gmail.com>
parents: 36
diff changeset
5 left: 0;
cfd1f92c264f dont use vh
Franklin Schmidt <fschmidt@gmail.com>
parents: 36
diff changeset
6 right: 0;
cfd1f92c264f dont use vh
Franklin Schmidt <fschmidt@gmail.com>
parents: 36
diff changeset
7 }
cfd1f92c264f dont use vh
Franklin Schmidt <fschmidt@gmail.com>
parents: 36
diff changeset
8
48
Franklin Schmidt <fschmidt@gmail.com>
parents: 43
diff changeset
9 div[chat_content] {
10
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
10 display: flex;
37
cfd1f92c264f dont use vh
Franklin Schmidt <fschmidt@gmail.com>
parents: 36
diff changeset
11 height: calc(100% - 32px);
10
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
12 }
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
13
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
14 div[chats] > div {
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
15 margin-top: 2px;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
16 margin-bottom: 2px;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
17 padding-top: 16px;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
18 padding-bottom: 16px;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
19 padding-left: 8px;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
20 padding-right: 8px;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
21 border-radius: 4px;
11
563a5358f2ee add delete_chat
Franklin Schmidt <fschmidt@gmail.com>
parents: 10
diff changeset
22 cursor: pointer;
10
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
23 }
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
24
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
25 div[chats] > div:hover,
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
26 div[chats] > div[selected] {
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
27 background-color: LightBlue;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
28 }
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
29
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
30 div[posts] {
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
31 width: 100%;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
32 display: flex;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
33 flex-direction: column;
34
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
34 justify-content: space-between;
10
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
35 }
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
36
60
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
37 div[chat_content][show="intro"] div[posts] {
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
38 display: none;
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
39 }
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
40
10
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
41 div[posts] > * {
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
42 padding-right: 3vw;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
43 }
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
44
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
45 div[top] {
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
46 display: flex;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
47 justify-content: space-between;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
48 align-items: center;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
49 }
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
50
41
818697418dbe add voice link
Franklin Schmidt <fschmidt@gmail.com>
parents: 37
diff changeset
51 div[top] h3 a {
818697418dbe add voice link
Franklin Schmidt <fschmidt@gmail.com>
parents: 37
diff changeset
52 display: inline-block;
818697418dbe add voice link
Franklin Schmidt <fschmidt@gmail.com>
parents: 37
diff changeset
53 margin-bottom: -5px;
818697418dbe add voice link
Franklin Schmidt <fschmidt@gmail.com>
parents: 37
diff changeset
54 }
818697418dbe add voice link
Franklin Schmidt <fschmidt@gmail.com>
parents: 37
diff changeset
55 div[top] h3 a img {
818697418dbe add voice link
Franklin Schmidt <fschmidt@gmail.com>
parents: 37
diff changeset
56 display: block;
818697418dbe add voice link
Franklin Schmidt <fschmidt@gmail.com>
parents: 37
diff changeset
57 }
818697418dbe add voice link
Franklin Schmidt <fschmidt@gmail.com>
parents: 37
diff changeset
58
10
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
59 div[main] {
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
60 overflow-y: auto;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
61 }
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
62
122
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
63 div[post] p,
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
64 div[post] pre,
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
65 div[input] p,
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
66 div[input] pre {
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
67 margin: 0;
10
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
68 }
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
69
60
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
70 div[intro] {
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
71 width: 100%;
56
323ddacc1593 start invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
72 display: flex;
323ddacc1593 start invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
73 flex-direction: column;
323ddacc1593 start invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
74 align-items: center;
323ddacc1593 start invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
75 }
323ddacc1593 start invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
76
60
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
77 div[intro] form {
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
78 max-width: 100%;
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
79 }
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
80 div[intro] input[type=email] {
56
323ddacc1593 start invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 53
diff changeset
81 width: 250px;
60
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
82 max-width: 100%;
34
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
83 }
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
84
89
Franklin Schmidt <fschmidt@gmail.com>
parents: 83
diff changeset
85 div[up_to] {
75
377bdda60f0b read up to
Franklin Schmidt <fschmidt@gmail.com>
parents: 74
diff changeset
86 font-size: 12px;
377bdda60f0b read up to
Franklin Schmidt <fschmidt@gmail.com>
parents: 74
diff changeset
87 color: grey;
377bdda60f0b read up to
Franklin Schmidt <fschmidt@gmail.com>
parents: 74
diff changeset
88 text-align: right;
377bdda60f0b read up to
Franklin Schmidt <fschmidt@gmail.com>
parents: 74
diff changeset
89 }
377bdda60f0b read up to
Franklin Schmidt <fschmidt@gmail.com>
parents: 74
diff changeset
90
34
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
91 div[who] {
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
92 display: flex;
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
93 justify-content: space-between;
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
94 font-size: 12px;
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
95 color: grey;
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
96 }
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
97
22
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
98 span[pulldown] {
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
99 position: relative;
68
Franklin Schmidt <fschmidt@gmail.com>
parents: 65
diff changeset
100 }
Franklin Schmidt <fschmidt@gmail.com>
parents: 65
diff changeset
101
Franklin Schmidt <fschmidt@gmail.com>
parents: 65
diff changeset
102 div[who] span[pulldown] {
35
27c41f22d2a9 improve fixPosts
Franklin Schmidt <fschmidt@gmail.com>
parents: 34
diff changeset
103 width: 16px;
27c41f22d2a9 improve fixPosts
Franklin Schmidt <fschmidt@gmail.com>
parents: 34
diff changeset
104 display: inline-block;
36
Franklin Schmidt <fschmidt@gmail.com>
parents: 35
diff changeset
105 vertical-align: middle;
22
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
106 }
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
107
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
108 span[pulldown] > div {
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
109 display: none;
34
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
110 right: 100%;
22
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
111 z-index: 2;
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
112 position: absolute;
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
113 border: 1px solid #cccccc;
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
114 border-radius: 4px;
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
115 text-align: left;
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
116 background-color: #eeeeee;
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
117 padding: 5px 0;
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
118 }
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
119
68
Franklin Schmidt <fschmidt@gmail.com>
parents: 65
diff changeset
120 div[who] span[pulldown] > div {
Franklin Schmidt <fschmidt@gmail.com>
parents: 65
diff changeset
121 top: 0;
Franklin Schmidt <fschmidt@gmail.com>
parents: 65
diff changeset
122 }
Franklin Schmidt <fschmidt@gmail.com>
parents: 65
diff changeset
123
Franklin Schmidt <fschmidt@gmail.com>
parents: 65
diff changeset
124 div[top] span[pulldown] > div {
Franklin Schmidt <fschmidt@gmail.com>
parents: 65
diff changeset
125 right: 0;
Franklin Schmidt <fschmidt@gmail.com>
parents: 65
diff changeset
126 }
Franklin Schmidt <fschmidt@gmail.com>
parents: 65
diff changeset
127
22
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
128 span[pulldown] > div > span {
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
129 white-space: nowrap;
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
130 display: block;
74
Franklin Schmidt <fschmidt@gmail.com>
parents: 72
diff changeset
131 padding: 8px 16px;
22
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
132 cursor: pointer;
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
133 }
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
134
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
135 span[pulldown] > div > span:hover {
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
136 color: #ffffff;
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
137 background-color: #428bca;
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
138 }
949914955bfe add menu
Franklin Schmidt <fschmidt@gmail.com>
parents: 11
diff changeset
139
79
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
140 blockquote,
10
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
141 div[text] {
34
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
142 white-space: pre-wrap;
98
Franklin Schmidt <fschmidt@gmail.com>
parents: 89
diff changeset
143 overflow-wrap: break-word;
10
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
144 }
79
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
145 blockquote {
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
146 margin: 0;
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
147 }
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
148 div[quote] {
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
149 border-left: 1px solid #888888;
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
150 padding-left: 8px;
122
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
151 margin-bottom: 8px;
79
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
152 }
109
b86bb25fb416 reply fix
Franklin Schmidt <fschmidt@gmail.com>
parents: 106
diff changeset
153 div[reply] a[when],
106
15cf43dd144c handle reply to deleted
Franklin Schmidt <fschmidt@gmail.com>
parents: 98
diff changeset
154 div[quote] [when],
15cf43dd144c handle reply to deleted
Franklin Schmidt <fschmidt@gmail.com>
parents: 98
diff changeset
155 div[quote] [deleted] {
79
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
156 font-size: 12px;
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
157 }
10
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
158
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
159 div[input] {
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
160 padding-top: 1em;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
161 padding-bottom: 1em;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
162 display: flex;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
163 gap: 8px;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
164 align-items: flex-end;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
165 }
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
166
79
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
167 div[input] span[textarea] {
10
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
168 flex-grow: 1;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
169 max-height: 150px;
79
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
170 }
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
171
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
172 div[input] div[reply] {
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
173 border: 1px solid #888888;
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
174 padding: 2px;
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
175 }
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
176
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
177 div[input] div[reply_top] {
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
178 display: flex;
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
179 justify-content: space-between;
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
180 color: #5f6368;
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
181 }
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
182
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
183 div[input] textarea {
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
184 display: block;
Franklin Schmidt <fschmidt@gmail.com>
parents: 75
diff changeset
185 width: 100%;
10
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
186 resize: none;
f9e6a4cc4f7d add Post
Franklin Schmidt <fschmidt@gmail.com>
parents:
diff changeset
187 }
24
af41be2dcdec add edit_post
Franklin Schmidt <fschmidt@gmail.com>
parents: 22
diff changeset
188
af41be2dcdec add edit_post
Franklin Schmidt <fschmidt@gmail.com>
parents: 22
diff changeset
189 dialog textarea {
af41be2dcdec add edit_post
Franklin Schmidt <fschmidt@gmail.com>
parents: 22
diff changeset
190 width: 600px;
af41be2dcdec add edit_post
Franklin Schmidt <fschmidt@gmail.com>
parents: 22
diff changeset
191 max-width: 80vw;
af41be2dcdec add edit_post
Franklin Schmidt <fschmidt@gmail.com>
parents: 22
diff changeset
192 }
27
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
193
33
e2b7f6393dab add online
Franklin Schmidt <fschmidt@gmail.com>
parents: 27
diff changeset
194 span[online] {
e2b7f6393dab add online
Franklin Schmidt <fschmidt@gmail.com>
parents: 27
diff changeset
195 display: inline-block;
e2b7f6393dab add online
Franklin Schmidt <fschmidt@gmail.com>
parents: 27
diff changeset
196 aspect-ratio: 1;
e2b7f6393dab add online
Franklin Schmidt <fschmidt@gmail.com>
parents: 27
diff changeset
197 background-color: grey;
34
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
198 height: 0.6em;
33
e2b7f6393dab add online
Franklin Schmidt <fschmidt@gmail.com>
parents: 27
diff changeset
199 border-radius: 50%;
e2b7f6393dab add online
Franklin Schmidt <fschmidt@gmail.com>
parents: 27
diff changeset
200 margin-left: 4px;
e2b7f6393dab add online
Franklin Schmidt <fschmidt@gmail.com>
parents: 27
diff changeset
201 }
e2b7f6393dab add online
Franklin Schmidt <fschmidt@gmail.com>
parents: 27
diff changeset
202
72
Franklin Schmidt <fschmidt@gmail.com>
parents: 68
diff changeset
203 span[is_online=true] {
Franklin Schmidt <fschmidt@gmail.com>
parents: 68
diff changeset
204 background-color: green;
Franklin Schmidt <fschmidt@gmail.com>
parents: 68
diff changeset
205 }
Franklin Schmidt <fschmidt@gmail.com>
parents: 68
diff changeset
206
53
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
207 span[unread] {
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
208 font-size: small;
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
209 display: inline-block;
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
210 background-color: DodgerBlue;
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
211 color: white;
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
212 padding: 2px;
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
213 border-radius: calc(1em + 4px);
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
214 min-width: calc(1em + 4px);
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
215 text-align: center;
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
216 line-height: 1;
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
217 }
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
218 span[unread="0"] {
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
219 display: none;
9298b04607ae add unread
Franklin Schmidt <fschmidt@gmail.com>
parents: 48
diff changeset
220 }
27
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
221
63
afd5ab5b02a2 file upload
Franklin Schmidt <fschmidt@gmail.com>
parents: 60
diff changeset
222 input[type="file"] {
afd5ab5b02a2 file upload
Franklin Schmidt <fschmidt@gmail.com>
parents: 60
diff changeset
223 display: none;
afd5ab5b02a2 file upload
Franklin Schmidt <fschmidt@gmail.com>
parents: 60
diff changeset
224 }
afd5ab5b02a2 file upload
Franklin Schmidt <fschmidt@gmail.com>
parents: 60
diff changeset
225
65
6cfef9850520 people popup
Franklin Schmidt <fschmidt@gmail.com>
parents: 63
diff changeset
226 div[people] {
6cfef9850520 people popup
Franklin Schmidt <fschmidt@gmail.com>
parents: 63
diff changeset
227 margin-bottom: 40px;
6cfef9850520 people popup
Franklin Schmidt <fschmidt@gmail.com>
parents: 63
diff changeset
228 }
6cfef9850520 people popup
Franklin Schmidt <fschmidt@gmail.com>
parents: 63
diff changeset
229
6cfef9850520 people popup
Franklin Schmidt <fschmidt@gmail.com>
parents: 63
diff changeset
230 div[people] img[phone] {
6cfef9850520 people popup
Franklin Schmidt <fschmidt@gmail.com>
parents: 63
diff changeset
231 display: inline-block;
6cfef9850520 people popup
Franklin Schmidt <fschmidt@gmail.com>
parents: 63
diff changeset
232 height: 1em;
6cfef9850520 people popup
Franklin Schmidt <fschmidt@gmail.com>
parents: 63
diff changeset
233 }
6cfef9850520 people popup
Franklin Schmidt <fschmidt@gmail.com>
parents: 63
diff changeset
234
83
a47036fd0158 group chat
Franklin Schmidt <fschmidt@gmail.com>
parents: 82
diff changeset
235 dialog[add] input[name=email] {
a47036fd0158 group chat
Franklin Schmidt <fschmidt@gmail.com>
parents: 82
diff changeset
236 width: 300px;
a47036fd0158 group chat
Franklin Schmidt <fschmidt@gmail.com>
parents: 82
diff changeset
237 }
a47036fd0158 group chat
Franklin Schmidt <fschmidt@gmail.com>
parents: 82
diff changeset
238
a47036fd0158 group chat
Franklin Schmidt <fschmidt@gmail.com>
parents: 82
diff changeset
239 [error] {
a47036fd0158 group chat
Franklin Schmidt <fschmidt@gmail.com>
parents: 82
diff changeset
240 color: red;
a47036fd0158 group chat
Franklin Schmidt <fschmidt@gmail.com>
parents: 82
diff changeset
241 }
a47036fd0158 group chat
Franklin Schmidt <fschmidt@gmail.com>
parents: 82
diff changeset
242
122
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
243 code {
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
244 background-color: #EEE;
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
245 padding: 2px;
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
246 }
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
247 pre > code {
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
248 display: block;
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
249 white-space: pre-wrap;
123
Franklin Schmidt <fschmidt@gmail.com>
parents: 122
diff changeset
250 padding: 1em;
122
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
251 }
1ae3613dd090 markdown work
Franklin Schmidt <fschmidt@gmail.com>
parents: 109
diff changeset
252
27
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
253 @media (min-width: 700px) {
48
Franklin Schmidt <fschmidt@gmail.com>
parents: 43
diff changeset
254 div[chat_content] {
27
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
255 margin-left: calc(3% - 8px);
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
256 margin-right: 0;
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
257 }
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
258
60
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
259 div[chat_content][show="chats"] div[intro],
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
260 div[chat_content][show="posts"] div[intro] {
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
261 display: none;
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
262 }
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
263
27
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
264 div[chats] {
60
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
265 overflow-y: auto;
27
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
266 width: 250px;
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
267 padding-right: 8px;
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
268 flex-shrink: 0;
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
269 }
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
270
60
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
271 div[intro],
27
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
272 div[posts] {
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
273 padding-left: 8px;
34
Franklin Schmidt <fschmidt@gmail.com>
parents: 33
diff changeset
274 border-left: 1px solid grey;
82
Franklin Schmidt <fschmidt@gmail.com>
parents: 79
diff changeset
275 max-width: calc(100% - 250px);
27
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
276 }
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
277
41
818697418dbe add voice link
Franklin Schmidt <fschmidt@gmail.com>
parents: 37
diff changeset
278 div[top] img[back] {
27
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
279 display: none;
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
280 }
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
281 }
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
282
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
283 @media (max-width: 699px) {
60
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
284 div[chat_content][show="intro"],
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
285 div[chat_content][show="chats"] {
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
286 flex-direction: column;
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
287 overflow-y: auto;
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
288 }
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
289 div[chat_content][show="posts"] {
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
290 margin-left: 3%;
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
291 }
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
292
48
Franklin Schmidt <fschmidt@gmail.com>
parents: 43
diff changeset
293 div[chat_content][show="chats"] div[posts],
60
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
294 div[chat_content][show="posts"] div[intro],
48
Franklin Schmidt <fschmidt@gmail.com>
parents: 43
diff changeset
295 div[chat_content][show="posts"] div[chats] {
27
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
296 display: none;
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
297 }
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
298
60
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
299 div[chats],
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
300 div[intro] {
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
301 padding-left: 3%;
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
302 padding-right: 3%;
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
303 }
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
304
27
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
305 div[chats] {
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
306 width: 100%;
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
307 }
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
308
60
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
309 div[intro] {
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
310 margin-top: 20px;
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
311 border-top: 1px solid grey;
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
312 }
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
313
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
314 div[intro] [or] {
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
315 display: none;
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
316 }
3521166513b3 finish invite
Franklin Schmidt <fschmidt@gmail.com>
parents: 56
diff changeset
317
48
Franklin Schmidt <fschmidt@gmail.com>
parents: 43
diff changeset
318 div[chat_content][show="posts"] {
27
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
319 margin-right: 0;
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
320 }
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
321
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
322 div[top] h3 {
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
323 display: flex;
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
324 gap: 6px;
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
325 }
809193524522 responsive
Franklin Schmidt <fschmidt@gmail.com>
parents: 24
diff changeset
326 }