git ssb

0+

ev / microbay



forked from Dominic / patchbay

Tree: e5a455ab50c75f6fa12e819d2f9d1340000de68a

Files: e5a455ab50c75f6fa12e819d2f9d1340000de68a / style.css

3493 bytesRaw
1body {
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
37pre {
38 white-space: pre-wrap;
39 word-wrap: break-word;
40}
41
42p {
43 margin-top: .35ex;
44}
45
46hr {
47 border: solid #eee;
48 clear: both;
49 border-width: 1px 0 0;
50 height: 0;
51 margin-bottom: .9em;
52}
53
54input, 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/* --- network status --- */
234
235.status {
236 width: 20px;
237 height: 20px;
238 background: green;
239}
240
241.menu {
242 position: fixed;
243 right: 10px;
244 top: 10px;
245}
246
247.error {
248 background: red;
249}
250
251/* avatar editor */
252
253.hypercrop__canvas {
254 width: 100%;
255}
256
257/* gitssb */
258
259.git-table-wrapper {
260 max-height: 12em;
261 overflow: auto;
262 word-break: break-all;
263 margin: 1em 0;
264}
265
266.git-table-wrapper table {
267 width: 100%;
268}
269
270/* --- network status --- */
271
272.status {
273 width: .7em;
274 height: .7em;
275 position: fixed;
276 right: .8em;
277 top: .8em;
278 border-radius: 100%;
279 background: green;
280}
281
282.error {
283 background: red;
284}
285
286/* invite codes */
287
288.hyperprogress__liquid {
289 height: 1ex;
290 background: blue;
291}
292
293/* themes */
294
295.theme {
296 margin-left: 1ex;
297}
298
299.themes__form {
300 margin: 1ex;
301}
302
303
304
305
306

Built with git-ssb-web