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
.repo-nav {
152
  margin: 1em 0 1ex 0;
153
}
154
155
.repo-nav a {
156
  border-radius: .5ex;
157
  padding: 0 .5ex;
158
  display: inline-block;
159
  margin-right: .5ex;
160
}
161
.repo-nav a:hover {
162
  color: #1a86ff;
163
}
164
165
.raw-link {
166
  float: right;
167
  display: inline-block;
168
}
169
170
.header-align {
171
  margin-top: .25em;
172
}
173
174
/* files list */
175
176
.files td:first-child {
177
  padding: 0 1ex;
178
}
179
180
/* user page */
181
182
.user-id {
183
  float: right;
184
  font-weight: normal;
185
  display: inline-block;
186
  margin: 0;
187
188
}
189
190
h2 .user-id {
191
  font-size: 16px;
192
  padding-top: .5em;
193
}
194
195
h3 .user-id {
196
  font-size: 15px;
197
  padding-top: .25em;
198
}
199
200
/* new issue form */
201
202
.wide-input {
203
  width: 99%;
204
  display: block;
205
  font-size: inherit;
206
  line-height: inherit;
207
}
208
209
/* issues */
210
211
.issue-info {
212
  float: right;
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:not(:checked) ~ .tab2 {
256
  display: none;
257
}
258
259
.preview-text {
260
  border: 1px solid #c0bdba;
261
  min-height: 6em;
262
  margin: .25ex 0;
263
  padding: .25ex;
264
}
265
266
.preview-text :first-child {
267
  margin-top: 0;
268
}
269
.preview-text :last-child {
270
  margin-bottom: 0;
271
}
272