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