git ssb

1
body {
2
  margin: 0 auto;
3
  font-family: sans-serif;
4
  font-size: 18px;
5
}
6
section {
7
  padding: 1ex;
8
}
9
.symbol {
10
  font-family: Symbola;
11
}
12
.ssb-post img {
13
  max-width: 100%;
14
}
15
img.ssb-emoji {
16
  height: 1em;
17
  width: auto;
18
  border: none;
19
}
20
.nav-bar {
21
  background-color: #039;
22
  padding-left: 1em;
23
}
24
.nav-bar a {
25
  color: #ed0;
26
}
27
.search-input {
28
  color: #efd;
29
  background-color: transparent;
30
  border: 1px solid black;
31
  font-size: inherit;
32
  width: 24ex;
33
}
34
footer {
35
  font-size: smaller;
36
  text-align: center;
37
  color: #999;
38
  padding: 1ex;
39
}
40
.ssb-avatar-image {
41
  width: 4em;
42
  max-height: 4em;
43
  vertical-align: top;
44
}
45
.ssb-feed .ssb-avatar-image,
46
.ssb-main .ssb-avatar-image {
47
  width: 4em;
48
  max-height: 8em;
49
}
50
h3.feed-name {
51
  padding: 0;
52
  margin: 0;
53
}
54
.recps-input {
55
  width: 100%;
56
}
57
textarea {
58
  font: inherit;
59
  width: 100%;
60
}
61
pre {
62
  white-space: pre-wrap;
63
}
64
.ssb-id {
65
  font-size: .7em;
66
  color: #777;
67
  text-decoration: none;
68
}
69
.ssb-timestamp {
70
  font-size: smaller;
71
}
72
.msg-header {
73
  margin-bottom: .25ex;
74
}
75
.recps {
76
  font-size: smaller;
77
}
78
.ssb-msgs {
79
  border-spacing: 0;
80
  border-bottom: 1px solid #ddd;
81
  width: 100%;
82
}
83
.msg-left,
84
.msg-main,
85
.msg-right {
86
  border-top: 1px solid #ddd;
87
  padding: .5ex;
88
}
89
.msg-content {
90
  padding: 0 .5ex .5ex 0;
91
}
92
.composer-actions {
93
  text-align: right;
94
  padding: .2ex .5ex;
95
}
96
td {
97
  vertical-align: top;
98
}
99
.msg-right {
100
  text-align: right;
101
  padding: .2ex .5ex;
102
}
103
.feed-name {
104
  padding: .75ex;
105
}
106
.feed-about {
107
  padding-left: .75ex;
108
}
109
.msg-left .ssb-avatar-image {
110
  margin-left: .25em;
111
  background-color: #efd;
112
}
113
.msg-title {
114
  margin: 0;
115
  padding: 0;
116
}
117
.mentions li {
118
  list-style-type: none;
119
}
120
.id-input {
121
  width: 60ex;
122
}
123
table.ssb-object {
124
  border-collapse: collapse;
125
}
126
table.ssb-object td {
127
  border: 1px solid black;
128
}
129
.chess-square-dark {
130
  background-color: #ccc;
131
}
132
body {
133
  margin: 0 auto;
134
  font-family: sans-serif;
135
  font-size: 18px;
136
  margin-left: 15px;
137
  margin-right: 15px;
138
  background-color: #222;
139
  color: #bbb;
140
}
141
section {
142
  padding: 1ex;
143
}
144
.symbol {
145
  font-family: Symbola;
146
}
147
.ssb-post img {
148
  max-width: 100%;
149
}
150
img.ssb-emoji {
151
  height: 1em;
152
  width: auto;
153
  border: none;
154
}
155
.nav-bar {
156
  background-color: #333;
157
  padding-left: 1em;
158
}
159
.nav-bar form a {
160
  color: #ff0073;
161
}
162
a {
163
  color: #ff0073;
164
}
165
a:visited {
166
  color: #bb0073;
167
}
168
.search-input {
169
  color: #efd;
170
  background-color: transparent;
171
  border: 1px solid black;
172
  font-size: inherit;
173
  width: 24ex;
174
}
175
footer {
176
  font-size: smaller;
177
  text-align: center;
178
  color: #999;
179
  padding: 1ex;
180
}
181
.ssb-avatar-image {
182
  width: 8em;
183
  max-height: 8em;
184
  vertical-align: top;
185
}
186
.ssb-feed .ssb-avatar-image,
187
.ssb-main .ssb-avatar-image {
188
  width: 4em;
189
  max-height: 8em;
190
}
191
h3.feed-name {
192
  padding: 0;
193
  margin: 0;
194
}
195
.recps-input {
196
  width: 100%;
197
}
198
input:not([type=file]) {
199
  background-color: #444;
200
  color: #eee;
201
  border: 1px solid #555;
202
  padding: 15px;
203
}
204
textarea {
205
  font: inherit;
206
  width: 100%;
207
  background-color: #444;
208
  color: #eee;
209
  margin-top: 15px;
210
  margin-bottom: 15px;
211
  max-width: 100%;
212
  padding: 10px;
213
  border: none;
214
}
215
input[type=submit] {
216
  background-color: #444;
217
  color: #eee;
218
  border: 1px solid #555;
219
  padding: 5px 10px 5px 10px;
220
}
221
pre {
222
  white-space: pre-wrap;
223
}
224
.ssb-id {
225
  font-size: .7em;
226
  color: #777;
227
  text-decoration: none;
228
}
229
.ssb-timestamp {
230
  font-size: smaller;
231
}
232
.msg-header {
233
  margin-bottom: .25ex;
234
}
235
.recps {
236
  font-size: smaller;
237
}
238
.ssb-msgs {
239
  border-spacing: 0;
240
  border-bottom: 1px solid #ddd;
241
  width: 100%;
242
}
243
.msg-left,
244
.msg-main,
245
.msg-right {
246
  border-top: 1px solid #ddd;
247
  padding: .5ex;
248
}
249
.msg-content {
250
  padding: 0 .5ex .5ex 0;
251
}
252
.composer-actions {
253
  text-align: right;
254
  padding: .2ex .5ex;
255
}
256
td {
257
  vertical-align: top;
258
}
259
.msg-right {
260
  text-align: right;
261
  padding: .2ex .5ex;
262
}
263
.feed-name {
264
  padding: .75ex;
265
}
266
.feed-about {
267
  padding-left: .75ex;
268
}
269
.msg-left .ssb-avatar-image {
270
  margin-left: .25em;
271
  background-color: #efd;
272
}
273
.msg-title {
274
  margin: 0;
275
  padding: 0;
276
}
277
.mentions li {
278
  list-style-type: none;
279
}
280
.id-input {
281
  width: 60ex;
282
}
283
table.ssb-object {
284
  border-collapse: collapse;
285
}
286
table.ssb-object td {
287
  border: 1px solid black;
288
}
289
div.ssb-post-text {
290
  overflow-wrap: break-word;
291
  word-wrap: break-word;
292
  -ms-word-break: break-all;
293
  /* This is the dangerous one in WebKit, as it breaks things wherever */
294
  word-break: break-all;
295
  /* Instead use this non-standard one: */
296
  word-break: break-word;
297
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
298
  -ms-hyphens: auto;
299
  -moz-hyphens: auto;
300
  -webkit-hyphens: auto;
301
  hyphens: auto;
302
}
303