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