git ssb

1
body {
2
  margin: 0 auto;
3
  font-family: sans-serif;
4
  font-size: 18px;
5
}
6
7
section {
8
  padding: 1ex;
9
}
10
11
.symbol {
12
  font-family: Symbola;
13
}
14
15
.ssb-post img,
16
.ssb-issue img {
17
  max-width: 100%;
18
  max-height: 500px;
19
}
20
21
.ssb-post blockquote {
22
  border-left: 4px #e0e0e0 solid;
23
  color: #444;
24
  background-color: #f9f9f9;
25
  padding: .2rem .2rem .2rem 1rem;
26
  margin: .5rem 0;
27
}
28
29
.ssb-post-text pre, .ssb-post-text pre * {
30
  overflow-wrap: break-word;
31
  word-wrap: break-word;
32
  -ms-word-break: break-all;
33
  /* This is the dangerous one in WebKit, as it breaks things wherever */
34
  word-break: break-all;
35
  /* Instead use this non-standard one: */
36
  word-break: break-word;
37
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
38
  -ms-hyphens: auto;
39
  -moz-hyphens: auto;
40
  -webkit-hyphens: auto;
41
  hyphens: auto;
42
}
43
44
img.ssb-emoji {
45
  height: 1em;
46
  width: 1em;
47
  border: none;
48
}
49
50
.nav-bar {
51
  background-color: #039;
52
  padding-left: 1em;
53
}
54
55
.nav-bar a {
56
  color: #ed0;
57
}
58
59
.search-input {
60
  color: #efd;
61
  background-color: transparent;
62
  border: 1px solid black;
63
  font-size: inherit;
64
  width: 24ex;
65
}
66
67
footer {
68
  font-size: smaller;
69
  text-align: center;
70
  color: #999;
71
  padding: 1ex;
72
}
73
74
.ssb-avatar-image {
75
  width: 4em;
76
  max-height: 4em;
77
  vertical-align: top;
78
}
79
80
.ssb-feed .ssb-avatar-image,
81
.ssb-main .ssb-avatar-image {
82
  width: 4em;
83
  max-height: 8em;
84
}
85
86
h3.feed-name {
87
  padding: 0;
88
  margin: 0;
89
}
90
91
.wide {
92
  width: 99%;
93
}
94
95
textarea {
96
  font: inherit;
97
  width: 99%;
98
}
99
100
pre {
101
  white-space: pre-wrap;
102
}
103
104
.task-list {
105
  margin-left: 1em;
106
  padding-left: 0;
107
}
108
109
.task-list-item {
110
  list-style-type: none;
111
}
112
113
.ssb-id {
114
  font-size: .7em;
115
  color: #777;
116
  text-decoration: none;
117
}
118
119
.ssb-timestamp {
120
  font-size: smaller;
121
}
122
123
.id-copyable-link {
124
  text-decoration: none;
125
}
126
127
.id-deemphasize {
128
  color: #67f;
129
  font-size: x-small;
130
}
131
132
.id-name {
133
  text-decoration: underline;
134
}
135
136
.id-inner {
137
  letter-spacing: -1ex;
138
}
139
140
.msg-header {
141
  margin-bottom: .25ex;
142
}
143
144
.recps {
145
  font-size: smaller;
146
}
147
148
.ssb-msgs {
149
  border-spacing: 0;
150
  border-bottom: 1px solid #ddd;
151
  width: 100%;
152
}
153
154
.msg-left,
155
.msg-main,
156
.msg-right {
157
  border-top: 1px solid #ddd;
158
  padding: .5ex;
159
}
160
161
.print-view .msg-row:first-child .msg-left,
162
.print-view .msg-row:first-child .msg-main,
163
.print-view .msg-row:first-child .msg-right,
164
.print-view .ssb-msgs {
165
  border-top: 0;
166
  border-bottom: 0;
167
}
168
169
.print-view .msg-main {
170
  text-align: center;
171
}
172
173
.msg-content {
174
  padding: 0 .5ex .5ex .5ex;
175
}
176
177
.content-warning {
178
  color: red;
179
  border-bottom: 2px dotted red;
180
  margin-bottom: 4px;
181
  display: inline-block;
182
}
183
184
.composer-actions {
185
  text-align: right;
186
  padding: .2ex .5ex;
187
}
188
189
td {
190
  vertical-align: top;
191
}
192
193
.msg-right {
194
  text-align: right;
195
  padding: .2ex .5ex;
196
}
197
198
.feed-name {
199
  padding: .75ex;
200
}
201
202
.feed-about {
203
  padding-left: .75ex;
204
}
205
206
.msg-left .ssb-avatar-image {
207
  margin-left: .25em;
208
  background-color: #efd;
209
}
210
211
.msg-title {
212
  margin: 0;
213
  padding: 0;
214
}
215
216
.mentions li {
217
  list-style-type: none;
218
}
219
220
.id-input {
221
  width: 60ex;
222
  font-family: monospace;
223
}
224
225
table.ssb-object {
226
  border-collapse: collapse;
227
}
228
229
table.ssb-object td {
230
  border: 1px solid black;
231
}
232
233
th {
234
  vertical-align: top;
235
}
236
237
.chess-square {
238
  width: 1em;
239
  height: 1em;
240
  text-align: center;
241
}
242
243
.chess-square-dark {
244
  background-color: #ccc;
245
}
246
247
.diff-line * {
248
  margin: 0;
249
}
250
251
.diff-old { background-color: #ffe2dd; }
252
.diff-new { background-color: #d1ffd6; }
253