git ssb

1
2
3
@font-face {
4
font-family: "Source Code Pro";
5
font-style: normal;
6
font-weight: 300;
7
src: local("Source Code Pro Light"), local("SourceCodePro-Light"), url(../fonts/SourceCodePro-Light.otf) format("opentype");
8
}
9
@font-face {
10
font-family: "Source Code Pro";
11
font-style: normal;
12
font-weight: 700;
13
src: local("Source Code Pro Bold"), local("SourceCodePro-Bold"), url(../fonts/SourceCodePro-Bold.otf) format("opentype");
14
}
15
@font-face {
16
font-family: "Source Code Pro";
17
font-style: italic;
18
font-weight: 900;
19
src: local("Source Code Pro Black Italic"), local("SourceCodePro-BlackIt"), url(../fonts/SourceCodePro-BlackIt.otf) format("opentype");
20
}
21
@font-face {
22
font-family: "Source Code Pro";
23
font-style: normal;
24
font-weight: 200;
25
src: local("Source Code Pro ExtraLight"), local("SourceCodePro-ExtraLight"), url(../fonts/SourceCodePro-ExtraLight.otf) format("opentype");
26
}
27
@font-face {
28
font-family: "Source Code Pro";
29
font-style: normal;
30
font-weight: 400;
31
src: local("Source Code Pro"), local("SourceCodePro-Regular"), url(../fonts/SourceCodePro-Regular.otf) format("opentype");
32
}
33
@font-face {
34
font-family: "Source Code Pro";
35
font-style: italic;
36
font-weight: 300;
37
src: local("Source Code Pro Light Italic"), local("SourceCodePro-LightIt"), url(../fonts/SourceCodePro-LightIt.otf) format("opentype");
38
}
39
@font-face {
40
font-family: "Source Code Pro";
41
font-style: italic;
42
font-weight: 700;
43
src: local("Source Code Pro Bold Italic"), local("SourceCodePro-BoldIt"), url(../fonts/SourceCodePro-BoldIt.otf) format("opentype");
44
}
45
@font-face {
46
font-family: "Source Code Pro";
47
font-style: italic;
48
font-weight: 600;
49
src: local("Source Code Pro Semibold Italic"), local("SourceCodePro-SemiboldIt"), url(../fonts/SourceCodePro-SemiboldIt.otf) format("opentype");
50
}
51
@font-face {
52
font-family: "Source Code Pro";
53
font-style: italic;
54
font-weight: 200;
55
src: local("Source Code Pro ExtraLight Italic"), local("SourceCodePro-ExtraLightIt"), url(../fonts/SourceCodePro-ExtraLightIt.otf) format("opentype");
56
}
57
@font-face {
58
font-family: "Source Code Pro";
59
font-style: italic;
60
font-weight: 400;
61
src: local("Source Code Pro Italic"), local("SourceCodePro-It"), url(../fonts/SourceCodePro-It.otf) format("opentype");
62
}
63
@font-face {
64
font-family: "Source Code Pro";
65
font-style: normal;
66
font-weight: 900;
67
src: local("Source Code Pro Black"), local("SourceCodePro-Black"), url(../fonts/SourceCodePro-Black.otf) format("opentype");
68
}
69
@font-face {
70
font-family: "Source Code Pro";
71
font-style: normal;
72
font-weight: 600;
73
src: local("Source Code Pro Semibold"), local("SourceCodePro-Semibold"), url(../fonts/SourceCodePro-Semibold.otf) format("opentype");
74
}
75
76
77
@font-face {
78
font-family: "Source Sans Pro";
79
font-style: normal;
80
font-weight: 300;
81
src: local("Source Sans Pro Light"), local("SourceSansPro-Light"), url(../fonts/SourceSansPro-Light.otf) format("opentype");
82
}
83
@font-face {
84
font-family: "Source Sans Pro";
85
font-style: normal;
86
font-weight: 700;
87
src: local("Source Sans Pro Bold"), local("SourceSansPro-Bold"), url(../fonts/SourceSansPro-Bold.otf) format("opentype");
88
}
89
@font-face {
90
font-family: "Source Sans Pro";
91
font-style: italic;
92
font-weight: 900;
93
src: local("Source Sans Pro Black Italic"), local("SourceSansPro-BlackIt"), url(../fonts/SourceSansPro-BlackIt.otf) format("opentype");
94
}
95
@font-face {
96
font-family: "Source Sans Pro";
97
font-style: normal;
98
font-weight: 200;
99
src: local("Source Sans Pro ExtraLight"), local("SourceSansPro-ExtraLight"), url(../fonts/SourceSansPro-ExtraLight.otf) format("opentype");
100
}
101
@font-face {
102
font-family: "Source Sans Pro";
103
font-style: normal;
104
font-weight: 400;
105
src: local("Source Sans Pro"), local("SourceSansPro-Regular"), url(../fonts/SourceSansPro-Regular.otf) format("opentype");
106
}
107
@font-face {
108
font-family: "Source Sans Pro";
109
font-style: italic;
110
font-weight: 300;
111
src: local("Source Sans Pro Light Italic"), local("SourceSansPro-LightIt"), url(../fonts/SourceSansPro-LightIt.otf) format("opentype");
112
}
113
@font-face {
114
font-family: "Source Sans Pro";
115
font-style: italic;
116
font-weight: 700;
117
src: local("Source Sans Pro Bold Italic"), local("SourceSansPro-BoldIt"), url(../fonts/SourceSansPro-BoldIt.otf) format("opentype");
118
}
119
@font-face {
120
font-family: "Source Sans Pro";
121
font-style: italic;
122
font-weight: 600;
123
src: local("Source Sans Pro Semibold Italic"), local("SourceSansPro-SemiboldIt"), url(../fonts/SourceSansPro-SemiboldIt.otf) format("opentype");
124
}
125
@font-face {
126
font-family: "Source Sans Pro";
127
font-style: italic;
128
font-weight: 200;
129
src: local("Source Sans Pro ExtraLight Italic"), local("SourceSansPro-ExtraLightIt"), url(../fonts/SourceSansPro-ExtraLightIt.otf) format("opentype");
130
}
131
@font-face {
132
font-family: "Source Sans Pro";
133
font-style: italic;
134
font-weight: 400;
135
src: local("Source Sans Pro Italic"), local("SourceSansPro-It"), url(../fonts/SourceSansPro-It.otf) format("opentype");
136
}
137
@font-face {
138
font-family: "Source Sans Pro";
139
font-style: normal;
140
font-weight: 900;
141
src: local("Source Sans Pro Black"), local("SourceSansPro-Black"), url(../fonts/SourceSansPro-Black.otf) format("opentype");
142
}
143
@font-face {
144
font-family: "Source Sans Pro";
145
font-style: normal;
146
font-weight: 600;
147
src: local("Source Sans Pro Semibold"), local("SourceSansPro-Semibold"), url(../fonts/SourceSansPro-Semibold.otf) format("opentype");
148
}
149
150
151
body {
152
  font-family: 'Source Sans Pro', Helvetica, sans-serif;
153
}
154
155
h1, h2, h3, h4, h5 {
156
  font-weight: normal;
157
}
158
h1 small {
159
  font-weight: 300;
160
}
161
162
code, pre {
163
  font-family: 'Source Code Pro', monospace;
164
}
165
166
a {
167
  text-decoration: none;
168
}
169
a:hover {
170
  text-decoration: underline;
171
}
172
173
.hero {
174
  width: 500px;
175
  margin: 0 auto;
176
  text-align: center;
177
}
178
.hero.small img {
179
  display: inline-block;
180
  width: 60px;
181
  height: 60px;
182
  vertical-align: middle;
183
}
184
.hero.big {
185
  margin-bottom: 80px;
186
}
187
188
.tabs {
189
  display: flex;
190
  width: 800px;
191
  margin: 0 auto;
192
  box-sizing: border-box;
193
}
194
.tabs > div {
195
  position: relative;
196
  flex: 1;
197
  text-align: center;
198
}
199
.tabs > div:last-child {
200
  border: 0;
201
}
202
.tabs > div a {
203
  display: inline-block;
204
  font-weight: 300;
205
  color: #777;
206
  padding: 0.4em 1.2em ;
207
  text-decoration: none;
208
}
209
.tabs > div.current a {
210
  color: #444;
211
}
212
.tabs > div.current a:before {
213
  content: '\25b6 ';
214
215
  margin-right: 5px;
216
}
217
.tabs > div a:hover {
218
  color: #333;
219
}
220
221
.nav-content-unit {
222
  display: flex;
223
  width: 800px;
224
  margin: 0px auto;
225
  border: 1px solid #ddd;
226
  box-shadow: 0 2px 3px rgba(0,0,0,0.05);
227
  box-sizing: border-box;
228
}
229
230
.nav {
231
  background: #fafafa;
232
  flex: 0 0 210px;
233
  list-style: none;
234
  padding: 0;
235
  margin: 0;
236
  border-right: 1px solid #ccc;
237
}
238
.nav li {
239
  margin: 0.5em;
240
  border-bottom: 1px solid #ddd;
241
}
242
.nav li.current:before {
243
  content: '\2022';
244
  padding-left: 0.5em;
245
}
246
.nav li:last-child {
247
  border-bottom: 0
248
}
249
.nav li a {
250
  display: inline-block;
251
  color: #555;
252
  padding: 0.5em 0.5em 1em 0.5em;
253
  text-decoration: none;
254
}
255
.nav li a:hover {
256
  color: #999;
257
}
258
259
.content {
260
  flex: 1;
261
  padding: 2em 1em 2em 2em;
262
}
263
.content > :first-child {
264
  padding-top: 0;
265
  margin-top: 0;
266
}
267
268
.footer {
269
  display: flex;
270
  width: 800px;
271
  margin: 0px auto 80px;  
272
}
273
.footer-section {
274
  list-style: none;
275
  padding: 1.5em 2em;
276
  margin: 0;
277
}
278
.footer-section li {
279
  line-height: 1.9;
280
}
281
.footer-section li:first-child {
282
  text-transform: uppercase;
283
  font-size: 0.8em;
284
  font-weight: bold;
285
  color: #555;
286
}
287
.footer-section p {
288
  color: gray;
289
  margin: 0;
290
}
291
.footer-section a {
292
  text-decoration: none;
293
  color: gray;
294
  font-weight: 300;
295
}
296
.footer-section a:hover {
297
  color: #555;
298
}
299
300
301
a.cta {
302
  display: inline-block;
303
  padding: 0.25em 0.75em;
304
  background: #4E9121;
305
  color: #fff;
306
  font-size: 1.5em;
307
  font-weight: 300;
308
  border-radius: 3px;
309
  margin: 1em 0;
310
}
311
a.cta:hover {
312
  text-decoration: none;
313
  background: #3E8111;
314
}
315
316
.next:before {
317
  content: 'Next: ';
318
}
319
320
.see-also {
321
  padding: 0;
322
  margin: 2em 0 0;
323
  list-style: none;
324
}
325
.see-also:before {
326
  content: 'See also';
327
  font-size: 0.8em;
328
  font-weight: bold;
329
  color: #555;
330
  text-transform: uppercase;
331
}
332
.see-also li {
333
  margin-left: 1em;
334
  padding: 0.25em 0.25em 0;
335
}
336
337
.code-examples .head {
338
  display: flex;
339
  color: #333;
340
}
341
.code-examples .tab {
342
  cursor: pointer;
343
  padding: 0.1em 0.75em;
344
  border-top-left-radius: 2px;
345
  border-top-right-radius: 2px;
346
}
347
.code-examples .tab:hover {
348
  background: #F9F7F6;
349
}
350
.code-examples .tab.current {
351
  background: #F3EFEC;
352
  color: black;
353
  text-shadow: 0 1px white;
354
}
355
.code-examples .body {
356
  border: 1px solid #ccc;
357
  padding: 1em;
358
  background: #F5F2F0;
359
  box-shadow: 0 2px 3px rgba(0,0,0,0.05);
360
}
361
.code-examples pre {
362
  display: none;
363
  margin: 0 !important;
364
  padding: 0 !important;
365
  font-size: 14px;
366
}
367
.code-examples pre.current {
368
  display: block;
369
}
370
371