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