git ssb

10+

Matt McKegg / patchwork



Tree: 4d59028f7e5dfb19b6a808394322180ab18e3b65

Files: 4d59028f7e5dfb19b6a808394322180ab18e3b65 / styles / dark / profile-header.mcss

1896 bytesRaw
1ProfileHeader {
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 min-width: 0
21 div.title {
22 display: flex
23 h1 {
24 flex: 1
25 }
26 }
27 section {
28 -description {
29 font-size: 120%
30 max-height: 350px
31 overflow: auto
32 -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,1) 90%, rgba(0,0,0,0));
33 }
34 -publicKey {
35 pre {
36 text-overflow: ellipsis;
37 overflow: hidden;
38 color: #808080;
39 margin: 2px 0;
40 font-size: 120%;
41 background: #333333;
42 padding: 3px;
43 ::selection {
44 background: black
45 color: white
46 }
47 }
48 }
49 -distanceWarning {
50 padding: 8px;
51 border: 1px solid #ffba4e;
52 background: #5f410b;
53 margin: 5px 0;
54 color: #ffdda7;
55 font-size: 110%
56
57 h1 {
58 font-size: 120%
59 font-weight: bold
60 margin: 0
61 color: white
62 }
63
64 p {
65 margin: 0
66 margin-top: 8px
67 }
68 }
69
70 -blockWarning {
71 padding: 8px;
72 border: 1px solid #ffba4e;
73 background: #5f410b;
74 margin: 5px 0;
75 color: #ffdda7;
76 font-size: 110%
77 a {
78 color: #ffdda7;
79 :hover {
80 text-decoration: none
81 color: #ffb236
82 }
83 }
84 }
85
86 -mutualFriends {
87 padding: 8px;
88 border: 1px solid #046ac1;
89 background: #0b405f;
90 margin: 5px 0;
91
92 a {
93 color: #dbecf7;
94 :hover {
95 text-decoration: none
96 color: #91d4ff
97 }
98 }
99 }
100 }
101 }
102}
103

Built with git-ssb-web