Files
node/doc/api_assets/style.css
isaacs db5776cf8b doc: Streams API Doc Rewrite
The Streams API doc is now broken up into 3 sections:

1. API for Consumers
2. API for Implementors
3. Details and Extras

This addresses one of the biggest points of confusion for new users who
start to consume streams, and get the impression that they have to do
lots of extra work and implement classes and such, just to get some data
out of a file.
2013-07-16 10:49:54 -07:00

570 lines
11 KiB
CSS

/*--------------------- Layout and Typography ----------------------------*/
html {
-webkit-font-smoothing: antialiased;
}
body {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
font-size: 14px;
line-height: 180%;
color: black;
background-color: white;
margin: 0; padding: 49px 0 0 0;
border-top: 6px #8CC84B solid;
}
a {
color: #480;
text-decoration: underline;
}
a:visited {
color: #46483e;
text-decoration: underline;
}
a:hover,
a:focus {
text-decoration: none;
}
code a:hover {
background: none;
color: #b950b7;
}
#changelog #gtoc {
display: none;
}
#gtoc p {
margin: 0;
font-size: 18px;
line-height: 30px;
}
#gtoc a {
font-family: Georgia, FreeSerif, Times, serif;
text-decoration: none;
color: #46483e;
}
#gtoc a:hover {
color: #669900;
text-decoration: underline;
}
.notice {
display: block;
padding: 1em;
margin: 1.4667em 0 2.9334em;
background: #FFF6BF;
color: #514721;
border: 1px solid #FFD324;
}
.notice p {
margin: 0;
}
.api_stability_0 {
border-color: #D60027;
}
.api_stability_1 {
border-color: #EC5315;
}
.api_stability_2 {
border-color: #FFD700;
}
.api_stability_3 {
border-color: #AEC516;
}
.api_stability_4 {
border-color: #009431;
}
.api_stability_5 {
border-color: #0084B6;
}
ul.plain {
list-style: none;
}
abbr {
border-bottom: 1px dotted #454545;
}
p {
margin: 0 0 1.4667em 0;
position: relative;
text-rendering: optimizeLegibility;
}
table {
border-collapse: collapse;
margin: 0 0 1.4667em 0;
}
th, td {
border: 1px solid #aaa;
}
table p {
margin: 0 1ex;
}
th {
text-align:left;
}
.apidoc #apicontent p,
.apidoc #apicontent li {
font-size: 15px;
line-height: 22px;
color: #000;
font-family: Georgia, FreeSerif, Times, serif;
}
ol, ul, dl {
margin: 0 0 1em 0;
padding: 0;
}
ol ul, ol ol, ol dl,
ul ul, ul ol, ul dl,
dl ul, dl ol, dl dl {
margin-bottom: 0;
}
ol p:first-child,
ul p:first-child,
dl p:first-child {
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 {
font-family: Helvetica, Arial, sans-serif;
color: #000;
text-rendering: optimizeLegibility;
position: relative;
}
header h1 {
font-family: Georgia, FreeSerif, Times, serif;
font-size: 30px;
font-weight: normal;
line-height: 36px;
color: #480;
margin: 15px 0 11px;
}
h1 {
font-size: 29px;
line-height: 33px;
margin: 2em 0 15px;
}
#toc + h1 {
margin-top: 1em;
padding-top: 0;
}
h2 {
font-size: 1.4em;
line-height: 1.0909em;
margin: 1.5em 0 0.5em;
}
h2 + h2 {
margin: 0 0 0.5em;
}
h3 {
font-size: 1.3em;
line-height: 1.1282em;
margin: 2.2em 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 {
font-size: 25px;
position: absolute;
display: block;
top: 0;
right: 0;
opacity: 0.3;
}
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-family: Helvetica, Arial, sans-serif;
font-weight: bold;
}
h1 span a.top, h2 span a.top, h3 span a.top, h4 span a.top {
/* XXX Get an image and clean up these two links
* so that they look nice next to one another.
* http://www.chrisglass.com/work/nodejs/website/v05/docs.html
* -isaacs
*/
display: none;
}
h5 {
font-size: 1.125em;
line-height: 1.4em;
}
h6 {
font-size: 1em;
line-height: 1.4667em;
}
pre, tt, code {
font-size: 14px;
line-height: 1.5438em;
font-family: Monaco, Consolas, "Lucida Console", monospace;
margin: 0; padding: 0;
}
.pre {
font-family: Monaco, Consolas, "Lucida Console", monospace;
line-height: 1.5438em;
font-size: 0.95em;
}
pre {
padding: 1em 1.6em 1em 1.2em;
vertical-align: top;
background: #f8f8f8;
border: 1px solid #e8e8e8;
border-width: 1px 1px 1px 6px;
margin: -0.5em 0 1.1em;
overflow-x: auto;
}
pre + h3 {
margin-top: 2.225em;
}
code.pre {
white-space: pre;
}
#intro {
width: 775px;
margin: 0 auto;
text-align: center;
color: #d2d8ba;
/* preload platform-icons.png */
background-image: url(http://nodejs.org/images/platform-icons.png);
background-repeat: no-repeat;
background-position: -999em -999em;
}
#intro.interior #logo {
margin-left: -298px;
border: 0;
}
hr {
background: none;
border: medium none;
border-bottom: 1px solid #ccc;
margin: 1em 0;
}
#toc {
font-size: 15px;
line-height: 1.5em;
line-height: 22px;
padding-top: 4px;
}
#toc h2 {
font-size: 15px;
line-height: 21px;
margin: 0 0 0.5em;
}
#toc h2 a {
float: right;
}
#toc hr {
margin: 1em 0 2em;
}
#toc ul,
#api-section-index #apicontent ul li,
#api-section-index #apicontent ul {
font-family: Georgia, FreeSerif, Times, serif;
color: #666 !important;
}
#toc ul a {
text-decoration: none;
border-bottom: 1px dotted #480;
}
#toc ul a:hover,
#toc ul a:focus {
border-bottom: 1px dotted #fff;
color: #000;
}
p tt,
p code {
background: #f8f8ff;
border: 1px solid #dedede;
padding: 0 0.2em;
}
#content {
width: 953px;
margin: 0 auto;
overflow: visible;
clear: both;
display: block;
}
#column1.interior {
width: 749px;
float: right;
padding-top: 7px;
padding-top: 11px;
font-size: 18px;
}
#column2.interior {
width: 140px;
float: left;
margin-top: -55px;
overflow: visible;
}
#column2.interior ul {
margin-left: 0;
}
#column2.interior li {
list-style-type: none;
}
#column2.interior li a {
display: block;
padding: 0 0 0 35px;
color: #878b78;
text-transform: uppercase;
text-decoration: none;
font-size: 11px;
line-height: 23px;
}
#column2.interior li a.home { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px 3px; }
#column2.interior li a.download { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -21px; }
#column2.interior li a.about { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -45px; }
#column2.interior li a.npm { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -69px; }
#column2.interior li a.docs { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -93px; }
#column2.interior li a.blog { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -117px; }
#column2.interior li a.community { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -141px; }
#column2.interior li a.logos { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -165px; }
#column2.interior li a.jobs { background: url(http://nodejs.org/images/icons-interior.png) no-repeat -156px -189px; }
#column2.interior li a.home.current { background-position: 2px 3px; }
#column2.interior li a.download.current { background-position: 2px -21px; }
#column2.interior li a.about.current { background-position: 2px -45px; }
#column2.interior li a.npm.current { background-position: 2px -69px; }
#column2.interior li a.docs.current { background-position: 2px -93px; }
#column2.interior li a.blog.current { background-position: 2px -117px; }
#column2.interior li a.community.current { background-position: 2px -141px; }
#column2.interior li a.logos.current { background-position: 2px -165px; }
#column2.interior li a.jobs.current { background-position: 2px -189px; }
#column2.interior li a.home:hover { background-position: -331px 3px; }
#column2.interior li a.download:hover { background-position: -331px -21px; }
#column2.interior li a.about:hover { background-position: -331px -45px; }
#column2.interior li a.npm:hover { background-position: -331px -69px; }
#column2.interior li a.docs:hover { background-position: -331px -93px; }
#column2.interior li a.blog:hover { background-position: -331px -117px; }
#column2.interior li a.community:hover { background-position: -331px -141px; }
#column2.interior li a.logos:hover { background-position: -331px -165px; }
#column2.interior li a.jobs:hover { background-position: -331px -189px; }
#column2.interior li a.current {
color: #8cc84b;
font-weight: bold;
}
#column2.interior li a:hover {
color: #000000;
text-decoration: none;
}
#column2.interior li + li {
border-top: 1px solid #c1c7ac;
}
#column2.interior p.twitter {
padding-top: 20px;
}
#column2.interior p.twitter a {
background: url(http://nodejs.org/images/twitter-bird.png) no-repeat 0 4px;
padding-left: 37px;
text-decoration: none;
}
#column2.interior p.twitter a:hover {
text-decoration: underline;
}
a.totop {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
font-weight: bold;
text-indent: -9999999px;
background: url(http://nodejs.org/images/anchor.png) no-repeat top left;
margin-right: 7px;
display: block;
width: 13px;
border-bottom: 1px solid #cccccc;
}
a.anchor {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
font-weight: bold;
text-indent: -9999999px;
background: url(http://nodejs.org/images/anchor.png) no-repeat top right;
display: block;
width: 13px;
border-bottom: 1px solid #cccccc;
}
#footer {
width: 942px;
margin: 150px auto 55px auto;
padding: 0;
}
#footer .joyent-logo {
display:block;
position:absolute;
overflow:hidden;
text-indent:-999em;
height:100px;
width:190px;
z-index:999;
}
#footer p {
font-size: 11px;
line-height: 1em;
padding: 0 0 0 195px;
color: #666;
}
#footer p,
#footer li {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
}
#footer a {
text-decoration: none;
border: none;
color: #480;
}
#footer a:hover {
color: #000;
}
#footer p a {
border-bottom: 1px dotted #480;
color: #878b78;
}
#footer ul {
background: url(http://nodejs.org/images/footer-logo-alt.png) left 17px no-repeat;
padding: 23px 0 0 195px;
height: 26px;
margin-left: -1px;
border-top: 1px solid #626557;
}
#footer ul li {
list-style-type: none;
float: left;
font-size: 12px;
margin: 0 !important;
padding: 0;
height: 12px;
}
#footer ul li a {
margin: 0;
padding: 0 6px 0 0;
display: block;
height: 12px;
line-height: 12px;
}
#footer ul li + li {
margin-left: 3px;
}
#footer ul li + li a {
padding: 0 6px 0 6px;
border-left: 1px solid #878b78;
}
#footer ul li a.twitter {
background: url(http://nodejs.org/images/twitter-bird.png) no-repeat 5px 0px;
padding-left: 25px;
}
/* simpler clearfix */
.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}