git ssb

1
body {
2
  font-family: sans-serif;
3
  color: #222;
4
}
5
6
h1, h2, h3, h4, h5, h6, p, ul, ol {
7
  margin-top: .35em;
8
}
9
10
h1 { font-size: 1.2em; }
11
h2 { font-size: 1.18em; }
12
h3 { font-size: 1.15em; }
13
h4 { font-size: 1.12em; }
14
h5 { font-size: 1.1em; }
15
h6 { font-size: 1em; }
16
17
* {
18
  word-break: break-word;
19
}
20
21
a:link, a:visited, a:active {
22
  color: #0088cc;
23
  text-decoration: none;
24
}
25
26
a:hover,
27
a:focus {
28
  color: #005580;
29
  text-decoration: underline;
30
}
31
32
.column {
33
  display: flex;
34
  flex-direction: column;
35
  min-height:0px;
36
}
37
38
.row {
39
  display: flex;
40
  flex-direction: row;
41
  min-height:0px;
42
}
43
44
.end {
45
  justify-content: flex-end;
46
}
47
48
.wrap {
49
  display: flex;
50
  flex-direction: row;
51
  flex-wrap: wrap;
52
}
53
54
.no-shrink {
55
  flex-shrink: 0;
56
}
57
58
.expand {
59
  justify-content: space-between;
60
}
61
62
pre {
63
  white-space: pre-wrap;
64
  word-wrap: break-word;
65
}
66
67
.wide {
68
  width: 100%;
69
}
70
71
p {
72
  margin-top: .35ex;
73
}
74
75
hr {
76
  border: solid #eee;
77
  clear: both;
78
  border-width: 1px 0 0;
79
  height: 0;
80
  margin-bottom: .9em;
81
}
82
83
input, textarea {
84
  border: none;
85
  border-radius: .2em;
86
  font-family: sans-serif;
87
}
88
89
input:focus, .compose:focus, button:focus {
90
  outline: none;
91
  border-color: #0088cc; 
92
  box-shadow: 0 0 4px #0088cc;
93
}
94
95
textarea {
96
  padding: .5em;
97
  font-size: 1em;
98
}
99
100
textarea:focus {
101
  outline: none;
102
  border-color: none;
103
}
104
105
button {
106
  background: #fff;
107
  color: #666;
108
  border: 1px solid #bbb;
109
  border-radius: .5em;
110
  padding: .7em;
111
  margin: .5em;
112
  cursor: pointer;
113
  text-transform: uppercase;
114
  font-weight: bold;
115
  font-size: .7em;
116
}
117
118
button:hover {
119
  background: #ccc;
120
  border: 1px solid #bbb;
121
}
122
123
.menu {
124
  position: absolute;
125
  top: .5em;
126
  right: .5em;
127
  padding-top: .5em;
128
  padding-bottom: .5em;
129
  padding-right: 1em;
130
  padding-left: 1em;
131
  background: #f5f5f5;
132
  border: 1px solid #eee;
133
  border-radius: .2em;
134
  z-index: 5;
135
}
136
137
/* messages */
138
/* is .title used any more? */
139
140
.title {
141
  padding: .5ex;
142
}
143
144
.emoji {
145
  height: 1em;
146
  width: 1em;
147
  vertical-align: top;
148
}
149
150
151
152
/* avatar */
153
154
.avatar--large, 
155
.avatar--thumbnail, 
156
.avatar--fullsize {
157
  border: 1px solid #eee;
158
}
159
160
.avatar--large {
161
  width: 10em;
162
  height: 10em;
163
}
164
165
.avatar--thumbnail {
166
  width: 2.5em;
167
  height: 2.5em;
168
  float: left;
169
  margin: 0 .25ex;
170
}
171
172
.\.meta .avatar--thumbnail {
173
  width: 1.9em;
174
  height: 1.9em;
175
}
176
177
.avatar--fullsize {
178
  width: 50%;
179
}
180
181
/* lightbox - used in message-confirm */
182
183
div.lightbox {
184
  position: fixed;
185
  left: 0px;
186
  right: 0px;
187
  top: 50px;
188
  overflow: auto;
189
  width: 600px;
190
  max-width: 100%;
191
  padding: 25px;
192
  margin: auto;
193
194
  z-index: 2;
195
196
  background: #f5f5f5;
197
  border: 1px solid #eee;
198
  border-radius: .2em;
199
}
200
201
202
/* TextNodeSearcher highlights */
203
204
highlight {
205
  background: #ff8;
206
}
207
208
/* avatar editor */
209
210
.hypercrop__canvas {
211
  width: 100%;
212
}
213
214
/* gitssb */
215
216
.git-table-wrapper {
217
  max-height: 12em;
218
  overflow: auto;
219
  word-break: break-all;
220
  margin: 1em 0;
221
}
222
223
.git-table-wrapper table {
224
  width: 100%;
225
}
226
227
/* --- network status --- */
228
229
.status {
230
  width: .7em;
231
  height: .7em;
232
  margin: .7em;
233
  border-radius: 100%;
234
  background: #08c;
235
}
236
237
/* tabs */
238
239
.header {
240
  background: #f5f5f5;
241
  border-bottom: 1px inset;
242
  flex-shrink: 0;
243
}
244
245
/* progress bar */
246
247
.hyperprogress__bar {
248
  background: darkgrey;
249
}
250
.hyperprogress__liquid {
251
  background: lightblue;
252
}
253
254
255