git ssb

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