Commit | Line | Data |
---|---|---|
7961609e | 1 | /* list of participants */ |
331b1cdf MW |
2 | .conversationParticipantList { |
3 | > li { | |
aafdc24c AE |
4 | &.conversationLeft > div { |
5 | > a > img, | |
6 | > span > img { | |
dfe441a2 | 7 | @extend .grayscale; |
e7d0a6c8 MW |
8 | } |
9 | } | |
331b1cdf MW |
10 | } |
11 | } | |
12 | ||
7961609e | 13 | /* participant left status */ |
e7d0a6c8 | 14 | .conversationLeft .userLink, |
aafdc24c AE |
15 | .conversationLeft.userLink, |
16 | .conversationLeft p > span { | |
331b1cdf | 17 | text-decoration: line-through; |
dc065e1b MW |
18 | } |
19 | ||
7961609e | 20 | /* quota usage display */ |
7cd36813 MW |
21 | .sidebar .box.conversationQuota .boxContent { |
22 | text-align: center; | |
dc065e1b | 23 | } |
dc065e1b | 24 | .conversationUsageBar { |
83478c76 | 25 | border-radius: 5px; |
dfe441a2 | 26 | box-shadow: inset 0 1px 5px rgba(0, 0, 0, .5), 0 1px 0 rgba(255, 255, 255, .5); |
e7d0a6c8 MW |
27 | height: 20px; |
28 | padding: 4px; | |
29 | ||
dc065e1b | 30 | > span { |
dfe441a2 | 31 | background-image: linear-gradient(rgba(165, 223, 65, 1), rgba(76, 169, 22, 1)); |
83478c76 | 32 | border-radius: 3px; |
dfe441a2 | 33 | box-shadow: inset 0 1px 0 rgba(255, 255, 255, .5); |
dc065e1b MW |
34 | color: transparent; |
35 | display: block; | |
e7d0a6c8 | 36 | height: 100%; |
dc065e1b MW |
37 | } |
38 | ||
39 | &.yellow > span { | |
dfe441a2 | 40 | background-image: linear-gradient(rgba(254, 207, 35, 1), rgba(253, 146, 21, 1)); |
dc065e1b MW |
41 | } |
42 | ||
43 | &.red > span { | |
dfe441a2 | 44 | background-image: linear-gradient(rgba(240, 163, 163, 1), rgba(244, 35, 35, 1)); |
dc065e1b | 45 | } |
9cd031f5 MW |
46 | } |
47 |