git ssb

1
body {
2
  margin: 0 auto;
3
  font-family: sans-serif;
4
  font-size: 18px;
5
}
6
7
section {
8
  padding: 1ex;
9
}
10
11
.symbol {
12
  font-family: Symbola;
13
}
14
15
.ssb-post img,
16
.ssb-issue img {
17
  max-width: 100%;
18
  max-height: 500px;
19
}
20
21
.ssb-post blockquote {
22
  border-left: 4px #e0e0e0 solid;
23
  color: #444;
24
  background-color: #f9f9f9;
25
  padding: .2rem .2rem .2rem 1rem;
26
  margin: .5rem 0;
27
}
28
29
.ssb-post-text pre, .ssb-post-text pre * {
30
  overflow-wrap: break-word;
31
  word-wrap: break-word;
32
  -ms-word-break: break-all;
33
  /* This is the dangerous one in WebKit, as it breaks things wherever */
34
  word-break: break-all;
35
  /* Instead use this non-standard one: */
36
  word-break: break-word;
37
  /* Adds a hyphen where the word breaks, if supported (No Blink) */
38
  -ms-hyphens: auto;
39
  -moz-hyphens: auto;
40
  -webkit-hyphens: auto;
41
  hyphens: auto;
42
}
43
44
img.ssb-emoji {
45
  height: 1em;
46
  width: 1em;
47
  border: none;
48
}
49
50
.nav-bar {
51
  background-color: #039;
52
  padding-left: 1em;
53
}
54
55
.nav-bar a {
56
  color: #ed0;
57
}
58
59
.search-input {
60
  color: #efd;
61
  background-color: transparent;
62
  border: 1px solid black;
63
  font-size: inherit;
64
  width: 24ex;
65
}
66
67
footer {
68
  font-size: smaller;
69
  text-align: center;
70
  color: #999;
71
  padding: 1ex;
72
}
73
74
.ssb-avatar-image {
75
  width: 4em;
76
  max-height: 4em;
77
  vertical-align: top;
78
}
79
80
.ssb-feed .ssb-avatar-image,
81
.ssb-main .ssb-avatar-image {
82
  width: 4em;
83
  max-height: 8em;
84
}
85
86
h3.feed-name {
87
  padding: 0;
88
  margin: 0;
89
}
90
91
.recps-input {
92
  width: 100%;
93
}
94
95
textarea {
96
  font: inherit;
97
  width: 100%;
98
}
99
100
pre {
101
  white-space: pre-wrap;
102
}
103
104
.task-list {
105
  margin-left: 1em;
106
  padding-left: 0;
107
}
108
109
.task-list-item {
110
  list-style-type: none;
111
}
112
113
.ssb-id {
114
  font-size: .7em;
115
  color: #777;
116
  text-decoration: none;
117
}
118
119
.ssb-timestamp {
120
  font-size: smaller;
121
}
122
123
.msg-header {
124
  margin-bottom: .25ex;
125
}
126
127
.recps {
128
  font-size: smaller;
129
}
130
131
.ssb-msgs {
132
  border-spacing: 0;
133
  border-bottom: 1px solid #ddd;
134
  width: 100%;
135
}
136
137
.msg-left,
138
.msg-main,
139
.msg-right {
140
  border-top: 1px solid #ddd;
141
  padding: .5ex;
142
}
143
144
.msg-content {
145
  padding: 0 .5ex .5ex .5ex;
146
}
147
148
.content-warning {
149
  color: red;
150
  border-bottom: 2px dotted red;
151
  margin-bottom: 4px;
152
  display: inline-block;
153
}
154
155
.composer-actions {
156
  text-align: right;
157
  padding: .2ex .5ex;
158
}
159
160
td {
161
  vertical-align: top;
162
}
163
164
.msg-right {
165
  text-align: right;
166
  padding: .2ex .5ex;
167
}
168
169
.feed-name {
170
  padding: .75ex;
171
}
172
173
.feed-about {
174
  padding-left: .75ex;
175
}
176
177
.msg-left .ssb-avatar-image {
178
  margin-left: .25em;
179
  background-color: #efd;
180
}
181
182
.msg-title {
183
  margin: 0;
184
  padding: 0;
185
}
186
187
.mentions li {
188
  list-style-type: none;
189
}
190
191
.id-input {
192
  width: 60ex;
193
  font-family: monospace;
194
}
195
196
table.ssb-object {
197
  border-collapse: collapse;
198
}
199
200
table.ssb-object td {
201
  border: 1px solid black;
202
}
203
204
.chess-square {
205
  width: 1em;
206
  height: 1em;
207
  text-align: center;
208
}
209
210
.chess-square-dark {
211
  background-color: #ccc;
212
}
213
214
.diff-old { background-color: #ffe2dd; }
215
.diff-new { background-color: #d1ffd6; }
216