1berry/nodejs
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

doc: use somewhat consistent styling for css assets

Browse Source
This commit is contained in:
Bert Belder 2012-08-23 17:54:12 +02:00
parent 81b711ba0b
commit 45cd4e211e
5 changed files with 507 additions and 462 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
doc/api_assets/sh.css
View File

@ -3,7 +3,8 @@
font-style: normal; font-style: normal;
} }
.sh_sourceCode .sh_symbol , .sh_sourceCode .sh_cbracket { .sh_sourceCode .sh_symbol,
.sh_sourceCode .sh_cbracket {
color: #333; color: #333;
} }
@ -11,13 +12,13 @@
color: #c96; color: #c96;
} }
.sh_sourceCode .sh_string, .sh_sourceCode .sh_regexp, .sh_sourceCode .sh_number, .sh_sourceCode .sh_string,
.sh_sourceCode .sh_specialchar .sh_sourceCode .sh_regexp,
{ .sh_sourceCode .sh_number,
.sh_sourceCode .sh_specialchar {
color: #690; color: #690;
} }
.sh_sourceCode .sh_comment { .sh_sourceCode .sh_comment {
color: #666; color: #666;
} }

52
doc/api_assets/style.css
View File

@ -11,15 +11,19 @@ body {
margin: 0; padding: 49px 0 0 0; margin: 0; padding: 49px 0 0 0;
border-top: 6px #8CC84B solid; border-top: 6px #8CC84B solid;
} }
a { a {
color: #480; color: #480;
text-decoration: underline; text-decoration: underline;
} }
a:visited { a:visited {
color: #46483e; color: #46483e;
text-decoration: underline; text-decoration: underline;
} }
a:hover, a:focus {
a:hover,
a:focus {
text-decoration: none; text-decoration: none;
} }
@ -57,6 +61,7 @@ a {
color: #514721; color: #514721;
border: 1px solid #FFD324; border: 1px solid #FFD324;
} }
.notice p { .notice p {
margin: 0; margin: 0;
} }
@ -75,7 +80,8 @@ p {
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
} }
.apidoc #apicontent p, .apidoc #apicontent li { .apidoc #apicontent p,
.apidoc #apicontent li {
font-size: 15px; font-size: 15px;
line-height: 22px; line-height: 22px;
color: #000; color: #000;
@ -93,7 +99,9 @@ dl ul, dl ol, dl dl {
margin-bottom: 0; margin-bottom: 0;
} }
ol p:first-child, ul p:first-child, dl p:first-child { ol p:first-child,
ul p:first-child,
dl p:first-child {
margin-bottom: 0; margin-bottom: 0;
} }
@ -101,7 +109,6 @@ ul, ol {
margin-left: 2em; margin-left: 2em;
} }
dl dt { dl dt {
position: relative; position: relative;
margin: 1.5em 0 0; margin: 1.5em 0 0;
@ -167,6 +174,7 @@ h3 + h3 {
position: relative; position: relative;
padding-right: 40px; padding-right: 40px;
} }
h1 span, h2 span, h3 span, h4 span { h1 span, h2 span, h3 span, h4 span {
font-size: 25px; font-size: 25px;
position: absolute; position: absolute;
@ -175,9 +183,11 @@ h3 + h3 {
right: 0; right: 0;
opacity: 0.3; opacity: 0.3;
} }
h1 span:hover, h2 span:hover, h3 span:hover, h4 span:hover { h1 span:hover, h2 span:hover, h3 span:hover, h4 span:hover {
opacity: 1; opacity: 1;
} }
h1 span a, h2 span a, h3 span a, h4 span a { h1 span a, h2 span a, h3 span a, h4 span a {
font-size: 0.8em; font-size: 0.8em;
color: #000; color: #000;
@ -186,7 +196,7 @@ h3 + h3 {
font-weight: bold; font-weight: bold;
} }
h1 span a.top, h3 span a.top, h3 span a.top, h4 span a.top { 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 /* XXX Get an image and clean up these two links
* so that they look nice next to one another. * so that they look nice next to one another.
* http://www.chrisglass.com/work/nodejs/website/v05/docs.html * http://www.chrisglass.com/work/nodejs/website/v05/docs.html
@ -241,7 +251,6 @@ code.pre {
margin: 0 auto; margin: 0 auto;
text-align: center; text-align: center;
color: #d2d8ba; color: #d2d8ba;
/* preload platform-icons.png */ /* preload platform-icons.png */
background-image: url(http://nodejs.org/images/platform-icons.png); background-image: url(http://nodejs.org/images/platform-icons.png);
background-repeat: no-repeat; background-repeat: no-repeat;
@ -281,7 +290,9 @@ hr {
margin: 1em 0 2em; margin: 1em 0 2em;
} }
#toc ul, #api-section-index #apicontent ul li, #api-section-index #apicontent ul { #toc ul,
#api-section-index #apicontent ul li,
#api-section-index #apicontent ul {
font-family: Georgia, FreeSerif, Times, serif; font-family: Georgia, FreeSerif, Times, serif;
color: #666 !important; color: #666 !important;
} }
@ -290,13 +301,15 @@ hr {
text-decoration: none; text-decoration: none;
border-bottom: 1px dotted #480; border-bottom: 1px dotted #480;
} }
#toc ul a:hover, #toc ul a:focus {
#toc ul a:hover,
#toc ul a:focus {
border-bottom: 1px dotted #fff; border-bottom: 1px dotted #fff;
color: #000; color: #000;
} }
p tt,
p tt, p code { p code {
background: #f8f8ff; background: #f8f8ff;
border: 1px solid #dedede; border: 1px solid #dedede;
padding: 0 0.2em; padding: 0 0.2em;
@ -362,7 +375,6 @@ p tt, p code {
#column2.interior li a.community.current { background-position: 2px -141px; } #column2.interior li a.community.current { background-position: 2px -141px; }
#column2.interior li a.logos.current { background-position: 2px -165px; } #column2.interior li a.logos.current { background-position: 2px -165px; }
#column2.interior li a.jobs.current { background-position: 2px -189px; } #column2.interior li a.jobs.current { background-position: 2px -189px; }
#column2.interior li a.current { color: #8cc84b; font-weight: bold; }
#column2.interior li a.home:hover { background-position: -331px 3px; } #column2.interior li a.home:hover { background-position: -331px 3px; }
#column2.interior li a.download:hover { background-position: -331px -21px; } #column2.interior li a.download:hover { background-position: -331px -21px; }
@ -373,11 +385,21 @@ p tt, p code {
#column2.interior li a.community:hover { background-position: -331px -141px; } #column2.interior li a.community:hover { background-position: -331px -141px; }
#column2.interior li a.logos:hover { background-position: -331px -165px; } #column2.interior li a.logos:hover { background-position: -331px -165px; }
#column2.interior li a.jobs:hover { background-position: -331px -189px; } #column2.interior li a.jobs:hover { background-position: -331px -189px; }
#column2.interior li a:hover { color: #000000; text-decoration: none; }
#column2.interior li a.current {
color: #8cc84b;
font-weight: bold;
}
#column2.interior li a:hover {
color: #000000;
text-decoration: none;
}
#column2.interior li + li { #column2.interior li + li {
border-top: 1px solid #c1c7ac; border-top: 1px solid #c1c7ac;
} }
#column2.interior p.twitter { #column2.interior p.twitter {
padding-top: 20px; padding-top: 20px;
} }
@ -412,6 +434,7 @@ a.anchor {
width: 13px; width: 13px;
border-bottom: 1px solid #cccccc; border-bottom: 1px solid #cccccc;
} }
#footer { #footer {
width: 942px; width: 942px;
margin: 150px auto 55px auto; margin: 150px auto 55px auto;
@ -425,7 +448,8 @@ a.anchor {
color: #666; color: #666;
} }
#footer p, #footer li { #footer p,
#footer li {
font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
} }
@ -434,6 +458,7 @@ a.anchor {
border: none; border: none;
color: #480; color: #480;
} }
#footer a:hover { #footer a:hover {
color: #000; color: #000;
} }
@ -490,4 +515,3 @@ a.anchor {
clear: both; clear: both;
visibility: hidden; visibility: hidden;
} }

