Overhauled message templates/styling
[GitHub/WoltLab/com.woltlab.wcf.conversation.git] / files / style / conversation.scss
CommitLineData
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