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