43
doc/pipe.css
View File

@ -25,10 +25,17 @@ body.int {
img { img {
border: 0; border: 0;
} }
@media all and (min-height: 650px) { #toc { position: fixed; }}
@media all and (min-height: 650px) {
#toc {
position: fixed;
}
}
#toctitle { #toctitle {
display: none; display: none;
} }
h1, h2, h3, h4 { h1, h2, h3, h4 {
color: #d2d8ba; color: #d2d8ba;
font-family: Helvetica, Arial, sans-serif; font-family: Helvetica, Arial, sans-serif;
@ -38,6 +45,7 @@ h1, h2, h3, h4 {
margin-left: 0; margin-left: 0;
text-transform: uppercase; text-transform: uppercase;
} }
h1 { h1 {
font-family: Georgia, FreeSerif, Times, serif; font-family: Georgia, FreeSerif, Times, serif;
font-size: 30px; font-size: 30px;
@ -54,8 +62,7 @@ h2 {
} }
h1 code, h2 code, h3 code, h4 code, h1 code, h2 code, h3 code, h4 code,
h1 a, h2 a, h3 a, h4 a h1 a, h2 a, h3 a, h4 a {
{
color: inherit; color: inherit;
font-size: inherit; font-size: inherit;
} }
@ -100,7 +107,6 @@ h1 a, h2 a, h3 a, h4 a
-moz-border-radius: 4px; -moz-border-radius: 4px;
border-radius: 4px; border-radius: 4px;
margin: 30px 4px 0; margin: 30px 4px 0;
display: inline-block; display: inline-block;
color: #46483e; color: #46483e;
background-color: #9a9f8b; background-color: #9a9f8b;
@ -181,6 +187,7 @@ h1 a, h2 a, h3 a, h4 a
clear: both; clear: both;
display: block; display: block;
} }
.int #content { .int #content {
width: 953px; width: 953px;
} }
@ -239,11 +246,11 @@ h1 a, h2 a, h3 a, h4 a
color: #8cc84b; color: #8cc84b;
} }
#download-page #installers ul li { #download-page #installers ul li {
width: 33%; width: 33%;
display: table-cell; display: table-cell;
} }
#download-page #installers a small { #download-page #installers a small {
font-size: 10px; font-size: 10px;
display: block; display: block;
@ -345,7 +352,6 @@ h1 a, h2 a, h3 a, h4 a
#column2.interior li a.community.current { background-position: 2px -141px; } #column2.interior li a.community.current { background-position: 2px -141px; }
#column2.interior li a.logos.current { background-position: 2px -165px; } #column2.interior li a.logos.current { background-position: 2px -165px; }
#column2.interior li a.jobs.current { background-position: 2px -189px; } #column2.interior li a.jobs.current { background-position: 2px -189px; }
#column2.interior li a.current { color: #8cc84b; font-weight: bold; }
#column2.interior li a.home:hover { background-position: -331px 3px; } #column2.interior li a.home:hover { background-position: -331px 3px; }
#column2.interior li a.download:hover { background-position: -331px -21px; } #column2.interior li a.download:hover { background-position: -331px -21px; }
@ -356,7 +362,16 @@ h1 a, h2 a, h3 a, h4 a
#column2.interior li a.community:hover { background-position: -331px -141px; } #column2.interior li a.community:hover { background-position: -331px -141px; }
#column2.interior li a.logos:hover { background-position: -331px -165px; } #column2.interior li a.logos:hover { background-position: -331px -165px; }
#column2.interior li a.jobs:hover { background-position: -331px -189px; } #column2.interior li a.jobs:hover { background-position: -331px -189px; }
#column2.interior li a:hover { color: #000000; text-decoration: none; }
#column2.interior li a.current {
color: #8cc84b;
font-weight: bold;
}
#column2.interior li a:hover {
color: #000000;
text-decoration: none;
}
#column2.interior li + li { #column2.interior li + li {
border-top: 1px solid #c1c7ac; border-top: 1px solid #c1c7ac;
@ -476,6 +491,7 @@ h1 a, h2 a, h3 a, h4 a
margin: 50px auto 30px auto; margin: 50px auto 30px auto;
padding-top: 15px; padding-top: 15px;
} }
#front #footer ul { #front #footer ul {
margin-right: 0; margin-right: 0;
padding-right: 0; padding-right: 0;
@ -490,6 +506,7 @@ h1 a, h2 a, h3 a, h4 a
#footer a:hover { #footer a:hover {
color: #000; color: #000;
} }
#front #footer a:hover { #front #footer a:hover {
color: #fff; color: #fff;
} }
@ -508,6 +525,7 @@ h1 a, h2 a, h3 a, h4 a
height: 26px; height: 26px;
margin-right: 137px; margin-right: 137px;
} }
.alt #footer ul { .alt #footer ul {
background-image: url(http://nodejs.org/images/footer-logo-alt.png); background-image: url(http://nodejs.org/images/footer-logo-alt.png);
} }
@ -542,7 +560,6 @@ h1 a, h2 a, h3 a, h4 a
padding-left: 25px; padding-left: 25px;
} }
pre, tt, code { pre, tt, code {
color: #d2d8ba; color: #d2d8ba;
font-size: 14px; font-size: 14px;
@ -583,19 +600,22 @@ dd {
margin-left: 1em; margin-left: 1em;
} }
a { a {
color: #690; color: #690;
text-decoration: none; text-decoration: none;
} }
a:hover { text-decoration: underline; }
a:hover {
text-decoration: underline;
}
.alt a { .alt a {
background-color: #eff2db; background-color: #eff2db;
padding: 0 2px; padding: 0 2px;
} }
.alt #intro a, .alt #footer a { .alt #intro a,
.alt #footer a {
background-color: transparent; background-color: transparent;
} }
@ -619,4 +639,3 @@ a:hover { text-decoration: underline; }
clear: both; clear: both;
visibility: hidden; visibility: hidden;
} }

