Files: b68094abcbd7db121bfdca8c06131dda2443c8a9 / styles / dark / profile-preview.mcss
1222 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 | flex: 1 |
52 | margin: 5px |
53 | |
54 | div.title { |
55 | display: flex |
56 | h1 { |
57 | flex: 1 |
58 | margin: 0 |
59 | margin-bottom: 3px |
60 | a { |
61 | color: white |
62 | } |
63 | } |
64 | div.meta { |
65 | a { |
66 | margin-left: 5px |
67 | display: inline-block |
68 | } |
69 | } |
70 | } |
71 | section { |
72 | pre { |
73 | color: #b3b3b3; |
74 | margin: 2px 0; |
75 | font-size: 110%; |
76 | -webkit-user-select: text |
77 | } |
78 | } |
79 | } |
80 | } |
81 | } |
82 |
Built with git-ssb-web