Mercurial Hosting > chat
comparison src/chat.css @ 68:329c3f70fd78
UI
author | Franklin Schmidt <fschmidt@gmail.com> |
---|---|
date | Thu, 06 Mar 2025 19:43:18 -0700 |
parents | 6cfef9850520 |
children | bce0480721c1 |
comparison
equal
deleted
inserted
replaced
67:e4e331539146 | 68:329c3f70fd78 |
---|---|
87 color: grey; | 87 color: grey; |
88 } | 88 } |
89 | 89 |
90 span[pulldown] { | 90 span[pulldown] { |
91 position: relative; | 91 position: relative; |
92 } | |
93 | |
94 div[who] span[pulldown] { | |
92 width: 16px; | 95 width: 16px; |
93 display: inline-block; | 96 display: inline-block; |
94 vertical-align: middle; | 97 vertical-align: middle; |
95 } | 98 } |
96 | 99 |
97 span[pulldown] > div { | 100 span[pulldown] > div { |
98 display: none; | 101 display: none; |
99 top: 0; | |
100 right: 100%; | 102 right: 100%; |
101 z-index: 2; | 103 z-index: 2; |
102 position: absolute; | 104 position: absolute; |
103 border: 1px solid #cccccc; | 105 border: 1px solid #cccccc; |
104 border-radius: 4px; | 106 border-radius: 4px; |
105 text-align: left; | 107 text-align: left; |
106 background-color: #eeeeee; | 108 background-color: #eeeeee; |
107 padding: 5px 0; | 109 padding: 5px 0; |
108 } | 110 } |
109 | 111 |
112 div[who] span[pulldown] > div { | |
113 top: 0; | |
114 } | |
115 | |
116 div[top] span[pulldown] > div { | |
117 right: 0; | |
118 } | |
119 | |
110 span[pulldown] > div > span { | 120 span[pulldown] > div > span { |
111 white-space: nowrap; | 121 white-space: nowrap; |
112 display: block; | 122 display: block; |
113 padding: 3px 16px; | 123 padding: 3px 16px; |
114 xcolor: #333333; | |
115 cursor: pointer; | 124 cursor: pointer; |
116 } | 125 } |
117 | 126 |
118 span[pulldown] > div > span:hover { | 127 span[pulldown] > div > span:hover { |
119 color: #ffffff; | 128 color: #ffffff; |
169 | 178 |
170 input[type="file"] { | 179 input[type="file"] { |
171 display: none; | 180 display: none; |
172 } | 181 } |
173 | 182 |
174 a[people] { | |
175 color: black; | |
176 } | |
177 | |
178 div[people] { | 183 div[people] { |
179 margin-bottom: 40px; | 184 margin-bottom: 40px; |
180 } | 185 } |
181 | 186 |
182 div[people] img[phone] { | 187 div[people] img[phone] { |