Files: 2d88702c84070a0e25dd321ebe69227e78637e7a / styles / dark / profile-preview.mcss
1304 bytesRaw
1 | ProfilePreview { |
2 | background: #525252; |
3 | border: 2px solid #636363; |
4 | box-shadow: 0 0 10px rgba(0,0,0,0.3); |
5 | border-radius: 3px; |
6 | z-index: 1; |
7 | position: absolute; |
8 | width: 500px; |
9 | color: white; |
10 | |
11 | section { |
12 | background: #4c4a4a |
13 | color: white |
14 | padding: 5px |
15 | |
16 | code { |
17 | user-select: text |
18 | word-break: break-all |
19 | } |
20 | |
21 | a { |
22 | color: white |
23 | } |
24 | |
25 | -distanceWarning { |
26 | background: #ab7d47; |
27 | color: #ffffff; |
28 | } |
29 | |
30 | -mutualFriends { |
31 | background: #7192ce |
32 | } |
33 | |
34 | -you { |
35 | background: #7d7d7d; |
36 | } |
37 | } |
38 | |
39 | header { |
40 | display: flex; |
41 | |
42 | div.image { |
43 | margin: 5px; |
44 | img { |
45 | width: 50px; |
46 | height: 50px; |
47 | } |
48 | } |
49 | |
50 | div.main { |
51 | min-width: 0 |
52 | flex: 1 |
53 | margin: 5px |
54 | |
55 | div.title { |
56 | display: flex |
57 | h1 { |
58 | flex: 1 |
59 | margin: 0 |
60 | margin-bottom: 3px |
61 | a { |
62 | color: white |
63 | } |
64 | } |
65 | div.meta { |
66 | a { |
67 | margin-left: 5px |
68 | display: inline-block |
69 | } |
70 | } |
71 | } |
72 | section { |
73 | pre { |
74 | text-overflow: ellipsis; |
75 | overflow: hidden; |
76 | color: #b3b3b3; |
77 | margin: 2px 0; |
78 | font-size: 110%; |
79 | -webkit-user-select: text |
80 | } |
81 | } |
82 | } |
83 | } |
84 | } |
85 |
Built with git-ssb-web