git ssb

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