11
doc/sh.css
View File

@ -3,7 +3,8 @@
font-style: normal; font-style: normal;
} }
.sh_sourceCode .sh_symbol , .sh_sourceCode .sh_cbracket { .sh_sourceCode .sh_symbol,
.sh_sourceCode .sh_cbracket {
color: #333; color: #333;
} }
@ -11,13 +12,13 @@
color: #c96; color: #c96;
} }
.sh_sourceCode .sh_string, .sh_sourceCode .sh_regexp, .sh_sourceCode .sh_number, .sh_sourceCode .sh_string,
.sh_sourceCode .sh_specialchar .sh_sourceCode .sh_regexp,
{ .sh_sourceCode .sh_number,
.sh_sourceCode .sh_specialchar {
color: #690; color: #690;
} }
.sh_sourceCode .sh_comment { .sh_sourceCode .sh_comment {
color: #666; color: #666;
} }

12
doc/sh_vim-dark.css
View File

@ -1,10 +1,10 @@
.sh_sourceCode { .sh_sourceCode {
font-weight: normal; font-weight: normal;
font-style: normal; font-style: normal;
} }
.sh_sourceCode .sh_symbol , .sh_sourceCode .sh_cbracket { .sh_sourceCode .sh_symbol ,
.sh_sourceCode .sh_cbracket {
color: #fff; color: #fff;
} }
@ -12,9 +12,10 @@
font-style: italic; font-style: italic;
} }
.sh_sourceCode .sh_string, .sh_sourceCode .sh_regexp, .sh_sourceCode .sh_number, .sh_sourceCode .sh_string,
.sh_sourceCode .sh_specialchar .sh_sourceCode .sh_regexp,
{ .sh_sourceCode .sh_number,
.sh_sourceCode .sh_specialchar {
color: #a0c874; color: #a0c874;
} }
@ -30,4 +31,3 @@
.alt .sh_sourceCode .sh_symbol , .alt .sh_sourceCode .sh_cbracket { .alt .sh_sourceCode .sh_symbol , .alt .sh_sourceCode .sh_cbracket {
color: #46483e; color: #46483e;
} }