html { -webkit-font-smoothing: antialiased; } body { background: #46483e; color: #eee; font-size: 12px; line-height: 180%; font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif; margin: 0; padding-top: 40px; border-top: 6px #8cc84b solid; } body.alt { background: white; color: #46483e; } body.int { padding-top:49px; } img { border: 0; } @media all and (min-height: 650px) { #toc { position: fixed; }} #toctitle { display: none; } h1, h2, h3, h4 { color: #d2d8ba; font-family: Helvetica, Arial, sans-serif; margin-top: 2em; margin-right: 0; margin-bottom: 10px; margin-left: 0; text-transform: uppercase; } h1 { font-family: Georgia, FreeSerif, Times, serif; font-size: 30px; line-height: 36px; text-transform: none; color: #669900; font-weight: normal; margin: 15px 0 11px; } h2 { font-size: 12px; font-weight: normal; } h1 code, h2 code, h3 code, h4 code, h1 a, h2 a, h3 a, h4 a { color: inherit; font-size: inherit; } #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 p { width: 680px; line-height: 180%; padding-top: 30px; margin: 0 auto 30px auto; font-size: 14px; } #intro.interior #logo { margin-left: -298px; } #intro p.version { padding-top: 10px; font-size: 12px; } #intro .button { font-weight: bold; font-size: 14px; text-transform: uppercase; padding: 6px 12px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 0 1px; color: #46483e; background-color: #9a9f8b; } #intro .forkme { position: absolute; top: 0; right: 0; border: 0; } #intro .button:hover { text-decoration: none; background-color: #aab293; } #intro #downloadbutton { background-color: #8BC84B; } #intro #downloadbutton:hover { background-color: #73a53e; } #quotes { text-align: center; width: 100%; background-color: #33342d; margin-top: 40px; padding-top: 20px; padding-bottom: 20px; } #quotes h2 { margin-top: 0; } #quotes ul { display: block; width: 775px; margin: 0 auto; padding-top: 20px; } #quotes ul li { display: block; text-align: left; width: 180px; float: left; padding-right: 15px; font-size: 11px; } #quotes ul li:last-child { padding-right: 0; } #quotes ul li p span { font-size: 10px; } #quotes ul li p { color: #D2D8BA } #content { width: 775px; margin: 0 auto; overflow: visible; clear: both; display: block; } .int #content { width: 953px; } #column1 { width: 460px; float: left; } #content p { font-size: 14px; line-height:24px; } #front #content p { font-size:12px; } #content h1 + p { font-size: 18px; line-height: 30px; color: #46483e; font-family: Georgia, FreeSerif, Times, serif; } #column2 { width: 260px; float: right; } #column1.interior { width: 600px; float: right; padding-top: 11px; font-size:18px; padding-right:150px; } #column2.interior { width: 140px; float: left; 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: 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 -44px; } #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.current { color: #8cc84b; font-weight: bold; } #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 { padding-top: 20px; } #column2.interior p.twitter a { background: url(http://nodejs.org/images/twitter-bird.png) no-repeat 0 4px; padding-left: 37px; } .row { padding-top: 10px; padding-bottom: 10px; } .row + .row { border-top: 1px solid #626557; } .row h2 { font-size: 24px; color: white; text-transform: none; font-family: Georgia, FreeSerif, Times, serif; background: url(http://nodejs.org/images/community-icons.png) no-repeat; padding-left: 45px; padding-top: 6px; padding-bottom: 10px; margin-top: 10px; } .row h2.github { background-position: left -92px; } .row h2.mailing { background-position: left -308px; } .row h2.periodicals { background-position: left -198px; padding-top: 9px; margin-top: 7px; } .row h2.conferences { background-position: left -522px; } .row h2.localized { background-position: left -414px; } .row h2.irc { background-position: left -626px; } .block { width: 280px; float: left; } .block + .block { margin-left: 20px; width: 300px; } #content .block p { font-size: 13px; line-height:21px; } #explore { background: url(http://nodejs.org/images/home-icons.png) no-repeat left 17px; } #explore li { list-style-type: none; color: #d2d8ba; line-height: 14px; padding: 10px 0 10px 40px; border-top: 1px solid #626557; } #explore li span { } #explore li a.explore { text-transform: uppercase; } #explore ol.jobs { padding: 0; } #explore ol.jobs li { display: inline; padding: 0; border: none; } #explore ol.jobs li:after { content: ', '; } #explore ol.jobs li:last-child:after { content: ''; } #footer { width: 942px; margin: 150px auto 55px auto; padding:0; } #footer p { 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 { border-bottom:1px dotted #690; color: #878b78; } #footer ul { background: url(http://nodejs.org/images/footer-logo.png) left 17px no-repeat; border-top: 1px solid #626557; border-color:#90918b; padding-top:23px; padding-left: 195px; height: 26px; margin-right:137px; } .alt #footer ul { background-image: url(http://nodejs.org/images/footer-logo-alt.png); } #footer ul li { list-style-type: none; float: left; font-size: 12px; margin:0!important; 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; } div#download { position: absolute; width: 580px; text-align: center; top: 0; left: 50%; margin-left: -290px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; padding-top: 40px; -webkit-box-shadow: 0 0 32px #000; -moz-box-shadow: 0 0 32px #000; box-shadow: 0 0 32px #000; background:white; display: none; } div#download:target { display: block; } #download-close { background: url(http://nodejs.org/images/close-downloads.png) no-repeat top right; width: 64px; height: 64px; position: absolute; display: block; top:0; right:0; text-indent:-999em; } div#download ul#installers { width: 550px; text-align: center; margin: 0 auto; background: url(http://nodejs.org/images/platform-icons.png) no-repeat top center; padding-top: 65px; padding-bottom: 50px; } div#download ul#installers li { list-style-type: none; width: 165px; padding-left: 18px; float: left; display: block; color: #33342d; font-size: 10px; } div#download ul#installers li#source { padding-left: 0; } div#download ul#installers li a { font-size: 16px; padding-top: 50px; margin-top: -50px; } div#download ul#documentation { background-color: #d4d7c3; padding: 20px 0 20px 40px; -webkit-border-bottom-right-radius: 4px; -webkit-border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -moz-border-radius-bottomleft: 4px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; } div#download ul#documentation li { margin-left: 40px; text-align: left; color: #33342d; font-size: 14px; font-weight: bold; padding-bottom: 5px; } div#download ul#documentation li a { color: #76a83f; } #download-logo { margin-bottom: 37px; } 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; margin-left: -1em; border-left-width: 1px; border-left-style: solid; border-left-color: #626557; } .alt pre { font-size: 14px; margin-left: 0; border-left: 2px solid #dadad7; background-color: #f4f4f2; color: #46483e; padding: 1em 1.5em; line-height: 2em; } .alt code { color: #996633; } dd { margin: 1em 0; margin-left: 1em; } a { color: #690; text-decoration: none; } a:hover { text-decoration: underline; } .alt a { background-color: #eff2db; padding: 0 2px; } .alt #intro a, .alt #footer a { background-color: transparent; } .highlight { background: #733; padding: 0.2em 0; } .desktops { font-size: 12px; } .release { margin: 0 0 0 2em; } /* simpler clearfix */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }