Mercurial Hosting > chat

annotate src/chat.css @ 108:2c85ae7b8a35 default tip

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