FazBrowse GitHub Viewer | Trending |
URL:
| Home
Tools: [Download Repo ZIP]   [Original HTTPS Page]

doc: update stylesheet to match frontpage · nodejs/node@df87176 · GitHub

/ node Public

Commit df87176

Browse files
silverwind
authored and
Myles Borins
committed
doc: update stylesheet to match frontpage
- Changed colors to match frontpage as close as possible. - Links are slightly more horizontally padded as compared before to accomodate for the hover effect. - Slightly reduced the scroll indication height on the TOC. - The main content is now offset using margin instead of the previous border hack. - remove empty footer that was rendering a dark bar on the bottom of each page without any content. PR-URL: #4621 Reviewed-By: Jeremiah Senkpiel <fishrock123@rocketmail.com> Reviewed-By: James M Snell <jasnell@gmail.com> Reviewed-By: Brian White <mscdex@mscdex.net>
1 parent b515ccc commit df87176

2 files changed

Lines changed: 38 additions & 33 deletions

File tree

‎doc/api_assets/style.css‎

Lines changed: 38 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -11,26 +11,28 @@ body {
1111
font-size: 62.5%;
1212
margin: 0;
1313
padding: 0;
14-
color: #3a3a3a;
15-
background: #fcfefa;
14+
color: #333;
15+
background: #fff;
1616
}
1717

1818
#content {
1919
font-size: 1.8em;
2020
}
2121

22-
a {
23-
color: #FE5210;
22+
a,
23+
a:link,
24+
a:active {
25+
color: #80bd01;
2426
text-decoration: none;
25-
}
26-
27-
a:visited {
28-
color: #FE7110;
27+
border-radius: 2px;
28+
padding: .1em .2em;
29+
margin: -.1em 0;
2930
}
3031

3132
a:hover,
3233
a:focus {
33-
color: #FFA158;
34+
color: #fff;
35+
background-color: #80bd01;
3436
}
3537

3638
strong {
@@ -170,7 +172,6 @@ dd + dt.pre {
170172
}
171173

172174
h1, h2, h3, h4, h5, h6 {
173-
color: #301004;
174175
text-rendering: optimizeLegibility;
175176
font-weight: 700;
176177
position: relative;
@@ -280,7 +281,7 @@ code.pre {
280281
}
281282

282283
#intro a {
283-
color: #333;
284+
color: #ddd;
284285
font-size: 1.25em;
285286
font-weight: bold;
286287
}
@@ -296,7 +297,6 @@ hr {
296297
}
297298

298299
#toc h2 {
299-
color: #C73E09;
300300
margin-top: 0;
301301
font-size: 1.0em;
302302
line-height: 0;
@@ -339,12 +339,14 @@ p code,
339339
li code {
340340
font-size: 0.9em;
341341
color: #040404;
342-
background-color: #f2f5f0;
343-
padding: 0.2em 0.4em;
342+
background-color: #f0f0f0;
343+
padding: .1em .2em;
344+
border-radius: 2px;
344345
}
345346

346347
a code {
347348
color: inherit;
349+
background: inherit;
348350
}
349351

350352
span.type {
@@ -360,12 +362,13 @@ span.type {
360362

361363
#column1.interior {
362364
width: 702px;
363-
border-left: 234px solid #f2f5f0;
365+
margin-left: 234px;
364366
padding-left: 2.0em;
365367
}
366368

367369
#column2.interior {
368370
width: 234px;
371+
background: #333;
369372
position: fixed;
370373
height: 100%;
371374
overflow-y: scroll;
@@ -377,18 +380,18 @@ span.type {
377380
bottom: 0;
378381
left: 0;
379382
width: 234px;
380-
height: 5em;
381-
background: linear-gradient(rgba(242,245,240, 0), rgba(242,245,240, 1));
383+
height: 4em;
384+
background: linear-gradient(rgba(242,245,240, 0), rgba(51, 51, 51, 1));
382385
pointer-events: none;
383386
}
384387

385388
#column2 ul {
386389
list-style: none;
387390
margin-left: 0em;
388391
margin-top: 1.25em;
389-
background: #f2f5f0;
392+
background: #333;
390393
margin-bottom: 0;
391-
padding-bottom: 4em;
394+
padding-bottom: 3em;
392395
}
393396

394397
#column2 ul li {
@@ -403,19 +406,24 @@ span.type {
403406
}
404407

405408
#column2 ul li a {
406-
color: #7a7a7a;
409+
color: #ccc;
410+
border-radius: 0;
407411
}
408412

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;
412420
}
413421

414-
#footer {
415-
padding: 0;
416-
min-height: 24px;
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;
419427
}
420428

421429
span > .mark,
@@ -455,7 +463,7 @@ td > *:last-child {
455463
font-size: 2.1em;
456464
}
457465
#column1.interior {
458-
border-left: 0;
466+
margin-left: 0;
459467
padding-left: 0.5em;
460468
padding-right: 0.5em;
461469
width: auto;
@@ -473,7 +481,7 @@ td > *:last-child {
473481
font-size: 2.4em;
474482
}
475483
#column1.interior {
476-
border-left: 0;
484+
margin-left: 0;
477485
padding-left: 0.5em;
478486
padding-right: 0.5em;
479487
width: auto;

‎doc/template.html‎

Lines changed: 0 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -42,9 +42,6 @@ <h2>Table of Contents</h2>
4242
</div>
4343
</div>
4444
</div>
45-
<div id="footer">
46-
</div>
47-
4845
<script src="assets/sh_main.js"></script>
4946
<script src="assets/sh_javascript.min.js"></script>
5047
<script>highlight(undefined, undefined, 'pre');</script>

0 commit comments

Comments
 (0)
Back | FazBrowse Home | New Git URL