git ssb

1
@font-face {
2
  font-family: 'Open Sans';
3
  src: url('opensansreg.ttf');
4
  font-weight: 400;
5
}
6
7
body {
8
  background: #000 url("./gbdim.jpg") no-repeat center center fixed;
9
  font-family: 'Open Sans';
10
  font-weight: 400;
11
  background-size: cover;
12
  color: white;
13
  padding: 1em;
14
  margin: 0;
15
}
16
17
h1, h2, h3 {
18
  font-weight: 400;
19
  margin-top: 0;
20
  line-height: 1em;
21
}
22
23
p, input {
24
  font-size: .8em;
25
  margin-top: .35ex;
26
}
27
28
.profile {
29
  margin-right: .5ex;
30
  width: 50px;
31
  border: 1px solid white;
32
  float: left;
33
}
34
35
.date {
36
  color: #ccc;
37
}
38
39
.contain {
40
  display: flex;    
41
  flex-direction: column;
42
  align-items: flex-end; 
43
  justify-content: space-between;
44
}
45
46
@media (min-width: 600px) {
47
  .box {
48
  width: 35%;
49
  max-width: 25em;
50
  }
51
}
52
53
54
.box {
55
  width: 80%;
56
  margin-top: .5em;
57
  padding: 1em 1.5em 1.5em 1.5em;
58
  border: 5px solid white;
59
  border-radius: 2ex;
60
  flex: 1;
61
  word-wrap: break-word;
62
}
63
64
.box:hover {
65
  transition: background 300ms ease-out;
66
  background: rgba(0, 0, 0, .5)
67
}
68
69
input, textarea {
70
  width: 95%;
71
  background: transparent;
72
  border: 2px solid white;
73
  border-radius: .5ex;
74
  color: white;
75
  padding: .5ex;
76
  margin-bottom: 1ex;
77
}
78
79
.box:hover input,
80
.box:hover textarea {
81
  background: black;
82
}
83
84
button {
85
  background: transparent;
86
  border: 2px solid white;
87
  border-radius: .5ex;
88
  color: white;
89
  padding: .5em 1em;
90
  cursor: pointer;
91
}
92
93
button:hover {
94
  transition: background 500ms ease-out;
95
  background: #000;
96
}
97
98
a { color: white; }
99