git ssb

1
body {
2
  font-family: "Source Sans Pro", sans-serif;
3
}
4
5
.screen {
6
  position: absolute;
7
  top: 0px; bottom: 0px;
8
  left: 0px; right: 0px;
9
}
10
11
.column {
12
  display: flex;
13
  flex-direction: column;
14
  background: #f5f5f5;
15
}
16
17
.row {
18
  display: flex;
19
  flex-direction: row;
20
}
21
22
.stretch {
23
  flex-basis: 0;
24
//  flex-grow: 1;
25
//  flex-shrink: 1;
26
}
27
28
29
.fixed {
30
  flex-grow: 1;
31
  flex-shrink: 1;
32
}
33
34
.scroll-y {
35
  overflow-y: auto;
36
}
37
38
.scroll-x {
39
  overflow-x: auto;
40
}
41
42
.button {
43
  border: 2px; margin: 3px;
44
  max-width: 50px;
45
  overflow-x: hidden;
46
}
47
48
49
img {
50
  max-width: 600px;
51
  display: block;
52
//  overflow-x: auto;
53
}
54
55
pre {
56
  max-width: 650px;
57
//  overflow-x: auto;
58
//  overflox-y: none;
59
}
60
61
/* scrolling feeds, threads */\
62
63
.scroller {
64
  width: 100%
65
}
66
67
.scroller > * {
68
  margin-left: auto;
69
  margin-right: auto;
70
}
71
72
.scroller__wrapper {
73
  width: 100%;
74
}
75
76
@media (min-width: 600px) {
77
  .scroller__wrapper {
78
    width: 600px; 
79
  }
80
}
81
82
83
/* --- hypertabs ------- */
84
85
.hypertabs__tabs {
86
//  width: 1200px
87
  overflow-y: hide;
88
}
89
90
.hypertabs > .row {
91
  flex-grow: 0; flex-shrink: 0;
92
  margin: 10px;
93
}
94
95
.hypertabs__tabs > * {
96
  max-width: 50px;
97
  overflow-x: hidden;
98
  margin-right: 5px;
99
}
100
101
.hypertabs__tab, .hypertabs--selected {
102
  background: white;
103
  border: 1px solid #ccc;
104
  padding-left: 5px;
105
  padding-right: 5px;
106
  max-width: 200px;
107
}
108
109
/* message id */
110
111
input {
112
  width: 100px;
113
  margin-left: 3px;
114
  margin-right: 3px;
115
}
116
117
/* compose */
118
119
.compose {
120
  width: 100%;
121
}
122
123
/* messages */
124
125
.message {
126
  border: 1px solid #ccc;
127
  padding: 5px;
128
  margin-bottom: 1em;
129
  background: white;
130
  display: block;
131
  flex-basis: 0;
132
  max-width: 100%;
133
  min-width: 300px;
134
}
135
136
.message_meta input {
137
  border: none;
138
  font-size: .8em;
139
  color: #666;
140
  background: #ddd;
141
}
142
143
.message > .title > .message_meta {
144
  margin-left: 5px;
145
}
146
.message > .title > .avatar {
147
  margin-left: 5px;
148
}
149
150
.message_content {
151
  margin-top: 5px;
152
  border-top: 1px solid #ccc;
153
  padding-top: 3px;
154
}
155
156
/* -- suggest box */
157
158
159
.suggest-box > * {
160
  background: white;
161
  margin: 3px;
162
}
163
164
.suggest-box{
165
//  display: flex;
166
//  flex-direction: row;
167
  width: 200px;
168
}
169
170
.suggest-box .selected {
171
  background: yellow;
172
}
173
174
.suggest-box img {
175
  width: 50px;
176
}
177
.suggest-box,.selected img {
178
  width: 200px;
179
}
180
/* avatar */
181
182
.avatar {
183
  display: flex;
184
  flex-direction: row;
185
}
186
.avatar img {
187
  width: 40px;
188
  height: 40px;
189
  margin-right: 3px;
190
  //display: inline-block;
191
  border: 1px solid #ccc;
192
}
193
194
/* lightbox - used in message-confirm */
195
196
.lightbox {
197
  overflow: auto;
198
}
199
200
/* searchprompt */
201
202
.searchprompt {
203
  position: absolute;
204
  top: 10px;
205
  right: 15px;
206
}
207
208
.searchprompt:not(:focus) {
209
  opacity: 1;
210
}
211
212
a {
213
  color: #333;
214
}
215
216
a:hover {
217
  color: #000;
218
}
219
220
/* TextNodeSearcher highlights */
221
222
highlight {
223
  background: yellow;
224
}
225