node/doc/api_assets/style.css
Claudio Rodriguez 47e926a8d6 doc: fix type references for link gen, link css
Fixes several type references in the docs so that the
doc html gen tool that parses them can put the correct
links in.

Changes css styling for the generated type links.

PR-URL: https://github.com/nodejs/node/pull/4741
Reviewed-By: James M Snell <jasnell@gmail.com>
Reviewed-By: Colin Ihrig <cjihrig@gmail.com>
Reviewed By: Sakthipriyan Vairamani <thechargingvolcano@gmail.com>
Reviewed-By: Chris Dickinson <chris@neversaw.us>
Reviewed-By: Roman Reiss <me@silverwind.io>
2016-02-09 13:12:21 +01:00

509 lines
6.9 KiB
CSS

/*--------------------- Layout and Typography ----------------------------*/
html {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
-webkit-font-variant-ligatures: none;
font-variant-ligatures: none;
}
body {
font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
font-size: 62.5%;
margin: 0;
padding: 0;
color: #333;
background: #fff;
}
#content {
font-size: 1.8em;
}
a,
a:link,
a:active {
color: #80bd01;
text-decoration: none;
border-radius: 2px;
padding: .1em .2em;
margin: -.1em 0;
}
a:hover,
a:focus {
color: #fff;
background-color: #80bd01;
}
strong {
font-weight: 700;
}
code a:hover {
background: none;
}
#changelog #gtoc {
display: none;
}
#gtoc {
font-size: 0.8em;
}
#gtoc p {
}
#gtoc a {
}
#gtoc a:hover {
}
.api_stability_0,
.api_stability_1,
.api_stability_2,
.api_stability_3,
.api_stability_4,
.api_stability_5 {
color: white !important;
margin: 0em 0 1.0em 0;
font-family: "Lato", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
font-weight: 700;
}
.api_stability_0 *,
.api_stability_1 *,
.api_stability_2 *,
.api_stability_3 *,
.api_stability_4 *,
.api_stability_5 * {
color: white !important;
}
.api_stability_0 a,
.api_stability_1 a,
.api_stability_2 a,
.api_stability_3 a,
.api_stability_4 a,
.api_stability_5 a {
text-decoration: underline;
}
.api_stability_0 {
background-color: #D60027;
}
.api_stability_1 {
background-color: #EC5315;
}
.api_stability_2 {
background-color: #4EBA0F;
}
.api_stability_3 {
background-color: #0084B6;
}
ul.plain {
list-style: none;
}
abbr {
border-bottom: 1px dotted #454545;
}
p {
position: relative;
text-rendering: optimizeLegibility;
margin: 0 0 1em 0;
line-height: 1.5em;
}
#apicontent > *:last-child {
margin-bottom: 0;
padding-bottom: 2.0em;
}
table {
border-collapse: collapse;
margin: 0 0 1.5em 0;
}
th, td {
border: 1px solid #aaa;
}
table p {
}
th {
text-align:left;
}
ol, ul, dl {
margin: 0 0 0.6em 0;
padding: 0;
}
ol ul, ol ol, ol dl,
ul ul, ul ol, ul dl,
dl ul, dl ol, dl dl {
margin-bottom: 0;
}
ul, ol {
margin-left: 2em;
}
dl dt {
position: relative;
margin: 1.5em 0 0;
}
dl dd {
position: relative;
margin: 0 1em 0;
}
dd + dt.pre {
margin-top: 1.6em;
}
h1, h2, h3, h4, h5, h6 {
text-rendering: optimizeLegibility;
font-weight: 700;
position: relative;
margin-bottom: 0.5em;
}
header h1 {
line-height: 2.0em;
margin: 0;
}
#apicontent {
padding-top: 1.0em;
}
#toc + h1 {
margin-top: 1em;
padding-top: 0;
}
h2 {
font-size: 1.5em;
margin: 1.0em 0 0.5em;
}
h2 + h2 {
margin: 0 0 0.5em;
}
h3 {
font-size: 1.0em;
margin: 1.5em 0 0.5em;
}
h3 + h3 {
margin: 0 0 0.5em;
}
h2, h3, h4 {
position: relative;
padding-right: 40px;
}
h1 span, h2 span, h3 span, h4 span {
position: absolute;
display: block;
top: 0;
right: 0;
}
h1 span:hover, h2 span:hover, h3 span:hover, h4 span:hover {
opacity: 1;
}
h1 span a, h2 span a, h3 span a, h4 span a {
font-size: 0.8em;
color: #000;
text-decoration: none;
font-weight: bold;
}
h5 {
font-size: 1.125em;
line-height: 1.4em;
}
h6 {
font-size: 1em;
line-height: 1.4667em;
}
pre, tt, code {
line-height: 1.5em;
font-family: Monaco, Consolas, "Lucida Console", monospace;
margin: 0; padding: 0;
}
.pre {
font-family: Monaco, Consolas, "Lucida Console", monospace;
line-height: 1.5em;
font-size: 1.2em;
}
pre {
padding: 1.0em 1.5em;
vertical-align: top;
background: #f2f5f0;
margin: 0.166666em -4.0em 1.0em 0em;
overflow-x: auto;
}
pre > code {
font-size: 0.8em;
}
pre + h3 {
margin-top: 2.225em;
}
code.pre {
white-space: pre;
}
#intro {
margin-top: 1.25em;
margin-left: 1.0em;
}
#intro a {
color: #ddd;
font-size: 1.25em;
font-weight: bold;
}
hr {
background: none;
border: medium none;
border-bottom: 1px solid #7a7a7a;
margin: 0em 0em 1em 0;
}
#toc {
}
#toc h2 {
margin-top: 0;
font-size: 1.0em;
line-height: 0;
margin: 1.5em 0;
}
#toc ul {
font-size: 0.8125em;
}
#toc ul ul { font-size: 1.0em; }
#toc ul a {
text-decoration:none;
}
#toc ul li {
margin-bottom: 0.6666em;
list-style: square outside;
}
#toc li > ul {
margin-top: 0.6666em;
}
#toc ul a:hover,
#toc ul a:focus {
}
#apicontent li {
margin-bottom: 0.5em;
}
#apicontent li:last-child {
margin-bottom: 0;
}
p tt,
p code,
li code {
font-size: 0.9em;
color: #040404;
background-color: #f0f0f0;
padding: .1em .2em;
border-radius: 2px;
}
a code {
color: inherit;
background: inherit;
}
span.type, a.type {
font-size: 0.9em;
padding: 0.2em 0.4em;
line-height: 1.5em;
font-family: Monaco, Consolas, "Lucida Console", monospace;
margin: 0;
}
#content {
margin: 0 auto;
overflow: visible;
clear: both;
display: block;
}
#column1.interior {
width: 702px;
margin-left: 234px;
padding-left: 2.0em;
}
#column2.interior {
width: 234px;
background: #333;
position: fixed;
left: 0;
top: 0;
height: 100%;
overflow: hidden;
}
#column2 .no-scrollbar {
overflow-y: scroll;
height: 100%;
width: 100%;
padding-right: 20px;
}
#column2 .no-scrollbar:after {
content: '';
position: fixed;
bottom: 0;
left: 0;
width: 234px;
height: 4em;
background: linear-gradient(rgba(51, 51, 51, 0), rgba(51, 51, 51, 1));
pointer-events: none;
}
#column2 ul {
list-style: none;
margin-left: 0em;
margin-top: 1.25em;
background: #333;
margin-bottom: 0;
padding-bottom: 3em;
}
#column2 ul li {
padding-left: 1.4em;
margin-bottom: 0.5em;
padding-bottom: 0.5em;
font-size: 0.8em;
}
#column2 ul li:last-child {
margin-bottom: 0;
}
#column2 ul li a {
color: #ccc;
border-radius: 0;
}
#column2 ul li a.active,
#column2 ul li a.active:hover,
#column2 ul li a.active:focus {
color: #80bd01;
border-radius: 0;
border-bottom: 1px solid #80bd01;
background: none;
}
#intro a:hover,
#column2 ul li a:hover,
#column2 ul li a:focus {
color: #fff;
background: none;
}
span > .mark,
span > .mark:visited {
font-size: 18px;
color: #707070;
position: absolute;
top: 0px;
right: 0px;
}
span > .mark:hover {
color: #FE7110;
}
th, td {
padding: 0.75em 1.0em 0.75em 1.0em;
vertical-align: top;
}
th > *:last-child,
td > *:last-child {
margin-bottom: 0;
}
/* simpler clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
@media only screen and (max-width: 1024px) {
#content {
font-size: 2.1em;
}
#column1.interior {
margin-left: 0;
padding-left: 0.5em;
padding-right: 0.5em;
width: auto;
}
pre {
margin-right: 0;
}
#column2 {
display: none;
}
}
@media only screen and (max-width: 1024px) and (orientation: portrait) {
#content {
font-size: 2.4em;
}
#column1.interior {
margin-left: 0;
padding-left: 0.5em;
padding-right: 0.5em;
width: auto;
}
pre {
margin-right: 0;
}
#column2 {
display: none;
}
}