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
  font-size: 0;
128
}
129
130
.name-checkbox:checked ~ h2 :last-child,
131
.name-checkbox:checked ~ h3,
132
.name-checkbox:not(:checked) ~ .name,
133
.name-checkbox:not(:checked) ~ .name-btn {
134
  display: none;
135
}
136
137
.clone-url {
138
  font-size: small;
139
  color: #666;
140
  padding: .3em 1ex;
141
  background-color: white;
142
  border: 1px #ccc;
143
  border-style: none solid solid none;
144
  border-radius: .5ex;
145
  float: right;
146
  margin: 0;
147
}
148
.clone-url:hover {
149
  background-color: #f6f6f6;
150
}
151
152
nav {
153
  margin: .5em 0 1ex 0;
154
  clear: left;
155
}
156
157
nav a {
158
  border-radius: .5ex;
159
  padding: 0 .5ex;
160
  display: inline-block;
161
  margin-right: .5ex;
162
}
163
nav a:hover {
164
  color: #1a86ff;
165
}
166
167
nav a.active {
168
  text-decoration: underline;
169
}
170
171
.raw-link {
172
  float: right;
173
  display: inline-block;
174
}
175
176
.header-align {
177
  margin-top: .25em;
178
}
179
180
/* files list */
181
182
.files td:first-child {
183
  padding: 0 1ex;
184
}
185
186
/* user page */
187
188
.user-id {
189
  float: right;
190
  font-weight: normal;
191
  display: inline-block;
192
  margin: 0;
193
194
}
195
196
h2 .user-id {
197
  font-size: 16px;
198
  padding-top: .5em;
199
}
200
201
h3 .user-id {
202
  font-size: 15px;
203
  padding-top: .25em;
204
}
205
206
/* new issue form */
207
208
.wide-input {
209
  width: 99%;
210
  display: block;
211
  font-size: inherit;
212
  line-height: inherit;
213
}
214
215
/* issue */
216
217
.issue-status {
218
  padding: .4ex .75ex;
219
  margin-right: .75ex;
220
  border-radius: .5ex;
221
}
222
223
.open {
224
  background-color: #38ae67;
225
  color: white;
226
  font-weight: bold;
227
}
228
229
.btn.open:hover {
230
  background-color: #2b9d58;
231
}
232
233
.closed {
234
  background-color: #d84a38;
235
  color: white;
236
}
237
238
.mention-preview {
239
  overflow: hidden;
240
  white-space: nowrap;
241
  text-overflow: ellipsis;
242
}
243
244
.tab-links label {
245
  padding: 1ex;
246
  color: #333;
247
}
248
249
#tab1:checked ~ .tab-links .tab1-link,
250
#tab2:checked ~ .tab-links .tab2-link {
251
  text-decoration: underline;
252
}
253
254
#tab1:not(:checked) ~ .tab1,
255
.tab2 {
256
  display: none;
257
}
258
259
.tab1,
260
#tab2:checked ~ .tab2 {
261
  display: block;
262
}
263
264
.preview-text {
265
  border: 1px solid #c0bdba;
266
  min-height: 6em;
267
  margin: .25ex 0;
268
  padding: .25ex;
269
}
270
271
.preview-text :first-child {
272
  margin-top: 0;
273
}
274
.preview-text :last-child {
275
  margin-bottom: 0;
276
}
277