git ssb

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