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
    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
    flex: 1
21
    div.title {
22
      display: flex
23
      h1 {
24
        flex: 1
25
      }
26
      div.meta {
27
        a {
28
          margin-left: 5px
29
          display: inline-block
30
        }
31
      }
32
    }
33
    section {
34
      -description {
35
        font-size: 120%
36
        max-height: 350px
37
        overflow: auto
38
        -webkit-mask-image: linear-gradient(180deg, rgba(0,0,0,1) 90%, rgba(0,0,0,0));
39
      }
40
      -publicKey {
41
        pre {
42
          color: #b3b3b3;
43
          margin: 2px 0;
44
          font-size: 120%;
45
          background: #ffffff;
46
          padding: 3px;
47
        }
48
      }
49
      -distanceWarning {
50
        padding: 8px;
51
        border: 1px solid #ffc965;
52
        background: #ffebcc;
53
        margin: 5px 0;
54
        color: #8a6800;
55
        font-size: 110%
56
57
        h1 {
58
          font-size: 120%
59
          font-weight: bold
60
          margin: 0
61
          color: #583805
62
        }
63
64
        p {
65
          margin: 0
66
          margin-top: 8px
67
        }
68
      }
69
70
      -blockWarning {
71
        padding: 8px;
72
        border: 1px solid #ffc965;
73
        background: #ffebcc;
74
        margin: 5px 0;
75
        color: #8a6800;
76
        font-size: 110%
77
78
        a {
79
          color: #8a6800;
80
          :hover {
81
            text-decoration: none
82
            color: #da8701
83
          }
84
        }
85
      }
86
87
      -mutualFriends {
88
        padding: 8px;
89
        background: #cfe9ff;
90
        margin: 5px 0;
91
        font-size: 110%;
92
        font-weight: bold;
93
94
        a {
95
          color: #003a5d;
96
         :hover {
97
            text-decoration: none
98
            color: #0188da
99
          }
100
        }
101
      }
102
    }
103
  }
104
}
105