diff options
Diffstat (limited to 'doc/pipe.css')
| -rw-r--r-- | doc/pipe.css | 200 |
1 files changed, 133 insertions, 67 deletions
diff --git a/doc/pipe.css b/doc/pipe.css index 09f0a8bb30..999161b77b 100644 --- a/doc/pipe.css +++ b/doc/pipe.css @@ -18,6 +18,10 @@ body.alt { color: #46483e; } +body.int { + padding-top:49px; +} + img { border: 0; } @@ -41,7 +45,7 @@ h1 { text-transform: none; color: #669900; font-weight: normal; - margin-top: 1em; + margin: 15px 0 11px; } h2 { @@ -65,7 +69,7 @@ h1 a, h2 a, h3 a, h4 a /* preload platform-icons.png */ background-image: url(platform-icons.png); background-repeat: no-repeat; - background-position: -1000px -1000px; + background-position: -999em -999em; } #intro p { @@ -77,7 +81,7 @@ h1 a, h2 a, h3 a, h4 a } #intro.interior #logo { - margin-left: -130px; + margin-left: -298px; } #intro p.version { @@ -163,13 +167,20 @@ h1 a, h2 a, h3 a, h4 a font-size: 10px; } +#quotes ul li p { + color: #D2D8BA +} + #content { - width: 800px; + width: 775px; margin: 0 auto; overflow: visible; clear: both; display: block; } +.int #content { + width: 953px; +} #column1 { width: 460px; @@ -178,6 +189,10 @@ h1 a, h2 a, h3 a, h4 a #content p { font-size: 14px; + line-height:24px; +} +#front #content p { + font-size:12px; } #content h1 + p { @@ -193,63 +208,76 @@ h1 a, h2 a, h3 a, h4 a } #column1.interior { - width: 590px; + width: 600px; float: right; - padding-top: 20px; + padding-top: 11px; + font-size:18px; + padding-right:150px; } #column2.interior { - width: 160px; + width: 140px; float: left; - margin-top: -50px; + margin-top: -54px; overflow: visible; } +#column2.interior ul { + margin-left: 0; +} + #column2.interior li { list-style-type: none; } #column2.interior li a { display: block; - padding: 1px 0px 1px 40px; + padding: 0 0 0 35px; color: #878b78; text-transform: uppercase; -} - -#column2.interior li a.home { background: url(icons-interior.png) no-repeat -158px 3px; } -#column2.interior li a.download { background: url(icons-interior.png) no-repeat -158px -21px; } -#column2.interior li a.about { background: url(icons-interior.png) no-repeat -158px -44px; } -#column2.interior li a.npm { background: url(icons-interior.png) no-repeat -158px -70px; } -#column2.interior li a.docs { background: url(icons-interior.png) no-repeat -158px -93px; } -#column2.interior li a.blog { background: url(icons-interior.png) no-repeat -158px -117px; } -#column2.interior li a.community { background: url(icons-interior.png) no-repeat -158px -140px; } -#column2.interior li a.logos { background: url(icons-interior.png) no-repeat -158px -164px; } -#column2.interior li a.jobs { background: url(icons-interior.png) no-repeat -158px -189px; } - -#column2.interior li a.home.current { background-position: left 3px; } -#column2.interior li a.download.current { background-position: left -21px; } -#column2.interior li a.about.current { background-position: left -44px; } -#column2.interior li a.npm.current { background-position: left -70px; } -#column2.interior li a.docs.current { background-position: left -93px; } -#column2.interior li a.blog.current { background-position: left -117px; } -#column2.interior li a.community.current { background-position: left -140px; } -#column2.interior li a.logos.current { background-position: left -164px; } -#column2.interior li a.jobs.current { background-position: left -189px; } + text-decoration: none; + font-size: 11px; + line-height: 23px; +} + +#column2.interior li a.home { background: url(icons-interior.png) no-repeat -156px 3px; } +#column2.interior li a.download { background: url(icons-interior.png) no-repeat -156px -21px; } +#column2.interior li a.about { background: url(icons-interior.png) no-repeat -156px -44px; } +#column2.interior li a.npm { background: url(icons-interior.png) no-repeat -156px -69px; } +#column2.interior li a.docs { background: url(icons-interior.png) no-repeat -156px -93px; } +#column2.interior li a.blog { background: url(icons-interior.png) no-repeat -156px -117px; } +#column2.interior li a.community { background: url(icons-interior.png) no-repeat -156px -141px; } +#column2.interior li a.logos { background: url(icons-interior.png) no-repeat -156px -165px; } +#column2.interior li a.jobs { background: url(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.current { color: #8cc84b; font-weight: bold; } -#column2.interior li a.home:hover { background-position: -333px 3px; } -#column2.interior li a.download:hover { background-position: -333px -21px; } -#column2.interior li a.about:hover { background-position: -333px -44px; } -#column2.interior li a.npm:hover { background-position: -333px -70px; } -#column2.interior li a.docs:hover { background-position: -333px -93px; } -#column2.interior li a.blog:hover { background-position: -333px -117px; } -#column2.interior li a.community:hover { background-position: -333px -140px; } -#column2.interior li a.logos:hover { background-position: -333px -164px; } -#column2.interior li a.jobs:hover { background-position: -333px -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:hover { color: #000000; text-decoration: none; } #column2.interior li + li { border-top: 1px solid #c1c7ac; + border-top:1px solid #65675c; +} +.alt #column2.interior li + li { + border-top: 1px solid #c1c7ac; } #column2.interior p.twitter { @@ -262,8 +290,8 @@ h1 a, h2 a, h3 a, h4 a } .row { - padding-top: 20px; - padding-bottom: 20px; + padding-top: 10px; + padding-bottom: 10px; } .row + .row { @@ -295,15 +323,17 @@ h1 a, h2 a, h3 a, h4 a } .block + .block { - margin-left: 30px; + margin-left: 20px; + width: 300px; } #content .block p { - font-size: 12px; + font-size: 13px; + line-height:21px; } #explore { - background: url(home-icons.png) no-repeat left 11px; + background: url(home-icons.png) no-repeat left 17px; } #explore li { @@ -340,29 +370,55 @@ h1 a, h2 a, h3 a, h4 a } #footer { - width: 775px; - border-top: 1px solid #626557; - margin: 50px auto 30px auto; - padding-top: 15px; + width: 942px; + margin: 150px auto 55px auto; + padding:0; } #footer p { - color: #8BC84B; - font-size: 10px; - padding-left: 195px; - color: #878b78; + font-size: 11px; + line-height:1em; + padding: 0 0 0 195px; + color: #666; + font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; +} + +#front #footer { + width: 775px; + margin: 50px auto 30px auto; + padding-top: 15px; +} +#front #footer ul { + margin-right:0; + padding-right:0; +} + +#footer a { + text-decoration:none; + border:none; + color: #690; +} + +#footer a:hover { + color:#000; +} +#front #footer a:hover { + color:#fff; } #footer p a { - text-decoration: underline; + border-bottom:1px dotted #690; color: #878b78; } #footer ul { - background: url(footer-logo.png) left top no-repeat; + background: url(footer-logo.png) left 17px no-repeat; + border-top: 1px solid #626557; + border-color:#90918b; + padding-top:23px; padding-left: 195px; height: 26px; - padding-top: 6px; + margin-right:137px; } .alt #footer ul { background-image: url(footer-logo-alt.png); @@ -370,28 +426,32 @@ h1 a, h2 a, h3 a, h4 a #footer ul li { list-style-type: none; - display: block; float: left; + font-size: 12px; + margin:0!important; + height: 12px; } #footer ul li a { margin: 0; - padding: 0; + padding: 0 6px 0 0; + display: block; + height:12px; + line-height:12px; } #footer ul li + li { - height: 12px; margin-left: 3px; } #footer ul li + li a { - padding: 0 0 0 4px; + padding: 0 6px 0 6px; border-left: 1px solid #878b78; } #footer ul li a.twitter { - background: url(twitter-bird.png) no-repeat 0 2px; - padding-left: 19px; + background: url(twitter-bird.png) no-repeat 5px 0px; + padding-left: 25px; } @@ -489,11 +549,17 @@ div#download ul#documentation li a { margin-bottom: 37px; } -pre, code { - font-family: Monaco, 'Andale Mono', 'Lucida Console', 'Bitstream Vera Sans Mono', 'Courier New', monospace, serif; - font-size: 12px; - color: #d2d8ba; -} + pre, tt, code { + color: #d2d8ba; + font-size: 14px; + line-height: 22px; + font-family: Monaco, Consolas, "Lucida Console", monospace; + margin: 0; padding: 0; + } + #front pre, #front tt, #front code { + font-size:12px; + line-height:22px; + } pre { padding-left: 1em; @@ -524,7 +590,7 @@ dd { a { - color: #8BC84B; + color: #690; text-decoration: none; } a:hover { text-decoration: underline; } |