git ssb

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