git ssb

16+

Dominic / patchbay



Tree: 55b982e84f28bdac225f8b820c159d4a303cf019

Files: 55b982e84f28bdac225f8b820c159d4a303cf019 / style.css

5157 bytesRaw
1body {
2 font-family: sans-serif;
3 color: #222;
4}
5
6h1, h2, h3, h4, h5, h6, p, ul, ol {
7 margin-top: .35em;
8}
9
10h1 { font-size: 1.2em; }
11h2 { font-size: 1.18em; }
12h3 { font-size: 1.15em; }
13h4 { font-size: 1.12em; }
14h5 { font-size: 1.1em; }
15h6 { font-size: 1em; }
16
17* {
18 word-break: break-word;
19}
20
21a:link, a:visited, a:active {
22 color: #0088cc;
23 text-decoration: none;
24}
25
26a:hover,
27a:focus {
28 color: #005580;
29 text-decoration: underline;
30}
31
32.screen {
33 position: absolute;
34 top: 0; bottom: 0;
35 left: 0; right: 0;
36 overflow-y: hidden;
37}
38
39.column {
40 display: flex;
41 flex-direction: column;
42 min-height:0px;
43}
44
45.row {
46 display: flex;
47 flex-direction: row;
48 min-height:0px;
49}
50
51.end {
52 justify-content: flex-end;
53}
54
55.wrap {
56 display: flex;
57 flex-direction: row;
58 flex-wrap: wrap;
59}
60
61.no-shrink {
62 flex-shrink: 0;
63}
64
65.expand {
66 justify-content: space-between;
67}
68
69.scroll-y {
70 overflow-y: auto;
71 min-height: 0px;
72}
73
74.scroll-x {
75 overflow-x: auto;
76 min-width: 0px;
77}
78
79pre {
80 white-space: pre-wrap;
81 word-wrap: break-word;
82}
83
84.wide {
85 width: 100%;
86}
87
88p {
89 margin-top: .35ex;
90}
91
92hr {
93 border: solid #eee;
94 clear: both;
95 border-width: 1px 0 0;
96 height: 0;
97 margin-bottom: .9em;
98}
99
100input, textarea {
101 border: none;
102 border-radius: .2em;
103 font-family: sans-serif;
104}
105
106input:focus, .compose:focus, button:focus {
107 outline: none;
108 border-color: #0088cc;
109 box-shadow: 0 0 4px #0088cc;
110}
111
112textarea {
113 padding: .5em;
114 font-size: 1em;
115}
116
117textarea:focus {
118 outline: none;
119 border-color: none;
120}
121
122button {
123 background: #fff;
124 color: #666;
125 border: 1px solid #bbb;
126 border-radius: .5em;
127 padding: .7em;
128 margin: .5em;
129 cursor: pointer;
130 text-transform: uppercase;
131 font-weight: bold;
132 font-size: .7em;
133}
134
135button:hover {
136 background: #ccc;
137 border: 1px solid #bbb;
138}
139
140.menu {
141 position: absolute;
142 top: .5em;
143 right: .5em;
144 padding-top: .5em;
145 padding-bottom: .5em;
146 padding-right: 1em;
147 padding-left: 1em;
148 background: #f5f5f5;
149 border: 1px solid #eee;
150 border-radius: .2em;
151 z-index: 5;
152}
153
154/* scrolling feeds, threads */
155
156.scroller {
157 width: 100%;
158}
159
160.scroller__wrapper {
161 flex: 1;
162 max-width: 600px;
163 margin-left: auto;
164 margin-right: auto;
165}
166
167/* messages */
168/* is .title used any more? */
169
170.title {
171 padding: .5ex;
172}
173
174.emoji {
175 height: 1em;
176 width: 1em;
177 vertical-align: top;
178}
179
180
181/* -- suggest box */
182
183.suggest-box > * {
184 display: block;
185}
186
187.suggest-box ul {
188 padding: 0;
189 list-style-type: none;
190 padding-left: 0;
191 background: #eee;
192 border: 1px solid #eee;
193 border-radius: 2px;
194}
195
196.suggest-box .selected {
197 background: white;
198}
199
200.suggest-box {
201 width: max-content;
202 background: #white;
203 border-radius: 1em;
204}
205
206/* emoji */
207.suggest-box img {
208 height: 20px;
209 width: 20px;
210}
211
212/* avatar */
213
214.avatar--large,
215.avatar--thumbnail,
216.avatar--fullsize {
217 border: 1px solid #eee;
218}
219
220.avatar--large {
221 width: 10em;
222 height: 10em;
223}
224
225.avatar--thumbnail {
226 width: 2.5em;
227 height: 2.5em;
228 float: left;
229 margin: 0 .25ex;
230}
231
232.\.meta .avatar--thumbnail {
233 width: 1.9em;
234 height: 1.9em;
235}
236
237.avatar--fullsize {
238 width: 50%;
239}
240
241.profile {
242 padding: .5ex;
243 overflow: auto;
244}
245
246.profile input {
247 width: 100%;
248}
249
250.profile__info {
251 margin-left: .5em;
252}
253
254/* lightbox - used in message-confirm */
255
256.lightbox {
257 overflow: auto;
258 width: 650px;
259 padding: 25px;
260 margin: 3em 0;
261
262 z-index: 2;
263
264 background: #f5f5f5;
265 border: 1px solid #eee;
266 border-radius: .2em;
267}
268
269/* searchprompt */
270
271.searchprompt {
272 float: left;
273 width: 85%;
274 height: 2em;
275 margin-top: .3em;
276 border-radius: 1em;
277 padding-left: .2em;
278 margin-left: 1em;
279 margin-right: 1em;
280}
281
282/* TextNodeSearcher highlights */
283
284.highlight {
285 background: #f5f5f5;
286}
287
288/* avatar editor */
289
290.hypercrop__canvas {
291 width: 100%;
292}
293
294/* gitssb */
295
296.git-table-wrapper {
297 max-height: 12em;
298 overflow: auto;
299 word-break: break-all;
300 margin: 1em 0;
301}
302
303.git-table-wrapper table {
304 width: 100%;
305}
306
307/* --- network status --- */
308
309.status {
310 width: .7em;
311 height: .7em;
312 margin: .7em;
313 border-radius: 100%;
314 background: #08c;
315}
316
317.error {
318 background: red;
319}
320
321/* tabs */
322
323.header {
324 background: #f5f5f5;
325 border-bottom: 1px inset;
326 flex-shrink: 0;
327}
328
329.header__tabs {
330 width: 100%;
331 min-width: 0px;
332}
333
334/* --- hypertabs ------- */
335
336.hypertabs__tabs {
337 min-width: 0px;
338 width: 100%;
339}
340
341.hypertabs__tab {
342 overflow-x: hidden;
343 min-width: 0px;
344 width: 100%;
345}
346
347.hypertabs__button {
348 overflow-x: hidden;
349 min-width: 0px;
350 width: 100%;
351}
352
353.hypertabs__tab {
354 color: black;
355 background: #f5f5f5;
356 border-top-left-radius: 5px;
357 margin-left: -3px;
358 border-bottom: none;
359 padding-top: .56em;
360 padding-left: 1em;
361 border-left: 1px solid #ddd;
362 width: 100%;
363}
364
365.hypertabs__tab > a {
366 color: #666;
367 text-decoration: none;
368 white-space: nowrap;
369 font-size: .9em;
370}
371
372.hypertabs--selected {
373 font-weight: bold;
374 background: #eee;
375 border-top-right-radius: 5px;
376 z-index: 1;
377}
378
379.hypertabs__x {
380 display: none;
381 transform: translate(-4px, -3px);
382}
383
384.hypertabs--selected .hypertabs__x {
385 display: block;
386}
387
388/* progress bar */
389
390.hyperprogress__bar {
391 background: darkgrey;
392}
393.hyperprogress__liquid {
394 background: lightblue;
395}
396
397
398

Built with git-ssb-web