git ssb

10+

Matt McKegg / patchwork



Tree: 4d59028f7e5dfb19b6a808394322180ab18e3b65

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

1976 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 padding: 8px;
54 border: 1px solid #ffc965;
55 background: #ffebcc;
56 margin: 5px 0;
57 color: #8a6800;
58 font-size: 110%
59
60 h1 {
61 font-size: 120%
62 font-weight: bold
63 margin: 0
64 color: #583805
65 }
66
67 p {
68 margin: 0
69 margin-top: 8px
70 }
71 }
72
73 -blockWarning {
74 padding: 8px;
75 border: 1px solid #ffc965;
76 background: #ffebcc;
77 margin: 5px 0;
78 color: #8a6800;
79 font-size: 110%
80
81 a {
82 color: #8a6800;
83 :hover {
84 text-decoration: none
85 color: #da8701
86 }
87 }
88 }
89
90 -mutualFriends {
91 padding: 8px;
92 background: #cfe9ff;
93 margin: 5px 0;
94 font-size: 110%;
95 font-weight: bold;
96
97 a {
98 color: #003a5d;
99 :hover {
100 text-decoration: none
101 color: #0188da
102 }
103 }
104 }
105 }
106 }
107}
108

Built with git-ssb-web