Files: 461fd4459a46469a272bb9fe6c369b1dd1c9323c / styles / dark / profile-header.mcss
1816 bytesRaw
1 | ProfileHeader { |
2 | display: flex; |
3 | width: 100%; |
4 | max-width: 700px; |
5 | margin: 20px auto; |
6 | |
7 | div.image { |
8 | width: 200px; |
9 | max-height: 200px; |
10 | margin-right: 20px; |
11 | |
12 | img { |
13 | width: 100% |
14 | border-radius: 3px |
15 | } |
16 | } |
17 | |
18 | div.main { |
19 | flex: 1 |
20 | div.title { |
21 | display: flex |
22 | h1 { |
23 | flex: 1 |
24 | } |
25 | } |
26 | section { |
27 | -description { |
28 | font-size: 120% |
29 | max-height: 350px |
30 | overflow: auto |
31 | -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,1) 90%, rgba(0,0,0,0)); |
32 | } |
33 | -publicKey { |
34 | pre { |
35 | color: #808080; |
36 | margin: 2px 0; |
37 | font-size: 120%; |
38 | background: #333333; |
39 | padding: 3px; |
40 | ::selection { |
41 | background: black |
42 | color: white |
43 | } |
44 | } |
45 | } |
46 | -distanceWarning { |
47 | padding: 8px; |
48 | border: 1px solid #ffba4e; |
49 | background: #5f410b; |
50 | margin: 5px 0; |
51 | color: #ffdda7; |
52 | font-size: 110% |
53 | |
54 | h1 { |
55 | font-size: 120% |
56 | font-weight: bold |
57 | margin: 0 |
58 | color: white |
59 | } |
60 | |
61 | p { |
62 | margin: 0 |
63 | margin-top: 8px |
64 | } |
65 | } |
66 | |
67 | -blockWarning { |
68 | padding: 8px; |
69 | border: 1px solid #ffba4e; |
70 | background: #5f410b; |
71 | margin: 5px 0; |
72 | color: #ffdda7; |
73 | font-size: 110% |
74 | a { |
75 | color: #ffdda7; |
76 | :hover { |
77 | text-decoration: none |
78 | color: #ffb236 |
79 | } |
80 | } |
81 | } |
82 | |
83 | -mutualFriends { |
84 | padding: 8px; |
85 | border: 1px solid #046ac1; |
86 | background: #0b405f; |
87 | margin: 5px 0; |
88 | |
89 | a { |
90 | color: #dbecf7; |
91 | :hover { |
92 | text-decoration: none |
93 | color: #91d4ff |
94 | } |
95 | } |
96 | } |
97 | } |
98 | } |
99 | } |
100 |
Built with git-ssb-web