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