html { -webkit-font-smoothing: antialiased; -webkit-text-stroke: .1px; } 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; } ul { margin: 0px; padding: 0px; } @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; } #intro p { width: 680px; line-height: 180%; padding-top: 30px; margin: 0 auto; font-size: 14px; } #intro.interior #logo { margin-left: -298px; } #intro p.version { padding-top: 10px; font-size: 12px; } #intro .buttons { height: auto; overflow: hidden; _zoom: 1; width: 300px; margin: 0 auto; } #intro .button { font-family: helvetica,arial,sans-serif; font-size: 12px; line-height: 36px; -webkit-text-transform: uppercase; -moz-text-transform: uppercase; text-transform: uppercase; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; -webkit-transition: .2s all ease-in-out; -moz-transition: .2s all ease-in-out; transition: .2s all ease-in-out; margin: 10px 4px; display: inline-block; color: #46483e; background-color: #9a9f8b; width: 96px; } #intro .forkme { position: absolute; top: 0; right: 0; border: 0; } #intro .button:hover { text-decoration: none; background-color: #aab293; } #intro #docsbutton { clear: left; } #intro .downloadbutton { background-color: #8BC84B; width: 200px; font-size: 14px; font-weight: bold; display: block; margin: 30px auto 0px auto; } #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, #content ul { font-size: 14px; line-height: 24px; } #content ul { margin-top: 1em; } #content table { font-size: 14px; line-height: 24px; width: 100%; } #download-page #installers { width: 600px; display: table; margin-bottom: 1em; } #download-page #installers ul { width: auto; text-align: center; margin: 0 auto; display: table-row; width: 600px; } #download-page #installers ul img { display: block; margin: 0 auto; } #download-page #installers ul a { display: block; width: 100%; text-decoration: none; font-size: 16px; padding-top: 1em; } #download-page #installers ul a:hover, #download-page #installers ul a:active { background: #666; color: #8cc84b; } #download-page #installers ul li { width: 33%; display: table-cell; } #download-page #installers a small { font-size: 10px; display: block; color: #eee; } #download-page #content th { text-align: left; width: 33%; } #download-page #content table { table-collapse: separate; } #download-page #content td, #download-page #content th { border: 1px solid #666; } #download-page #content td a { display: block; height: 100%; width: 100%; text-align: center; } #download-page #content td a:hover, #download-page #content td a:active { background: #666; color: #8cc84b; } #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 -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; 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; } .row h2.installers { background-position: left -522px; } .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 { font-size: 12px; 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 .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; 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; } 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; }