equal
deleted
inserted
replaced
187 } |
187 } |
188 &.request, |
188 &.request, |
189 &.request:hover { |
189 &.request:hover { |
190 background-color: #e4e4e4; |
190 background-color: #e4e4e4; |
191 } |
191 } |
192 img { |
192 img, |
|
193 .img { |
193 display: inline-block; |
194 display: inline-block; |
194 border-left: 4px solid transparent; |
195 border-left: 4px solid transparent; |
195 position: absolute; |
196 position: absolute; |
196 |
197 |
197 &.online { |
198 &.online { |
204 border-left-color: #A90329; |
205 border-left-color: #A90329; |
205 } |
206 } |
206 &.away { |
207 &.away { |
207 border-left-color: #ffc40d; |
208 border-left-color: #ffc40d; |
208 } |
209 } |
|
210 } |
|
211 .img { |
|
212 width: 35px; |
|
213 padding-top: 7px; |
|
214 text-align: center; |
209 } |
215 } |
210 .message-text { |
216 .message-text { |
211 display: inline-block; |
217 display: inline-block; |
212 vertical-align: top; |
218 vertical-align: top; |
213 box-sizing: border-box; |
219 box-sizing: border-box; |
216 padding: 0; |
222 padding: 0; |
217 margin-left: 50px; |
223 margin-left: 50px; |
218 line-height: normal; |
224 line-height: normal; |
219 |
225 |
220 time { |
226 time { |
221 position: absolute; |
227 font-size: 13px; |
222 top: 3px; |
228 font-weight: normal; |
223 right: 5px; |
229 color: #666; |
224 font-size: 10px; |
|
225 line-height: 10px; |
|
226 color: #a1a1a1; |
|
227 } |
230 } |
228 .chat-file { |
231 .chat-file { |
229 display: block; |
232 display: block; |
230 margin: 3px 0; |
233 margin: 3px 0; |
231 padding: 4px; |
234 padding: 4px; |