git ssb

1
body {
2
  margin: 1ex 1em;
3
  line-height: 1.6;
4
  background-color: #eee;
5
  font-family: sans-serif;
6
}
7
8
header, article {
9
  width: 45em;
10
  max-width: 100%;
11
  min-width: 16em;
12
  margin: 0 auto;
13
}
14
15
pre {
16
  font: 12px/1.45 Consolas, "Liberation Mono", Menlo, Courier, monospace;
17
  padding: .5em 1.25ex;
18
  border: 1px solid #ddd;
19
  background: #f8f8f8;
20
  border-radius: .5ex;
21
}
22
23
section code {
24
  padding: .5ex;
25
  border-radius: .5ex;
26
  background-color: #f5f5f5;
27
}
28
29
pre > code {
30
  background-color: #f8f8f8;
31
}
32
33
/* header */
34
35
header h1 {
36
  font-weight: inherit;
37
  font-size: 1.5em;
38
}
39
40
header h1 a {
41
  color: #666;
42
}
43
44
header h1 sub {
45
  color: #444;
46
  font-style: oblique;
47
  font-size: small;
48
}
49
50
/* content */
51
52
section {
53
  background-color: white;
54
  padding: 1ex 1ex;
55
  margin-bottom: 1ex;
56
  border-radius: .5ex;
57
  border: 1px #ccc;
58
  border-style: none solid solid none;
59
}
60
61
section.collapse {
62
  margin-bottom: 0;
63
}
64
65
h1, h2, h3, h4, h5, h6 {
66
  margin: 0;
67
}
68
69
h3 ~ h4 {
70
  margin-top: 1em;
71
}
72
73
a:link, a:visited {
74
  color: #006eff;
75
  text-decoration: none;
76
}
77
a:hover {
78
  color: #1f8fff;
79
}
80
81
hr {
82
  border: 0;
83
  border-bottom: 1px solid #ddd;
84
}
85
86
i {
87
  font-family: Symbola, 'Apple Color Emoji', 'Android Emoji',
88
    'Segoe UI Symbol', 'DejaVu Sans', sans-serif;
89
  font-style: inherit;
90
}
91
92
/* repo page */
93
94
.repo-title {
95
  height: 2.4em;
96
}
97
98
.repo-title h2 {
99
  color: #888;
100
}
101
102
.petname h2,
103
.petname h3 {
104
  float: left;
105
}
106
107
.right-bar {
108
  float: right;
109
  display: inline-block;
110
}
111
112
.repo-title .right-bar {
113
  margin-top: .25em;
114
}
115
116
.btn {
117
  font-size: 1em;
118
  border-radius: .5ex;
119
120
  background-color: white;
121
  border: 1px #ccc;
122
  border-style: none solid solid none;
123
  border-radius: .5ex;
124
  cursor: pointer;
125
}
126
.btn:hover {
127
  background-color: #f6f6f6;
128
}
129
130
.name {
131
  font-size: inherit;
132
  margin-left: 1ex;
133
  width: 20em;
134
}
135
136
label {
137
  cursor: pointer;
138
}
139
140
.name-toggle {
141
  font-size: 1.3em;
142
  margin-left: .25ex;
143
}
144
145
.name-checkbox,
146
.tab-radio {
147
  position: absolute;
148
  opacity: 0;
149
  font-size: 0;
150
}
151
152
.name-checkbox:checked ~ h2 :last-child,
153
.name-checkbox:checked ~ h3,
154
.name-checkbox:not(:checked) ~ .name,
155
.name-checkbox:not(:checked) ~ .name-btn {
156
  display: none;
157
}
158
159
.clone-url {
160
  font-size: small;
161
  color: #666;
162
  padding: .3em 1ex;
163
  background-color: white;
164
  border: 1px #ccc;
165
  border-style: none solid solid none;
166
  border-radius: .5ex;
167
  float: right;
168
  margin: 0;
169
}
170
.clone-url:hover {
171
  background-color: #f6f6f6;
172
}
173
174
nav {
175
  margin: .5em 0 1ex 0;
176
  clear: left;
177
}
178
179
nav a {
180
  border-radius: .5ex;
181
  padding: 0 .5ex;
182
  display: inline-block;
183
  margin-right: .5ex;
184
}
185
nav a:hover {
186
  color: #1a86ff;
187
}
188
189
nav a.active {
190
  text-decoration: underline;
191
}
192
193
.raw-link {
194
  float: right;
195
  display: inline-block;
196
}
197
198
.header-align {
199
  margin-top: .25em;
200
}
201
202
/* files list */
203
204
.files td:first-child {
205
  padding: 0 1ex;
206
}
207
208
/* user page */
209
210
.user-id {
211
  float: right;
212
  font-weight: normal;
213
  display: inline-block;
214
  margin: 0;
215
216
}
217
218
h2 .user-id {
219
  font-size: 16px;
220
  padding-top: .5em;
221
}
222
223
h3 .user-id {
224
  font-size: 15px;
225
  padding-top: .25em;
226
}
227
228
/* new issue form */
229
230
.wide-input {
231
  width: 99%;
232
  display: block;
233
  font-size: inherit;
234
  line-height: inherit;
235
}
236
237
/* issues */
238
239
.issue-state {
240
  margin-right: .25ex;
241
}
242
243
.issue-state-open {
244
  color: #38ae67;
245
}
246
247
.issue-state-closed {
248
  color: #d84a38;
249
}
250
251
/* issue */
252
253
.issue-status {
254
  padding: .4ex .75ex;
255
  margin-right: .75ex;
256
  border-radius: .5ex;
257
}
258
259
.open {
260
  background-color: #38ae67;
261
  color: white;
262
  font-weight: bold;
263
}
264
265
.btn.open:hover {
266
  background-color: #2b9d58;
267
}
268
269
.closed {
270
  background-color: #d84a38;
271
  color: white;
272
}
273
274
.mention-preview {
275
  overflow: hidden;
276
  white-space: nowrap;
277
  text-overflow: ellipsis;
278
}
279
280
.tab-links label {
281
  padding: 1ex;
282
  color: #333;
283
}
284
285
#tab1:checked ~ .tab-links .tab1-link,
286
#tab2:checked ~ .tab-links .tab2-link {
287
  text-decoration: underline;
288
}
289
290
#tab1:not(:checked) ~ .tab1,
291
.tab2 {
292
  display: none;
293
}
294
295
.tab1,
296
#tab2:checked ~ .tab2 {
297
  display: block;
298
}
299
300
.preview-text {
301
  border: 1px solid #c0bdba;
302
  min-height: 6em;
303
  margin: .25ex 0;
304
  padding: .25ex;
305
}
306
307
.preview-text :first-child {
308
  margin-top: 0;
309
}
310
.preview-text :last-child {
311
  margin-bottom: 0;
312
}
313
314
.highlight {
315
  background-color: #ff6;
316
  padding: .25ex .5ex;
317
  margin: -.25ex -.5ex;
318
}
319