git ssb

1
body {
2
  margin: 0;
3
  background: black;
4
  font-family: sans-serif;
5
  color: #f5f5f5;
6
  font-size: 14px; 
7
  line-height: 20px;
8
}
9
10
#screen {
11
  position: absolute;
12
  top: 35px;
13
  bottom: 0px;
14
  left: 0px;
15
  right: 0px;
16
}
17
18
.hyperscroll {
19
  width: 100%;
20
}
21
22
.header {
23
  padding-bottom: .7em;
24
  border-bottom: 1px solid #252525;
25
}
26
27
h1, h2, h3, h4, h5, h6 {
28
  font-size: 1.2em;
29
  margin-top: .35ex;
30
}
31
32
hr {
33
  border: solid #222;
34
  clear: both;
35
  border-width: 1px 0 0;
36
  height: 0;
37
  margin-bottom: .9em;
38
}
39
40
p {
41
  margin-top: .35ex;
42
  margin-bottom: 10px;
43
}
44
45
a {
46
  color: cyan;
47
  text-decoration: none;
48
}
49
50
a:hover, a:focus {
51
  color: violet;
52
  text-decoration: underline;
53
}
54
55
.navbar {
56
  background: #1b1b1b;
57
  *background: linear-gradient(#222, #111);
58
  border-bottom: 1px solid #252525;
59
}
60
61
.navbar {
62
  width: 100%;
63
  position: fixed;
64
  z-index: 1000;
65
  margin: 0;
66
  padding-top: .3em;
67
  padding-bottom: .3em;
68
  left: 0; right: 0;
69
  top: 0;
70
}
71
72
.navbar .internal {
73
  max-width: 97%;
74
  margin-left: auto;
75
  margin-right: auto;
76
}
77
78
.navbar li {
79
  margin-top: .3em;
80
  float: left;
81
  margin-right: .6em;
82
  margin-left: .3em;
83
  list-style-type: none;
84
}
85
86
.navbar li.right {
87
  padding-left: .4em;
88
  padding-right: .4em;
89
  margin-top: .3em;
90
  margin-right: 1.7em;
91
  float: right;
92
  list-style-type: none;
93
  background: #333;
94
  border-radius: 100%;
95
}
96
97
.content {
98
  max-width: 760px;
99
  margin-left: auto;
100
  margin-right: auto;
101
}
102
103
.message, .message > *, .navbar, .navbar > * {
104
  animation: fadein .5s;
105
}
106
107
@keyframes fadein {
108
  from { opacity: 0; }
109
  to   { opacity: 1; }
110
}
111
112
.messageContent {
113
  display: block;
114
  margin: .6em;
115
  background: #111;
116
  padding: .7em;
117
  border-radius: 3px;
118
  border: 1px solid #252525;
119
}
120
121
.submessage {
122
  margin-left: 2em;
123
}
124
125
.message img, .message video {
126
  max-width: 100%;
127
}
128
129
.avatar--small img {
130
  vertical-align: top;
131
  width: 1.4em;
132
  height: 1.4em;
133
  margin-right: .2em;
134
}
135
136
.avatar--medium img {
137
  float: left;
138
  vertical-align: top;
139
  width: 5em;
140
  height: 5em;
141
  margin-right: .5em;
142
  margin-bottom: .5em;
143
}
144
145
.right {
146
  float: right;
147
  margin-right: .25em;
148
}
149
150
.emoji {
151
  padding: .2em;
152
  *float: left;
153
  width: 1em;
154
  vertical-align: top;
155
}
156
157
pre {
158
  width: 100%;
159
  display: block;
160
}
161
162
code {
163
  display: inline-block;
164
  vertical-align: bottom;
165
}
166
167
code, pre {
168
  overflow: auto;
169
  word-break: break-all;
170
  word-wrap: break-word;
171
  white-space: pre;
172
  white-space: -moz-pre-wrap;
173
  white-space: pre-wrap;
174
  white-space: pre\9;
175
  color: violet;
176
}
177
178