git ssb

1
input.search {
2
  margin-right: 5px;
3
  height: 14px;
4
  width: 96px;
5
  background: #f5f5f5;
6
}
7
8
form.search {
9
  float: right;
10
}
11
12
button.btn-search {
13
  margin-right: 1em;
14
}
15
16
.navbar {
17
  background: #fff;
18
  width: 100%;
19
  position: fixed;
20
  z-index: 1000;
21
  margin: 0;
22
  padding-top: .6em;
23
  padding-bottom: .2em;
24
  left: 0; right: 0;
25
  top: 0;
26
}
27
28
.navbar .internal {
29
  max-width: 620px; 
30
  margin-left: auto;
31
  margin-right: auto;
32
}
33
34
.navbar li {
35
  float: left;
36
  padding-left: 1em;
37
  list-style-type: none;
38
}
39
40
* {
41
  word-wrap: break-word;
42
}
43
44
pre {
45
    height: auto;
46
    max-height: 200px;
47
    overflow: auto;
48
    background-color: #eeeeee;
49
    word-break: normal !important;
50
    word-wrap: normal !important;
51
    white-space: pre !important;
52
}
53
54
h1, h2, h3, h4, h5, h6 {
55
  font-size: 1.2em;
56
  margin-top: .35ex;
57
}
58
59
p {
60
  margin-top: .35ex;
61
}
62
63
hr {
64
  border: solid #eee;
65
  clear: both;
66
  border-width: 1px 0 0;
67
  height: 0;
68
  margin-bottom: .9em;
69
}
70
71
.screen {
72
  width: 100%;
73
  position: absolute;
74
  top: 2.5em; bottom: 0;
75
  left: 0; right: 0;
76
  overflow-y: hidden;
77
}
78
79
.column {
80
  display: flex;
81
  flex-direction: column;
82
  min-height:0px;
83
}
84
85
.row {
86
  display: flex;
87
  flex-direction: row;
88
  min-height:0px;
89
}
90
91
.end {
92
  justify-content: flex-end;
93
}
94
95
.wrap {
96
  display: flex;
97
  flex-direction: row;
98
  flex-wrap: wrap;
99
}
100
101
.no-shrink {
102
  flex-shrink: 0;
103
}
104
105
.expand {
106
  justify-content: space-between;
107
}
108
109
.scroll-y {
110
  overflow-y: auto;
111
  min-height: 0px;
112
}
113
114
.scroll-x {
115
  overflow-x: auto;
116
  min-width: 0px;
117
}
118
119
pre {
120
  white-space: pre-wrap;
121
  word-wrap: break-word;
122
}
123
124
.wide {
125
  width: 100%;
126
}
127
128
/* scrolling feeds, threads */
129
130
.scroller {
131
  width: 100%;
132
  flex: 1;
133
}
134
135
.scroller__content {
136
  width: 100%;
137
}
138
139
.scroller__wrapper {
140
  margin-left: auto;
141
  margin-right: auto;
142
}
143
144
/* compose */
145
146
.compose {
147
  margin-top: .5em;
148
}
149
150
.theme {
151
  height: 20em;
152
  width: 100%;
153
}
154
155
textarea {
156
  font-size: 1em;
157
  margin: 0;
158
}
159
160
/* messages */
161
162
.message {
163
  position: relative;
164
  flex-basis: 0;
165
}
166
167
.message_content {
168
  margin-top: 5px;
169
  padding-top: 3px;
170
}
171
172
.message_content--mini div > span {
173
  display: inline-block;
174
}
175
176
.message_meta {
177
  margin-left: auto;
178
}
179
180
.message_meta > * {
181
  margin-left: .5ex;
182
}
183
184
.message_actions {
185
  float: right;
186
}
187
188
.message img {
189
  max-width: 100%;
190
}
191
192
.message > .title > .avatar {
193
  margin-left: 0;
194
}
195
196
.message_content {
197
  padding: .5ex;
198
}
199
200
.actions > :not(:last-child) {
201
  border-right: 2px solid #eee;
202
  padding-right: 5px;
203
}
204
205
.emoji {
206
  height: 1em;
207
  width: 1em;
208
  vertical-align: top;
209
}
210
211
212
/* -- suggest box */
213
214
.suggest-box > * {
215
  display: block;
216
}
217
218
.suggest-box ul {
219
  padding: 0;
220
  list-style-type: none;
221
  padding-left: 0;
222
  margin: 0;
223
}
224
225
.suggest-box .selected {
226
  background: #ddd;
227
}
228
229
.suggest-box {
230
  width: max-content;
231
  background: white;
232
}
233
234
/* emoji */
235
.suggest-box img {
236
  height: 20px;
237
  width: 20px;
238
}
239
240
/* avatar */
241
242
.avatar--profile {
243
  width: 5em;
244
  height: 5em;
245
  vertical-align: top;
246
}
247
.avatar--thumbnail {
248
  width: 2.5em;
249
  height: 2.5em;
250
  margin-right: .5ex;
251
  vertical-align: top;
252
}
253
254
.avatar--tiny {
255
  width: 26px;
256
  height: 26px;
257
}
258
.profile {
259
  padding: .5ex;
260
}
261
262
.profile__info {
263
  margin-left: .5em;
264
}
265
266
/* lightbox - used in message-confirm */
267
268
.lightbox {
269
  margin-left: auto;
270
  margin-right: auto;
271
  overflow: auto;
272
  margin-top: 3em;
273
  margin-bottom: 3em;
274
  width: 90%;
275
  max-width: 600px;
276
  z-index: 5;
277
}
278
279
/* searchprompt */
280
281
.searchprompt {
282
  margin-top: 1px;
283
  margin-bottom: 1px;
284
  float: left;
285
  padding: .5em;
286
  width: 85%;
287
}
288
289
.header__search {
290
  position: absolute;
291
  bottom: .5em;
292
  left: .5em;
293
}
294
295
.header__profile {
296
  margin: .7em;
297
}
298
299
/* TextNodeSearcher highlights */
300
301
.highlight {
302
  background: yellow;
303
}
304
305
/* avatar editor */
306
307
.hypercrop__canvas {
308
  width: 100%;
309
}
310
311
/* gitssb */
312
313
.git-table-wrapper {
314
  max-height: 12em;
315
  overflow: auto;
316
  word-break: break-all;
317
  margin: 1em 0;
318
}
319
320
.git-table-wrapper table {
321
  width: 100%;
322
}
323
324
/* --- network status --- */
325
326
.status {
327
  width: 1em;
328
  height: 1em;
329
  margin: .5em;
330
  background: green;
331
}
332
333
.error {
334
  background: red;
335
}
336
337
/* progress bar */
338
339
.hyperprogress__bar {
340
  background: darkgrey;
341
}
342
.hyperprogress__liquid {
343
  background: lightblue;
344
}
345
346
347