Files: 452d3838ab4f6ffb18b71fff39793437a4d88c4e / styles / light / profile-preview.mcss
1179 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 | flex: 1 |
45 | margin: 5px |
46 | |
47 | div.title { |
48 | display: flex |
49 | h1 { |
50 | flex: 1 |
51 | margin: 0 |
52 | margin-bottom: 3px |
53 | a { |
54 | color: black |
55 | } |
56 | } |
57 | div.meta { |
58 | a { |
59 | margin-left: 5px |
60 | display: inline-block |
61 | } |
62 | } |
63 | } |
64 | section { |
65 | pre { |
66 | color: #b3b3b3; |
67 | margin: 2px 0; |
68 | font-size: 110%; |
69 | background: #ffffff; |
70 | -webkit-user-select: text |
71 | } |
72 | } |
73 | } |
74 | } |
75 | } |
76 |
Built with git-ssb-web