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] { |
