git ssb

1
font-face {
2
  font-family: "Source Sans Pro Bold";
3
  src:url("/blobs/get/&KU8KLByqTFQ8pn9aiMwEdKRxokchSx/d4CV6AY9ZaoQ=.sha256");
4
}
5
6
font-face {
7
font-family: "Source Sans Pro Regular";
8
src:url("/blobs/get/&d0YUxGPzyb1qNwflnut8hcB1Mme6L9UQX4dRxUt0sQI=.sha256");
9
}
10
body {
11
  margin: 0;
12
  background: #fff;
13
  font-family: 'Source Sans Pro', sans-serif;
14
  color: #000;
15
  font-size: 16px; 
16
  line-height: 20px;
17
}
18
19
#screen {
20
  position: absolute;
21
  top: 35px;
22
  bottom: 0px;
23
  left: 0px;
24
  right: 0px;
25
}
26
27
.hyperscroll {
28
  width: 100%;
29
}
30
31
.search {
32
  margin-top: 1.5px;
33
  float: right;
34
  width: 200px;
35
}
36
37
.header {
38
  *padding-bottom: .7em;
39
  *border-bottom: 1px solid #363636;
40
}
41
42
.label {
43
  text-decoration: none;
44
}  
45
46
h1, h2, h3, h4, h5, h6 {
47
  font-family: 'Source Sans Pro Bold', sans-serif;
48
  font-size: 1.2em;
49
  margin-top: .35ex;
50
}
51
52
hr {
53
  border: solid #363636;
54
  clear: both;
55
  border-width: 1px 0 0;
56
  height: 0;
57
  margin-bottom: .9em;
58
}
59
60
61
p {
62
  margin-top: .35ex;
63
  margin-bottom: 10px;
64
}
65
66
/*a {
67
  color: #00aaff;
68
  text-decoration: none;
69
}
70
71
a:hover,
72
a:focus {
73
  color: #0088cc;
74
  text-decoration: underline;
75
}*/
76
77
a {
78
  color: #363636;
79
  text-decoration: underline;
80
}
81
82
a:hover {
83
  color: #363636;
84
}
85
86
.navbar a {
87
  font-family: 'Source Sans Pro Bold', sans-serif;
88
  color: #363636;
89
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
90
  text-decoration: none;
91
}
92
93
.navbar a:hover, .navbar a:focus {
94
  text-decoration: underline;
95
}
96
97
.navbar {
98
  background: #fff;
99
  border-bottom: 1px solid #b5bbbf;
100
}
101
102
.navbar {
103
  width: 100%;
104
  position: fixed;
105
  z-index: 1000;
106
  margin: 0;
107
  padding-top: .3em;
108
  padding-bottom: .3em;
109
  left: 0; right: 0;
110
  top: 0;
111
}
112
113
.navbar .internal {
114
  max-width: 97%;
115
  margin-left: auto;
116
  margin-right: auto;
117
}
118
119
.navbar li {
120
  margin-top: .3em;
121
  float: left;
122
  margin-right: .6em;
123
  margin-left: .3em;
124
  list-style-type: none;
125
}
126
127
.navbar li.right {
128
  padding-left: .4em;
129
  padding-right: .4em;
130
  margin-top: .3em;
131
  margin-right: 1.7em;
132
  float: right;
133
  list-style-type: none;
134
  background: #000;
135
  border-radius: 100%;
136
}
137
138
.breadcrumbs {
139
  color: #363636;
140
  background: #f5f5f5; 
141
}
142
.content {
143
  max-width: 680px;
144
  margin-left: auto;
145
  margin-right: auto;
146
}
147
148
.content:first-child {
149
  margin-top: 12em;
150
}
151
152
.hyperscroll > .content {
153
  max-width: 680px;
154
  margin-left: auto;
155
  margin-right: auto;
156
}
157
158
.message, .message > *, .navbar, .navbar > * {
159
  animation: fadein .5s;
160
}
161
162
@keyframes fadein {
163
    from { opacity: 0; }
164
    to   { opacity: 1; }
165
}
166
167
.message, .embedded {
168
  display: block;
169
  margin: 0;
170
  padding: .7em;
171
  margin-bottom: -1px;
172
  border-radius: 0;
173
  border: 1px solid #b5bbbf;
174
}
175
176
177
.embedded {
178
  padding-left: 1em;
179
}
180
181
.message:hover, .embedded:hover {
182
  background: #f5f5f5;
183
}
184
185
.message img, .message video {
186
  max-width: 100%;
187
}
188
189
img {
190
  border-radius: 3px;
191
}
192
193
.timestamp, .votes {
194
  float: right;
195
}
196
 
197
.avatar--small img {
198
  vertical-align: top;
199
  width: 1.4em;
200
  height: 1.4em;
201
  margin-right: .2em;
202
}
203
204
.avatar--medium img {
205
  float: left;
206
  vertical-align: top;
207
  width: 5em;
208
  height: 5em;
209
  margin-right: .5em;
210
  margin-bottom: .5em;
211
}
212
213
.compose, textarea, input {
214
  font-family: 'Source Sans Pro', sans-serif;
215
  font-size: 14px;
216
  line-height: 20px;
217
  border: none;
218
}
219
220
textarea {
221
  width: 100%;
222
  height: 100px;
223
}
224
225
.compose:hover {
226
  background: #f5f5f5;
227
}
228
229
.compose:focus {
230
  outline: none;
231
}
232
233
.emoji {
234
  padding: .2em;
235
}
236
237
.right {
238
  float: right;
239
  margin-right: .25em;
240
}
241
242
.emoji {
243
  *float: left;
244
  width: 1em;
245
  vertical-align: top;
246
}
247
248
pre {
249
  width: 100%;
250
  display: block;
251
}
252
253
code {
254
  display: inline-block;
255
  vertical-align: bottom;
256
}
257
258
code, pre {
259
overflow: auto;
260
word-break: break-all;
261
word-wrap: break-word;
262
white-space: pre;
263
white-space: -moz-pre-wrap;
264
white-space: pre-wrap;
265
white-space: pre\9;
266
}
267
268
code, pre {
269
  font-size: 12px;
270
  color: #000;
271
}
272
273
code {
274
  color: #000;
275
}
276
277
pre {
278
  margin: 0 0 10px;
279
  font-size: 13px;
280
  line-height: 20px;
281
}
282
283
button {margin: 0; margin-top: -.2em;}
284
285
input {width: 88%; }
286
287
#profile input {width: 50%;}
288
289
.btn {
290
  display: inline-block;
291
  *display: inline;
292
  padding: 2px 6px;
293
  margin-bottom: 0;
294
  margin-right: .2em;
295
  font-size: 14px;
296
  line-height: 20px;
297
  color: #363636;
298
  text-align: center;
299
  text-shadow: 0 1px 1px rgba(0, 0, 0, 0.75);
300
  vertical-align: middle;
301
  cursor: pointer;
302
  background-color: #fff;
303
  border: 1px solid #b5bbbf;
304
  border-radius: 4px;
305
}
306
 
307
308
.btn:hover,
309
.btn:focus,
310
.btn:active,
311
.btn.active,
312
.btn.disabled,
313
.btn[disabled] {
314
}
315
316
.btn:active,
317
.btn.active {
318
  background-color: #111;
319
}
320
321
.btn:first-child {
322
  *margin-left: 0;
323
}
324
325