git ssb

10+

Matt McKegg / patchwork



Tree: 8bafac31ed8088c572b22263835ef43e71ffc34e

Files: 8bafac31ed8088c572b22263835ef43e71ffc34e / styles / light / profile-header.mcss

1652 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 padding: 5px;
11 background: white;
12 box-shadow: 0 0 10px #AAA;
13 margin-right: 20px;
14 img {
15 width: 100%
16 }
17 }
18
19 div.main {
20 min-width: 0
21 flex: 1
22 div.title {
23 display: flex
24 h1 {
25 flex: 1
26 }
27 div.meta {
28 a {
29 margin-left: 5px
30 display: inline-block
31 }
32 }
33 }
34 section {
35 -description {
36 font-size: 120%
37 max-height: 350px
38 overflow: auto
39 -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,1) 90%, rgba(0,0,0,0));
40 }
41 -publicKey {
42 pre {
43 text-overflow: ellipsis;
44 overflow: hidden;
45 color: #b3b3b3;
46 margin: 2px 0;
47 font-size: 120%;
48 background: #ffffff;
49 padding: 3px;
50 }
51 }
52 -distanceWarning {
53 $distanceWarning
54 }
55
56 -blockWarning {
57 padding: 8px;
58 border: 1px solid #ffc965;
59 background: #ffebcc;
60 margin: 5px 0;
61 color: #8a6800;
62 font-size: 110%
63
64 a {
65 color: #8a6800;
66 :hover {
67 text-decoration: none
68 color: #da8701
69 }
70 }
71 }
72
73 -mutualFriends {
74 padding: 8px;
75 background: #cfe9ff;
76 margin: 5px 0;
77 font-size: 110%;
78 font-weight: bold;
79
80 a {
81 color: #003a5d;
82 :hover {
83 text-decoration: none
84 color: #0188da
85 }
86 }
87 }
88 }
89 }
90}
91

Built with git-ssb-web