Commit | Line | Data |
---|---|---|
60239287 JR |
1 | #trophyIconEditor .colorBoxValue { |
2 | display: block; | |
3 | height: 24px; | |
4 | width: 24px; | |
5 | } | |
6 | ||
7 | #trophyIconEditor .colorBox { | |
8 | background-color: rgb(255, 255, 255); | |
9 | border: 1px solid rgb(204, 204, 204); | |
10 | display: inline-block; | |
11 | padding: 1px; | |
12 | vertical-align: middle; | |
13 | } | |
14 | ||
15 | #badgeContainer .icon { | |
16 | vertical-align: middle; | |
17 | } | |
18 | ||
ab306592 JR |
19 | .trophyIcon { |
20 | display: inline-block; | |
21 | border-radius: 50%; | |
8a52619a | 22 | |
796379b9 | 23 | &.icon { |
24 | /* Factor: 0.5625 */ | |
25 | &.icon16 { | |
26 | font-size: 9px; | |
27 | } | |
8a52619a | 28 | |
796379b9 | 29 | &.icon32 { |
30 | font-size: 18px; | |
31 | } | |
8a52619a | 32 | |
ad7efceb | 33 | &.icon48 { |
34 | font-size: 27px; | |
35 | } | |
8a52619a | 36 | |
796379b9 | 37 | &.icon64 { |
38 | font-size: 36px; | |
39 | } | |
8a52619a | 40 | |
796379b9 | 41 | &.icon144 { |
42 | font-size: 81px; | |
43 | } | |
ab306592 JR |
44 | } |
45 | } | |
a83d788a | 46 | |
6328e311 | 47 | .specialTrophyList { |
a83d788a JR |
48 | display: flex; |
49 | flex-wrap: wrap; | |
8a52619a | 50 | |
a83d788a | 51 | > li { |
8a52619a | 52 | width: 300px; |
a83d788a | 53 | padding-bottom: 5px; |
8a52619a | 54 | |
a83d788a | 55 | > label { |
8a52619a | 56 | display: flex; |
a83d788a | 57 | align-items: center; |
8a52619a | 58 | |
d7436206 | 59 | .trophyIcon, |
a83d788a JR |
60 | > span:last-child { |
61 | margin-left: 5px; | |
62 | } | |
98287fae AE |
63 | |
64 | input, | |
65 | .trophyIcon { | |
66 | flex-shrink: 0; | |
67 | } | |
a83d788a JR |
68 | } |
69 | } | |
70 | } | |
71 | ||
2e9ffca3 | 72 | /* trophies in message sidebar */ |
2f0a4a69 MW |
73 | .specialTrophyContainer { |
74 | margin-top: 10px; | |
8a52619a | 75 | |
2f0a4a69 MW |
76 | > ul { |
77 | display: flex; | |
78 | justify-content: center; | |
2e9ffca3 MW |
79 | flex-wrap: wrap; |
80 | margin-bottom: -5px; | |
81 | margin-right: -5px; | |
8a52619a | 82 | |
2e9ffca3 MW |
83 | > li { |
84 | margin-bottom: 5px; | |
2f0a4a69 MW |
85 | margin-right: 5px; |
86 | } | |
a83d788a JR |
87 | } |
88 | } | |
89 | ||
a83d788a JR |
90 | @include screen-sm-down { |
91 | .specialTrophyContainer { | |
92 | display: none; | |
93 | } | |
94 | } | |
95 | ||
2e9ffca3 | 96 | /* trophies in user profile header */ |
a83d788a | 97 | .specialTrophyUserContainer > ul { |
2e9ffca3 | 98 | align-items: center; |
a83d788a | 99 | display: flex; |
2e9ffca3 MW |
100 | flex-wrap: wrap; |
101 | margin-right: -5px; | |
a83d788a | 102 | margin-top: -15px; |
8a52619a | 103 | |
2e9ffca3 MW |
104 | > li { |
105 | margin-bottom: 5px; | |
a83d788a JR |
106 | margin-right: 5px; |
107 | } | |
108 | } | |
109 | ||
aef94225 AE |
110 | .userProfileUserWithCoverPhoto .specialTrophyUserContainer > ul { |
111 | margin-top: 0; | |
112 | } | |
a83d788a JR |
113 | |
114 | .userProfilePreview .specialTrophyUserContainer > ul { | |
115 | margin-top: 5px; | |
116 | margin-bottom: 5px; | |
117 | } |