git ssb

1
* {
2
    box-sizing: border-box;
3
    overflow:auto;
4
  }
5
6
body {
7
  margin: 0 auto;
8
  font-family: helvetica, sans-serif;
9
  font-size: 12px;
10
  color: #222;
11
  --main-bg: #eee;
12
  background-color: var(--main-bg);
13
}
14
15
a {
16
    color: #444499;
17
    text-decoration:none;
18
}
19
20
p {
21
    margin-bottom:10px;
22
    overflow:visible;
23
}
24
25
div {
26
    color:#999;
27
}
28
29
input,
30
textarea {
31
    border-radius: 6px;
32
    border: solid 2px lightgrey;
33
    padding-left:4px;
34
}
35
36
section {
37
  padding: 1ex;
38
}
39
40
section.composer {
41
  padding: 1ex;
42
  margin: auto;
43
  width: 60%;
44
}
45
46
section.ssb-feed {
47
  padding: 1ex;
48
  margin: auto;
49
  width: 80%;
50
  text-align:center;
51
}
52
53
.ssb-feed td {
54
  padding: 0;
55
  margin: auto;
56
  background-color: var(--main-bg);
57
}
58
59
.symbol {
60
  font-family: Symbola;
61
}
62
63
.ssb-post img {
64
  max-width: 70%;
65
  padding:0px;
66
  border: solid 0px white;
67
  margin-left: 6%;
68
  margin-bottom: 10px;
69
  box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
70
}
71
72
img.ssb-emoji {
73
  height: 1em;
74
  width: auto;
75
  border: none;
76
  box-shadow: 0px 0px 0px 0px;
77
  margin:0;
78
}
79
80
.nav-bar {
81
  background-color: #235dc7;;
82
  text-align:center;
83
  padding:0px;
84
  height:100%;
85
}
86
87
.nav-bar a {
88
  color: #eee;
89
  margin: 0px;
90
  text-decoration: none;
91
  --padding-top: 404px;
92
  --padding-bottom: 200px;
93
  padding-left: 10px;
94
  padding-right: 10px;
95
}
96
97
.nav-bar a:hover {
98
  background-color:#134d97;
99
  color: #fff;
100
}
101
102
.search-input {
103
  color: #000;
104
  background-color: #134db7;
105
  padding: 1px;
106
  border: 0px solid black;
107
  font-size: inherit;
108
  width: 24ex;
109
  padding-left:10px;
110
}
111
112
.search-input:focus,
113
.search-input:hover {
114
    background-color:#fff;
115
}
116
117
input:hover {
118
    background-color:#eee;
119
}
120
121
footer {
122
  font-size: smaller;
123
  text-align: center;
124
  color: #999;
125
  padding: 1ex;
126
}
127
128
.ssb-feed .ssb-avatar-image,
129
.ssb-main .ssb-avatar-image {
130
  width:300px;
131
  height:auto;
132
  max-width: 300px;
133
  max-height: 300px;
134
  border: 10px solid white;
135
  border-radius:2px;
136
  box-shadow: 6px 6px 8px rgba(0,0,0,0.3);
137
  margin:16px;
138
}
139
140
h3.feed-name {
141
  padding: 0;
142
  margin: 0;
143
}
144
145
.recps-input {
146
  width: 100%;
147
}
148
149
textarea {
150
  font: inherit;
151
  width: 100%;
152
}
153
154
pre {
155
  white-space: pre-wrap;
156
}
157
158
.ssb-id {
159
  font-size: .7em;
160
  color: #777;
161
  text-decoration: none;
162
}
163
164
.ssb-timestamp {
165
  font-size: smaller;
166
}
167
168
.msg-header {
169
  margin-bottom: .25ex;
170
}
171
172
.recps {
173
  font-size: smaller;
174
}
175
176
.ssb-msgs {
177
  border-spacing: 0px;
178
  background-color: #eee;
179
  width: 80%;
180
  margin:auto;
181
}
182
183
.msg-left,
184
.msg-main,
185
.msg-right {
186
  border-width:30px 0px 0px 0px;
187
  padding: .5ex;
188
}
189
190
.composer-actions {
191
  text-align: right;
192
  padding: .2ex .5ex;
193
}
194
195
.msg-row {
196
  border-style:solid;
197
  border-spacing: 10px;
198
}
199
200
td {
201
  border-style:solid;
202
  border-width:0px 0px 0px 0px;
203
  background-color:#fcfcfc;
204
  border-color: #ccc;
205
  border-color: var(--main-bg);
206
  max-width:800px;
207
}
208
209
.msg-content {
210
  border-width:0px 0px 0px 0px;
211
  padding-left:20px;
212
  padding-right:20px;
213
}
214
215
.msg-right {
216
  background-color: var(--main-bg);
217
  text-align: right;
218
  border-width:30px 0px 0px 0px;
219
  padding: .2ex .5ex;
220
}
221
222
.msg-right, .ssb-post {
223
  background-color: #fcfcfc;
224
}
225
226
.feed-name {
227
  padding: .75ex;
228
}
229
230
.feed-about div {
231
  padding: 30px;
232
}
233
234
.msg-left .ssb-avatar-image {
235
  background-color: transparent;
236
  border-radius: 12px;
237
  box-shadow: 2px 2px 8px rgba(0,0,0,0.3);
238
  margin:12px;
239
}
240
241
.ssb-avatar-image {
242
    width:100px;
243
    height:100px;
244
}
245
246
.msg-main .ssb-avatar-image,
247
.msg-content .ssb-avatar-image {
248
    width:80px;
249
    height:80px;
250
    vertical-align:middle;
251
    border-radius:50px;
252
    padding:4px;
253
}
254
255
.msg-left {
256
  margin-left: .25em;
257
  padding: 10px;
258
  border-width:30px 0px 0px 0px;
259
  vertical-align:top;
260
  background-color: var(--main-bg);
261
}
262
263
.msg-left {
264
  font-size:110%;
265
  margin-right:1px;
266
  text-align:right;
267
  }
268
269
.msg-left a {
270
  color:#4a46bc;
271
  text-align:right;
272
  }
273
274
.paginate {
275
  border-width:0px 0px 0px 0px;
276
  background-color:  var(--main-bg);
277
  color:#555;
278
}
279
280
.msg-title {
281
  background-color: green;
282
  margin: 0;
283
  padding: 0;
284
}
285
286
.mentions li {
287
  list-style-type: none;
288
}
289
290
.id-input {
291
  width: 60ex;
292
}
293
294
pre {
295
    background-color: #e8e8e8;
296
    color: #666;
297
}
298
299
.chess-square-dark {
300
  background-color: #ccc;
301
}
302
303
.feed-name {
304
    color:blue;
305
}
306
307
.ssb-post-text p, li {
308
    font-size: 120%;
309
    color:#222;
310
}
311
312
blockquote {
313
    color:#444;
314
    font-size:80%;
315
    margin-top:12px;
316
    background-color:#efefef;
317
    border-left: solid 4px #ddd;
318
    padding:8px;
319
}
320