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