equal
deleted
inserted
replaced
159 background: linear-gradient(to bottom, #f5fcff 0, #fff 100%); |
159 background: linear-gradient(to bottom, #f5fcff 0, #fff 100%); |
160 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0); |
160 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#fafafa', endColorstr='#ffffff', GradientType=0); |
161 -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .04); |
161 -webkit-box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .04); |
162 box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .04); |
162 box-shadow: inset 2px 2px 5px rgba(0, 0, 0, .04); |
163 display: block; |
163 display: block; |
164 height: 270px; |
164 min-height: 270px; |
165 overflow-y: scroll; |
165 overflow-y: scroll; |
166 overflow-x: hidden; |
166 overflow-x: hidden; |
167 padding: 10px; |
167 padding: 10px; |
168 box-sizing: border-box; |
168 box-sizing: border-box; |
169 -webkit-box-sizing: border-box; |
169 -webkit-box-sizing: border-box; |
174 ul { |
174 ul { |
175 margin: 0; |
175 margin: 0; |
176 padding: 0; |
176 padding: 0; |
177 } |
177 } |
178 li { |
178 li { |
179 &:first-child { |
|
180 margin-top: 10px; |
|
181 } |
|
182 &.message { |
179 &.message { |
183 display: block; |
180 display: block; |
184 position: relative; |
181 position: relative; |
185 margin: 20px 20px 0; |
182 padding: 10px; |
186 |
183 margin: 2px; |
|
184 |
|
185 &:hover { |
|
186 background-color: #eee; |
|
187 } |
|
188 &.request, |
|
189 &.request:hover { |
|
190 background-color: #e4e4e4; |
|
191 } |
187 img { |
192 img { |
188 display: inline-block; |
193 display: inline-block; |
189 border-left: 4px solid #fff; |
194 border-left: 4px solid transparent; |
190 position: absolute; |
195 position: absolute; |
191 |
196 |
192 &.online { |
197 &.online { |
193 border-left-color: #00a300; |
198 border-left-color: #00a300; |
194 } |
199 } |
207 vertical-align: top; |
212 vertical-align: top; |
208 box-sizing: border-box; |
213 box-sizing: border-box; |
209 -webkit-box-sizing: border-box; |
214 -webkit-box-sizing: border-box; |
210 -moz-box-sizing: border-box; |
215 -moz-box-sizing: border-box; |
211 padding: 0; |
216 padding: 0; |
212 margin-left: 65px; |
217 margin-left: 50px; |
213 line-height: normal; |
218 line-height: normal; |
214 |
219 |
215 time { |
220 time { |
216 position: absolute; |
221 position: absolute; |
217 top: 1px; |
222 top: 3px; |
218 right: 0; |
223 right: 5px; |
219 font-size: 10px; |
224 font-size: 10px; |
220 line-height: 10px; |
225 line-height: 10px; |
221 color: #AFAFAF; |
226 color: #a1a1a1; |
222 } |
227 } |
223 .chat-file { |
228 .chat-file { |
224 display: block; |
229 display: block; |
225 margin: 3px 0; |
230 margin: 3px 0; |
226 padding: 4px; |
231 padding: 4px; |
255 @media (max-width:480px) { |
260 @media (max-width:480px) { |
256 width: 150px; |
261 width: 150px; |
257 } |
262 } |
258 } |
263 } |
259 } |
264 } |
260 a.username { |
265 .username { |
261 display: block; |
266 display: block; |
262 font-weight: 700; |
267 font-weight: 700; |
263 margin-bottom: 4px; |
268 margin-bottom: 4px; |
264 vertical-align: top; |
269 vertical-align: top; |
265 line-height: 14px; |
270 line-height: 14px; |