@@ -11,26 +11,28 @@ body {
11
11
font-size : 62.5% ;
12
12
margin : 0 ;
13
13
padding : 0 ;
14
- color : # 3a3a3a ;
15
- background : # fcfefa ;
14
+ color : # 333 ;
15
+ background : # fff ;
16
16
}
17
17
18
18
# content {
19
19
font-size : 1.8em ;
20
20
}
21
21
22
- a {
23
- color : # FE5210 ;
22
+ a ,
23
+ a : link ,
24
+ a : active {
25
+ color : # 80bd01 ;
24
26
text-decoration : none;
25
- }
26
-
27
- a : visited {
28
- color : # FE7110 ;
27
+ border-radius : 2px ;
28
+ padding : .1em .2em ;
29
+ margin : -.1em 0 ;
29
30
}
30
31
31
32
a : hover ,
32
33
a : focus {
33
- color : # FFA158 ;
34
+ color : # fff ;
35
+ background-color : # 80bd01 ;
34
36
}
35
37
36
38
strong {
@@ -170,7 +172,6 @@ dd + dt.pre {
170
172
}
171
173
172
174
h1 , h2 , h3 , h4 , h5 , h6 {
173
- color : # 301004 ;
174
175
text-rendering : optimizeLegibility;
175
176
font-weight : 700 ;
176
177
position : relative;
@@ -280,7 +281,7 @@ code.pre {
280
281
}
281
282
282
283
# intro a {
283
- color : # 333 ;
284
+ color : # ddd ;
284
285
font-size : 1.25em ;
285
286
font-weight : bold;
286
287
}
296
297
}
297
298
298
299
# toc h2 {
299
- color : # C73E09 ;
300
300
margin-top : 0 ;
301
301
font-size : 1.0em ;
302
302
line-height : 0 ;
@@ -339,12 +339,14 @@ p code,
339
339
li code {
340
340
font-size : 0.9em ;
341
341
color : # 040404 ;
342
- background-color : # f2f5f0 ;
343
- padding : 0.2em 0.4em ;
342
+ background-color : # f0f0f0 ;
343
+ padding : .1em .2em ;
344
+ border-radius : 2px ;
344
345
}
345
346
346
347
a code {
347
348
color : inherit;
349
+ background : inherit;
348
350
}
349
351
350
352
span .type {
@@ -360,12 +362,13 @@ span.type {
360
362
361
363
# column1 .interior {
362
364
width : 702px ;
363
- border -left: 234px solid # f2f5f0 ;
365
+ margin -left: 234px ;
364
366
padding-left : 2.0em ;
365
367
}
366
368
367
369
# column2 .interior {
368
370
width : 234px ;
371
+ background : # 333 ;
369
372
position : fixed;
370
373
height : 100% ;
371
374
overflow-y : scroll;
@@ -377,18 +380,18 @@ span.type {
377
380
bottom : 0 ;
378
381
left : 0 ;
379
382
width : 234px ;
380
- height : 5 em ;
381
- background : linear-gradient (rgba (242 , 245 , 240 , 0 ), rgba (242 , 245 , 240 , 1 ));
383
+ height : 4 em ;
384
+ background : linear-gradient (rgba (242 , 245 , 240 , 0 ), rgba (51 , 51 , 51 , 1 ));
382
385
pointer-events : none;
383
386
}
384
387
385
388
# column2 ul {
386
389
list-style : none;
387
390
margin-left : 0em ;
388
391
margin-top : 1.25em ;
389
- background : # f2f5f0 ;
392
+ background : # 333 ;
390
393
margin-bottom : 0 ;
391
- padding-bottom : 4 em ;
394
+ padding-bottom : 3 em ;
392
395
}
393
396
394
397
# column2 ul li {
@@ -403,19 +406,24 @@ span.type {
403
406
}
404
407
405
408
# column2 ul li a {
406
- color : # 7a7a7a ;
409
+ color : # ccc ;
410
+ border-radius : 0 ;
407
411
}
408
412
409
- # column2 ul li a .active {
410
- color : # 533 ;
411
- border-bottom : 1px solid # 533 ;
413
+ # column2 ul li a .active ,
414
+ # column2 ul li a .active : hover ,
415
+ # column2 ul li a .active : focus {
416
+ color : # 80bd01 ;
417
+ border-radius : 0 ;
418
+ border-bottom : 1px solid # 80bd01 ;
419
+ background : none;
412
420
}
413
421
414
- # footer {
415
- padding : 0 ;
416
- min-height : 24 px ;
417
- background : # 333 ;
418
- color : white ;
422
+ # intro a : hover ,
423
+ # column2 ul li a : hover ,
424
+ # column2 ul li a : focus {
425
+ color : # fff ;
426
+ background : none ;
419
427
}
420
428
421
429
span > .mark ,
@@ -455,7 +463,7 @@ td > *:last-child {
455
463
font-size : 2.1em ;
456
464
}
457
465
# column1 .interior {
458
- border -left: 0 ;
466
+ margin -left: 0 ;
459
467
padding-left : 0.5em ;
460
468
padding-right : 0.5em ;
461
469
width : auto;
@@ -473,7 +481,7 @@ td > *:last-child {
473
481
font-size : 2.4em ;
474
482
}
475
483
# column1 .interior {
476
- border -left: 0 ;
484
+ margin -left: 0 ;
477
485
padding-left : 0.5em ;
478
486
padding-right : 0.5em ;
479
487
width : auto;
0 commit comments