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