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
        $distanceWarning
54
      }
55
56
      -blockWarning {
57
        padding: 8px;
58
        border: 1px solid #ffc965;
59
        background: #ffebcc;
60
        margin: 5px 0;
61
        color: #8a6800;
62
        font-size: 110%
63
64
        a {
65
          color: #8a6800;
66
          :hover {
67
            text-decoration: none
68
            color: #da8701
69
          }
70
        }
71
      }
72
73
      -mutualFriends {
74
        padding: 8px;
75
        background: #cfe9ff;
76
        margin: 5px 0;
77
        font-size: 110%;
78
        font-weight: bold;
79
80
        a {
81
          color: #003a5d;
82
         :hover {
83
            text-decoration: none
84
            color: #0188da
85
          }
86
        }
87
      }
88
    }
89
  }
90
}
91