git ssb

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
    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