git ssb

1
body {
2
  font-family: sans-serif;
3
}
4
5
.screen {
6
  position: absolute;
7
  top: 0px; bottom: 0px;
8
  left: 0px; right: 0px;
9
  overflow-y: hidden;
10
}
11
12
.column {
13
  display: flex;
14
  flex-direction: column;
15
  min-height: 0px;
16
}
17
18
.row {
19
  display: flex;
20
  flex-direction: row;
21
}
22
23
.wrap {
24
  display: flex;
25
  flex-direction: row;
26
  flex-wrap: wrap;
27
}
28
29
.scroll-y {
30
  overflow-y: auto;
31
}
32
33
.scroll-x {
34
  overflow-x: auto;
35
}
36
37
pre {
38
  white-space: pre-wrap;
39
  word-wrap: break-word;
40
}
41
42
p {
43
  margin-top: .35ex;
44
}
45
46
hr {
47
  border: solid #eee;
48
  clear: both;
49
  border-width: 1px 0 0;
50
  height: 0;
51
  margin-bottom: .9em;
52
}
53
54
input, textarea {
55
  border: 1px solid #eee;
56
}
57
58
/* scrolling feeds, threads */
59
60
.scroller {
61
  width: 100%;
62
}
63
64
.scroller__wrapper {
65
  flex: 1;
66
  max-width: 600px;
67
  margin-left: auto;
68
  margin-right: auto;
69
}
70
71
/* --- hypertabs ------- */
72
73
.hypertabs__tabs {
74
  overflow-y: hide;
75
}
76
77
.hypertabs > .row {
78
  flex-grow: 0; 
79
  flex-shrink: 0;
80
  margin: 0;
81
}
82
83
.hypertabs__tabs > * {
84
  max-width: 4em;
85
  overflow-x: hidden;
86
  margin-right: .5ex;
87
  padding-top: .1ex;
88
}
89
90
.hypertabs--selected {
91
  max-width: 4em;
92
  background: yellow;
93
  padding-left: .5ex;
94
  padding-right: .5ex;
95
}
96
97
/* compose */
98
99
.compose {
100
  width: 100%;
101
}
102
103
/* messages */
104
105
.message {
106
  display: block;
107
  flex-basis: 0;
108
  word-wrap: break-word; 
109
  display: inline-block;
110
  border: 1px solid #eee;
111
}
112
113
.message_meta input {
114
  font-size: .8em;
115
}
116
117
.message_meta {
118
  margin-left: auto;
119
}
120
121
.message_meta > * {
122
  margin-left: .5ex;
123
}
124
125
.message_actions {
126
  float: right;
127
  margin-right: .5ex;
128
  margin-bottom: .5ex;
129
}
130
131
.title {
132
  padding: .5ex;
133
}
134
135
.message img {
136
  max-width: 100%;
137
}
138
139
.actions > * {
140
  padding-left: 5px;
141
  margin-left: 1px;
142
}
143
144
.actions > :not(:last-child) {
145
  border-right: 2px solid #eee;
146
  padding-right: 5px;
147
}
148
149
.message > .title > .avatar {
150
  margin-left: 0;
151
}
152
153
.message_content {
154
  padding: .5ex;
155
}
156
157
/* -- suggest box */
158
159
.suggest-box > * {
160
  margin: .5ex;
161
}
162
163
.suggest-box {
164
  width: 5em;
165
}
166
167
.suggest-box ul {
168
  list-style-type: none;
169
  padding-left: -2em;
170
}
171
172
.suggest-box .selected {
173
  background: yellow;
174
}
175
176
/* avatar */
177
178
.avatar {
179
  display: flex;
180
  flex-direction: row;
181
}
182
183
.avatar--large {
184
  width: 10em;
185
  height: 10em;
186
}
187
188
.avatar--thumbnail {
189
  width: 2.5em;
190
  height: 2.5em;
191
  margin-right: .5ex;
192
}
193
194
.avatar--fullsize {
195
  width: 100%;
196
}
197
198
.profile {
199
  padding: .5ex;
200
  overflow: auto;
201
}
202
203
.profile input {
204
  width: 100%;
205
}
206
207
.profile__info {
208
  margin-left: .5em;
209
}
210
211
/* lightbox - used in message-confirm */
212
213
.lightbox {
214
  overflow: auto;
215
  padding: 1em;
216
  background: white;
217
}
218
219
/* searchprompt */
220
221
.searchprompt {
222
  width: 17em;
223
  margin-left: .5ex;
224
  margin-bottom: .5ex;
225
}
226
227
/* TextNodeSearcher highlights */
228
229
.highlight {
230
  background: yellow;
231
}
232
233
/* avatar editor */
234
235
.hypercrop__canvas {
236
  width: 100%;
237
}
238
239
/* gitssb */
240
241
.git-table-wrapper {
242
  max-height: 12em;
243
  overflow: auto;
244
  word-break: break-all;
245
  margin: 1em 0;
246
}
247
248
.git-table-wrapper table {
249
  width: 100%;
250
}
251
252
/* --- network status --- */
253
254
.status {
255
  width: .7em;
256
  height: .7em;
257
  position: fixed;
258
  right: .8em;
259
  top: .8em;
260
  border-radius: 100%;
261
  background: green;
262
}
263
264
.error {
265
  background: red;
266
}
267
268
/* invite codes */
269
270
.hyperprogress__liquid {
271
  height: 1ex;
272
  background: blue;
273
}
274