git ssb

1
.timestamp {
2
  float: right;
3
}
4
5
.Avatar img {
6
  vertical-align: top;
7
  width: 26px; height: 26px;
8
  margin-bottom: 1ex; margin-right: .5ex;
9
  border-radius: 3px;
10
}
11
12
.Avatar__header img {
13
  width: 75px;
14
}
15
16
.navless {
17
  width: 100%;
18
  position: absolute;
19
  overflow-y: hidden;
20
  overflow-x: hidden;
21
  top: 0; left: 0; right: 0; bottom: 0;
22
  margin-top: 3em;
23
}
24
25
.markdown img {
26
  max-width: 100%;
27
}
28
29
.hyperscroll > * {
30
  max-width: 670px;
31
  margin: auto;
32
}
33
34
35
html, body {
36
  background: #f7f7f9;
37
  font-family: sans-serif;
38
  margin: 0;
39
  font-size: 14px; line-height: 20px;
40
  color: #333;
41
}
42
43
p {
44
  margin-bottom: 10px;
45
  word-break: break-word;
46
  margin-top: .35ex;
47
}
48
49
a {
50
  color: #0088cc;
51
  text-decoration: none;
52
}
53
54
a:hover,
55
a:focus {
56
  color: #005580;
57
  text-decoration: underline;
58
}
59
60
code,
61
pre {
62
  padding: 0 3px 2px;
63
  font-size: 12px;
64
  color: #333333;
65
  word-break: break-all;
66
  word-wrap: break-word;
67
}
68
69
code {
70
  padding: 2px 4px;
71
  color: #d14;
72
  background-color: #f7f7f9;
73
}
74
75
pre {
76
  margin: 0 0 10px;
77
  font-size: 13px;
78
  line-height: 20px;
79
  white-space: pre-wrap;
80
  background-color: #f5f5f5;
81
  border: 1px solid #ccc;
82
  border: 1px solid rgba(0, 0, 0, 0.15);
83
  border-radius: 4px;
84
}
85
86
input, textarea {
87
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
88
  transition: border linear 0.2s, box-shadow linear 0.2s;
89
  border: 1px solid #eee;
90
  color: #555;
91
  border-radius: 4px;
92
}
93
94
input {
95
  width: 206px;
96
  height: 20px;
97
  padding: 4px 6px;
98
  font-size: 14px;
99
  line-height: 20px;
100
  color: #555555;
101
  vertical-align: middle;
102
}
103
104
input.search {
105
  margin-right: 5px;
106
  height: 14px;
107
  width: 96px;
108
  background: #f5f5f5;
109
}
110
111
button.btn-search {
112
  margin-right: 1em;
113
}
114
115
116
.compose {
117
  max-width: 670px;
118
  margin-left: auto;
119
  margin-right: auto;
120
}
121
122
.theme {
123
  height: 20em;
124
  width: 100%;
125
}
126
127
textarea {
128
  width: 100%;
129
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
130
  transition: border linear 0.2s, box-shadow linear 0.2s;
131
  padding: 4px 6px;
132
  font-size: 1em;
133
  margin: 0;
134
  margin-bottom: .3em;
135
  border-radius: 4px;
136
}
137
138
textarea:focus, {
139
  border-color: rgba(82, 168, 236, 0.8);
140
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(82, 168, 236, 0.6);
141
}
142
143
144
.message, .message > * {
145
  animation: fadein .5s;
146
}
147
148
@keyframes fadein {
149
    from { opacity: 0; }
150
    to   { opacity: 1; }
151
}
152
153
.message {
154
  border: 1px solid #eee;
155
  max-width: 100%;
156
  padding: .5em;
157
  margin-top: .5em;
158
  background: white;
159
  border-radius: 4px;
160
}
161
162
/*.content, .patchthreads__container {
163
  margin-top: 3em;
164
}*/
165
166
.navbar a {
167
  color: #999;
168
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
169
}
170
171
.navbar a:hover, .navbar a:focus {
172
  color: #fff;
173
  text-decoration: none;
174
}
175
176
.navbar {
177
  width: 100%;
178
  position: fixed;
179
  z-index: 1000;
180
  margin: 0;
181
  padding-top: .3em;
182
  padding-bottom: .1;
183
  left: 0; right: 0;
184
  top: 0;
185
  background: #1b1b1b;
186
  background: linear-gradient(#222, #111);
187
  border-bottom: 1px solid #252525;
188
}
189
190
.navbar .internal {
191
  max-width: 680px;
192
  margin-left: auto;
193
  margin-right: auto;
194
}
195
196
.navbar li {
197
  margin-top: .3em;
198
  float: left;
199
  padding-right: .6em;
200
  padding-left: .3em;
201
  list-style-type: none;
202
}
203
/* aesthetic */
204
205
body, input, button, p, li, h1, h2, h3, h4, h5, h6, textarea {
206
  font-family: "Source Sans Pro", sans-serif;
207
}
208
209
.btn {
210
  margin-right: 4px;
211
  display: inline-block;
212
  *display: inline;
213
  padding: 4px 12px;
214
  margin-bottom: 0;
215
  *margin-left: .3em;
216
  font-size: 14px;
217
  line-height: 20px;
218
  color: #333333;
219
  text-align: center;
220
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
221
  vertical-align: middle;
222
  cursor: pointer;
223
  background-color: #f5f5f5;
224
  *background-color: #e6e6e6;
225
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
226
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
227
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
228
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
229
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
230
  background-repeat: repeat-x;
231
  border: 1px solid #cccccc;
232
  *border: 0;
233
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
234
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
235
  border-bottom-color: #b3b3b3;
236
  -webkit-border-radius: 4px;
237
     -moz-border-radius: 4px;
238
          border-radius: 4px;
239
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
240
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
241
  *zoom: 1;
242
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
243
     -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
244
          box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
245
}
246
247
248
.btn:hover,
249
.btn:focus,
250
.btn:active,
251
.btn.active,
252
.btn.disabled,
253
.btn[disabled] {
254
  color: #333333;
255
  background-color: #e6e6e6;
256
  *background-color: #d9d9d9;
257
}
258
259
.btn:active,
260
.btn.active {
261
  background-color: #cccccc \9;
262
}
263
264
.btn:first-child {
265
  *margin-left: 0;
266
}
267
268
.btn:hover,
269
.btn:focus {
270
  color: #333333;
271
  text-decoration: none;
272
  background-position: 0 -15px;
273
  -webkit-transition: background-position 0.1s linear;
274
     -moz-transition: background-position 0.1s linear;
275
       -o-transition: background-position 0.1s linear;
276
          transition: background-position 0.1s linear;
277
}
278
279
.btn:focus {
280
  outline: thin dotted #333;
281
  outline: 5px auto -webkit-focus-ring-color;
282
  outline-offset: -2px;
283
}
284
285
.btn.active,
286
.btn:active {
287
  background-image: none;
288
  outline: 0;
289
  -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
290
     -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
291
          box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
292
}
293
294
.btn-primary {
295
  color: #ffffff;
296
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
297
  background-color: #006dcc;
298
  *background-color: #0044cc;
299
  background-image: -moz-linear-gradient(top, #0088cc, #0044cc);
300
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0088cc), to(#0044cc));
301
  background-image: -webkit-linear-gradient(top, #0088cc, #0044cc);
302
  background-image: -o-linear-gradient(top, #0088cc, #0044cc);
303
  background-image: linear-gradient(to bottom, #0088cc, #0044cc);
304
  background-repeat: repeat-x;
305
  border-color: #0044cc #0044cc #002a80;
306
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
307
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff0088cc', endColorstr='#ff0044cc', GradientType=0);
308
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
309
}
310
311
.btn-primary:hover,
312
.btn-primary:focus,
313
.btn-primary:active,
314
.btn-primary.active,
315
.btn-primary.disabled,
316
.btn-primary[disabled] {
317
  color: #ffffff;
318
  background-color: #0044cc;
319
  *background-color: #003bb3;
320
}
321
322
.btn-primary:active,
323
.btn-primary.active {
324
  background-color: #003399 \9;
325
}
326
.btn-success {
327
  color: #ffffff;
328
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
329
  background-color: #5bb75b;
330
  *background-color: #51a351;
331
  background-image: -moz-linear-gradient(top, #62c462, #51a351);
332
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#62c462), to(#51a351));
333
  background-image: -webkit-linear-gradient(top, #62c462, #51a351);
334
  background-image: -o-linear-gradient(top, #62c462, #51a351);
335
  background-image: linear-gradient(to bottom, #62c462, #51a351);
336
  background-repeat: repeat-x;
337
  border-color: #51a351 #51a351 #387038;
338
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
339
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff62c462', endColorstr='#ff51a351', GradientType=0);
340
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
341
}
342
343
.btn-success:hover,
344
.btn-success:focus,
345
.btn-success:active,
346
.btn-success.active,
347
.btn-success.disabled,
348
.btn-success[disabled] {
349
  color: #ffffff;
350
  background-color: #51a351;
351
  *background-color: #499249;
352
}
353
354
.btn-success:active,
355
.btn-success.active {
356
  background-color: #408140 \9;
357
}
358
359
360
.btn-danger {
361
  color: #ffffff;
362
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
363
  background-color: #da4f49;
364
  *background-color: #bd362f;
365
  background-image: -moz-linear-gradient(top, #ee5f5b, #bd362f);
366
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ee5f5b), to(#bd362f));
367
  background-image: -webkit-linear-gradient(top, #ee5f5b, #bd362f);
368
  background-image: -o-linear-gradient(top, #ee5f5b, #bd362f);
369
  background-image: linear-gradient(to bottom, #ee5f5b, #bd362f);
370
  background-repeat: repeat-x;
371
  border-color: #bd362f #bd362f #802420;
372
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
373
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffee5f5b', endColorstr='#ffbd362f', GradientType=0);
374
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
375
}
376
377
.btn-danger:hover,
378
.btn-danger:focus,
379
.btn-danger:active,
380
.btn-danger.active,
381
.btn-danger.disabled,
382
.btn-danger[disabled] {
383
  color: #ffffff;
384
  background-color: #bd362f;
385
  *background-color: #a9302a;
386
}
387
388
.btn-danger:active,
389
.btn-danger.active {
390
  background-color: #942a25 \9;
391
}
392
393
394