cannam@147: /******************************************************************************* cannam@147: Site Design by @kentonv and @sailorhg. cannam@147: cannam@147: Originally based on Slate Theme for GitHub Pages cannam@147: by Jason Costello, @jsncostello cannam@147: *******************************************************************************/ cannam@147: cannam@147: @import url(pygment_trac.css); cannam@147: cannam@147: /******************************************************************************* cannam@147: MeyerWeb Reset cannam@147: *******************************************************************************/ cannam@147: cannam@147: html, body, div, span, applet, object, iframe, cannam@147: h1, h2, h3, h4, h5, h6, p, blockquote, pre, cannam@147: a, abbr, acronym, address, big, cite, code, cannam@147: del, dfn, em, img, ins, kbd, q, s, samp, cannam@147: small, strike, strong, sub, sup, tt, var, cannam@147: b, u, i, center, cannam@147: dl, dt, dd, ol, ul, li, cannam@147: fieldset, form, label, legend, cannam@147: table, caption, tbody, tfoot, thead, tr, th, td, cannam@147: article, aside, canvas, details, embed, cannam@147: figure, figcaption, footer, header, hgroup, cannam@147: menu, nav, output, ruby, section, summary, cannam@147: time, mark, audio, video { cannam@147: margin: 0; cannam@147: padding: 0; cannam@147: border: 0; cannam@147: font: inherit; cannam@147: vertical-align: baseline; cannam@147: } cannam@147: cannam@147: /* HTML5 display-role reset for older browsers */ cannam@147: article, aside, details, figcaption, figure, cannam@147: footer, header, hgroup, menu, nav, section { cannam@147: display: block; cannam@147: } cannam@147: cannam@147: ol, ul { cannam@147: list-style: none; cannam@147: } cannam@147: cannam@147: blockquote, q { cannam@147: } cannam@147: cannam@147: table { cannam@147: border-collapse: collapse; cannam@147: border-spacing: 0; cannam@147: } cannam@147: cannam@147: a:focus { cannam@147: outline: none; cannam@147: } cannam@147: cannam@147: /******************************************************************************* cannam@147: Theme Styles cannam@147: *******************************************************************************/ cannam@147: cannam@147: body { cannam@147: box-sizing: border-box; cannam@147: color:#373737; cannam@147: background: #212121; cannam@147: font-size: 16px; cannam@147: font-family: 'Myriad Pro', Calibri, Helvetica, Arial, sans-serif; cannam@147: line-height: 1.5; cannam@147: -webkit-font-smoothing: antialiased; cannam@147: } cannam@147: cannam@147: h1, h2, h3, h4, h5, h6 { cannam@147: margin: 10px 0; cannam@147: font-weight: 700; cannam@147: color:#222222; cannam@147: font-family: 'Lucida Grande', 'Calibri', Helvetica, Arial, sans-serif; cannam@147: letter-spacing: -1px; cannam@147: } cannam@147: cannam@147: .hmargin { cannam@147: margin: 10px 0 0 0; cannam@147: } cannam@147: cannam@147: h1 { cannam@147: font-size: 36px; cannam@147: font-weight: 700; cannam@147: } cannam@147: cannam@147: h2 { cannam@147: padding-bottom: 10px; cannam@147: font-size: 28px; cannam@147: background: url('../images/bg_hr.png') repeat-x bottom; cannam@147: } cannam@147: cannam@147: h3 { cannam@147: font-size: 24px; cannam@147: } cannam@147: cannam@147: h4 { cannam@147: font-size: 21px; cannam@147: } cannam@147: cannam@147: h5 { cannam@147: font-size: 18px; cannam@147: } cannam@147: cannam@147: h6 { cannam@147: font-size: 16px; cannam@147: } cannam@147: cannam@147: p { cannam@147: margin: 10px 0 15px 0; cannam@147: } cannam@147: cannam@147: footer p { cannam@147: color: #f2f2f2; cannam@147: } cannam@147: cannam@147: a { cannam@147: text-decoration: none; cannam@147: color: #007edf; cannam@147: text-shadow: none; cannam@147: cannam@147: transition: color 0.5s ease; cannam@147: transition: text-shadow 0.5s ease; cannam@147: -webkit-transition: color 0.5s ease; cannam@147: -webkit-transition: text-shadow 0.5s ease; cannam@147: -moz-transition: color 0.5s ease; cannam@147: -moz-transition: text-shadow 0.5s ease; cannam@147: -o-transition: color 0.5s ease; cannam@147: -o-transition: text-shadow 0.5s ease; cannam@147: -ms-transition: color 0.5s ease; cannam@147: -ms-transition: text-shadow 0.5s ease; cannam@147: } cannam@147: cannam@147: #main_content a:hover { cannam@147: color: #0069ba; cannam@147: } cannam@147: cannam@147: footer a:hover { cannam@147: color: #43adff; cannam@147: text-shadow: #0090ff 0px 0px 2px; cannam@147: } cannam@147: cannam@147: em { cannam@147: font-style: italic; cannam@147: } cannam@147: cannam@147: strong { cannam@147: font-weight: bold; cannam@147: } cannam@147: cannam@147: img { cannam@147: position: relative; cannam@147: margin: 0 auto; cannam@147: max-width: 739px; cannam@147: } cannam@147: cannam@147: img.gittip { cannam@147: width: 51px; cannam@147: height: 10px; cannam@147: } cannam@147: cannam@147: img.gittip15 { cannam@147: width: 77px; cannam@147: height: 15px; cannam@147: } cannam@147: cannam@147: pre, code { cannam@147: width: 100%; cannam@147: color: #222; cannam@147: background-color: #fff; cannam@147: cannam@147: font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; cannam@147: font-size: 14px; cannam@147: cannam@147: border-radius: 2px; cannam@147: -moz-border-radius: 2px; cannam@147: -webkit-border-radius: 2px; cannam@147: } cannam@147: cannam@147: h1>code { cannam@147: font-size: 30px; cannam@147: } cannam@147: cannam@147: pre { cannam@147: width: -moz-calc(100% - 20px); cannam@147: width: -webkit-calc(100% - 20px); cannam@147: width: calc(100% - 20px); cannam@147: padding: 10px; cannam@147: box-shadow: 0 0 10px rgba(0,0,0,.1); cannam@147: overflow: auto; cannam@147: } cannam@147: cannam@147: code { cannam@147: padding: 3px; cannam@147: margin: 0 3px; cannam@147: box-shadow: 0 0 10px rgba(0,0,0,.1); cannam@147: } cannam@147: cannam@147: pre code { cannam@147: display: block; cannam@147: box-shadow: none; cannam@147: } cannam@147: cannam@147: blockquote { cannam@147: color: #666; cannam@147: margin-bottom: 20px; cannam@147: padding: 0 0 0 20px; cannam@147: border-left: 3px solid #bbb; cannam@147: } cannam@147: cannam@147: ul, ol, dl { cannam@147: margin-bottom: 15px; cannam@147: padding-left: 30px; cannam@147: } cannam@147: cannam@147: ul li { cannam@147: list-style: outside; cannam@147: } cannam@147: cannam@147: ol li { cannam@147: list-style: decimal outside; cannam@147: } cannam@147: cannam@147: dl dt { cannam@147: font-weight: bold; cannam@147: } cannam@147: cannam@147: dl dd { cannam@147: padding-left: 20px; cannam@147: font-style: italic; cannam@147: } cannam@147: cannam@147: dl p { cannam@147: padding-left: 20px; cannam@147: font-style: italic; cannam@147: } cannam@147: cannam@147: hr { cannam@147: height: 1px; cannam@147: margin-bottom: 5px; cannam@147: border: none; cannam@147: background: url('../images/bg_hr.png') repeat-x center; cannam@147: } cannam@147: cannam@147: table { cannam@147: border: 1px solid #373737; cannam@147: margin-bottom: 20px; cannam@147: text-align: left; cannam@147: } cannam@147: cannam@147: th { cannam@147: font-family: 'Lucida Grande', 'Helvetica Neue', Helvetica, Arial, sans-serif; cannam@147: padding: 10px; cannam@147: background: #373737; cannam@147: color: #fff; cannam@147: } cannam@147: cannam@147: td { cannam@147: padding: 10px; cannam@147: border: 1px solid #373737; cannam@147: } cannam@147: cannam@147: form { cannam@147: background: #f2f2f2; cannam@147: padding: 20px; cannam@147: } cannam@147: cannam@147: img { cannam@147: width: 100%; cannam@147: max-width: 100%; cannam@147: } cannam@147: cannam@147: p.author { cannam@147: margin: -1em 0 0 0; cannam@147: padding: 0; cannam@147: font-size: 80%; cannam@147: color: #888; cannam@147: } cannam@147: cannam@147: h1>a, h2>a { cannam@147: color: black; cannam@147: } cannam@147: cannam@147: /******************************************************************************* cannam@147: Full-Width Styles cannam@147: *******************************************************************************/ cannam@147: cannam@147: .outer { cannam@147: width: 100%; cannam@147: } cannam@147: cannam@147: .inner { cannam@147: position: relative; cannam@147: max-width: 640px; cannam@147: padding: 20px 10px; cannam@147: margin: 0 auto; cannam@147: } cannam@147: cannam@147: body.normal #main_content.inner { cannam@147: margin: 0 auto 0 340px; cannam@147: } cannam@147: cannam@147: #discuss_banner { cannam@147: display: block; cannam@147: position: absolute; cannam@147: top:0; cannam@147: right: 10px; cannam@147: width: 147px; cannam@147: z-index: 10; cannam@147: padding: 10px 50px 10px 10px; cannam@147: color: #fff; cannam@147: background: url('../images/groups-logo.png') #333 no-repeat 95% 50%; cannam@147: font-weight: 700; cannam@147: box-shadow: 0 0 10px rgba(0,0,0,.5); cannam@147: border-bottom-left-radius: 2px; cannam@147: border-bottom-right-radius: 2px; cannam@147: } cannam@147: cannam@147: #forkme_banner { cannam@147: display: ; cannam@147: position: absolute; cannam@147: top:0; cannam@147: right: 230px; cannam@147: z-index: 10; cannam@147: padding: 10px 50px 10px 10px; cannam@147: color: #fff; cannam@147: background: url('../images/blacktocat.png') #333 no-repeat 95% 50%; cannam@147: font-weight: 700; cannam@147: box-shadow: 0 0 10px rgba(0,0,0,.5); cannam@147: border-bottom-left-radius: 2px; cannam@147: border-bottom-right-radius: 2px; cannam@147: } cannam@147: cannam@147: .groups_link { cannam@147: display: inline-block; cannam@147: z-index: 10; cannam@147: padding: 10px 50px 10px 10px; cannam@147: margin: 5px; cannam@147: color: #fff; cannam@147: background: url('../images/groups-logo.png') #0090ff no-repeat 95% 50%; cannam@147: background-color: #0090ff; cannam@147: font-weight: 700; cannam@147: border-top-left-radius: 2px; cannam@147: border-top-right-radius: 2px; cannam@147: border-bottom-left-radius: 2px; cannam@147: border-bottom-right-radius: 2px; cannam@147: } cannam@147: cannam@147: .github_link { cannam@147: display: inline-block; cannam@147: z-index: 10; cannam@147: padding: 10px 50px 10px 10px; cannam@147: margin: 5px; cannam@147: color: #fff; cannam@147: background: url('../images/blacktocat.png') #0090ff no-repeat 95% 50%; cannam@147: background-color: #0090ff; cannam@147: font-weight: 700; cannam@147: border-top-left-radius: 2px; cannam@147: border-top-right-radius: 2px; cannam@147: border-bottom-left-radius: 2px; cannam@147: border-bottom-right-radius: 2px; cannam@147: } cannam@147: cannam@147: .twitter_link { cannam@147: display: inline-block; cannam@147: z-index: 10; cannam@147: padding: 10px 50px 10px 10px; cannam@147: margin: 5px; cannam@147: color: #fff; cannam@147: background: url('../images/twitter.svg') #0090ff no-repeat 95% 50%; cannam@147: background-color: #0090ff; cannam@147: font-weight: 700; cannam@147: border-top-left-radius: 2px; cannam@147: border-top-right-radius: 2px; cannam@147: border-bottom-left-radius: 2px; cannam@147: border-bottom-right-radius: 2px; cannam@147: } cannam@147: cannam@147: .block_link { cannam@147: display: inline-block; cannam@147: z-index: 10; cannam@147: padding: 10px; cannam@147: margin: 5px; cannam@147: color: #fff; cannam@147: background-color: #0090ff; cannam@147: font-weight: 700; cannam@147: border-top-left-radius: 2px; cannam@147: border-top-right-radius: 2px; cannam@147: border-bottom-left-radius: 2px; cannam@147: border-bottom-right-radius: 2px; cannam@147: } cannam@147: cannam@147: #header_wrap { cannam@147: background: #C42727; cannam@147: } cannam@147: cannam@147: #header_wrap .inner { cannam@147: padding: 50px 10px 30px 10px; cannam@147: } cannam@147: cannam@147: #next_banner { cannam@147: position: absolute; cannam@147: left: 100px; cannam@147: right: 100px; cannam@147: top: 100px; cannam@147: z-index: 100; cannam@147: border: 2px solid black; cannam@147: background-color: rgba(196, 196, 196, 0.9); cannam@147: text-align: center; cannam@147: color: black; cannam@147: padding: 30px; cannam@147: } cannam@147: cannam@147: #next_banner h1 { cannam@147: color: black; cannam@147: font-size: 750%; cannam@147: } cannam@147: cannam@147: #next_banner p { cannam@147: margin: 1em 100px; cannam@147: } cannam@147: cannam@147: #project_title { cannam@147: margin: 0; cannam@147: color: #fff; cannam@147: font-size: 42px; cannam@147: font-weight: 700; cannam@147: text-shadow: #111 0px 0px 10px; cannam@147: } cannam@147: cannam@147: #project_tagline { cannam@147: color: #fff; cannam@147: font-size: 24px; cannam@147: font-weight: 300; cannam@147: background: none; cannam@147: text-shadow: #111 0px 0px 10px; cannam@147: } cannam@147: cannam@147: #downloads { cannam@147: position: absolute; cannam@147: width: 210px; cannam@147: z-index: 10; cannam@147: top: 50px; cannam@147: right: 0px; cannam@147: background: url('../images/icon_download.png') no-repeat 0% 90%; cannam@147: } cannam@147: cannam@147: .zip_download_link { cannam@147: display: block; cannam@147: float: right; cannam@147: width: 90px; cannam@147: height:70px; cannam@147: text-indent: -5000px; cannam@147: overflow: hidden; cannam@147: background: url(../images/sprite_download.png) no-repeat bottom left; cannam@147: } cannam@147: cannam@147: .tar_download_link { cannam@147: display: block; cannam@147: float: right; cannam@147: width: 90px; cannam@147: height:70px; cannam@147: text-indent: -5000px; cannam@147: overflow: hidden; cannam@147: background: url(../images/sprite_download.png) no-repeat bottom right; cannam@147: margin-left: 10px; cannam@147: } cannam@147: cannam@147: .zip_download_link:hover { cannam@147: background: url(../images/sprite_download.png) no-repeat top left; cannam@147: } cannam@147: cannam@147: .tar_download_link:hover { cannam@147: background: url(../images/sprite_download.png) no-repeat top right; cannam@147: } cannam@147: cannam@147: #main_content_wrap { cannam@147: background: #f2f2f2; cannam@147: border-top: 1px solid #111; cannam@147: border-bottom: 1px solid #111; cannam@147: } cannam@147: cannam@147: #main_content { cannam@147: padding-top: 40px; cannam@147: } cannam@147: cannam@147: #footer_wrap { cannam@147: background: #212121; cannam@147: } cannam@147: cannam@147: cannam@147: cannam@147: /******************************************************************************* cannam@147: Small Device Styles cannam@147: *******************************************************************************/ cannam@147: cannam@147: @media screen and (max-width: 480px) { cannam@147: body { cannam@147: font-size:14px; cannam@147: } cannam@147: cannam@147: #downloads { cannam@147: display: none; cannam@147: } cannam@147: cannam@147: .inner { cannam@147: min-width: 320px; cannam@147: max-width: 480px; cannam@147: } cannam@147: cannam@147: #project_title { cannam@147: font-size: 32px; cannam@147: } cannam@147: cannam@147: h1 { cannam@147: font-size: 28px; cannam@147: } cannam@147: cannam@147: h2 { cannam@147: font-size: 24px; cannam@147: } cannam@147: cannam@147: h3 { cannam@147: font-size: 21px; cannam@147: } cannam@147: cannam@147: h4 { cannam@147: font-size: 18px; cannam@147: } cannam@147: cannam@147: h5 { cannam@147: font-size: 14px; cannam@147: } cannam@147: cannam@147: h6 { cannam@147: font-size: 12px; cannam@147: } cannam@147: cannam@147: code, pre { cannam@147: font-size: 11px; cannam@147: } cannam@147: cannam@147: #forkme_banner { cannam@147: right: 215px; cannam@147: } cannam@147: cannam@147: #discuss_banner { cannam@147: width: 132px; cannam@147: } cannam@147: } cannam@147: cannam@147: #infinitely_faster img{ cannam@147: position: absolute; cannam@147: left: 600px; cannam@147: top: 266px; cannam@147: z-index: 10; cannam@147: max-width:222px; cannam@147: } cannam@147: cannam@147: body.narrow #infinitely_faster{ cannam@147: display:none; cannam@147: } cannam@147: cannam@147: body.wide #corner_hack, body.normal #corner_hack { cannam@147: position: absolute; cannam@147: left: 0px; cannam@147: top: 209px; cannam@147: right: 0px; cannam@147: height: 10px; cannam@147: background: #212121; cannam@147: } cannam@147: cannam@147: body.wide #corner_hack>div, body.normal #corner_hack>div { cannam@147: margin-left: 249px; cannam@147: height: 10px; cannam@147: border-radius: 10px 0px 0px 0px; cannam@147: background: #f2f2f2; cannam@147: border-top: 1px solid #111; cannam@147: border-left: 1px solid #111; cannam@147: } cannam@147: cannam@147: body.wide #menu, body.normal #menu { cannam@147: position: absolute; cannam@147: left: 50px; cannam@147: top: 494px; cannam@147: width: 250px; cannam@147: z-index: 10; cannam@147: } cannam@147: cannam@147: body.wide #menu.floating, body.normal #menu.floating { cannam@147: position: fixed; cannam@147: top: 50px; cannam@147: } cannam@147: cannam@147: body.narrow #menu { cannam@147: position: relative; cannam@147: max-width: 640px; cannam@147: padding: 50px 10px 0px 10px; cannam@147: margin: 0 auto; cannam@147: } cannam@147: cannam@147: @media screen and (max-width: 480px) { cannam@147: body.narrow #menu { cannam@147: min-width: 320px; cannam@147: max-width: 480px; cannam@147: } cannam@147: } cannam@147: cannam@147: #menu ul { cannam@147: padding: 0; cannam@147: margin: 0; cannam@147: } cannam@147: cannam@147: #menu li { cannam@147: margin: 0; cannam@147: list-style-type: none; cannam@147: background-color: #212121; cannam@147: } cannam@147: #menu>ul>li>a, #menu>ul>li.selected { cannam@147: display: block; cannam@147: padding: 10px 15px 10px 15px; cannam@147: } cannam@147: #menu>ul>li { cannam@147: border-right: 1px solid #111; cannam@147: } cannam@147: cannam@147: body.wide #menu>ul>li:last-child, body.normal #menu>ul>li:last-child { cannam@147: border-radius: 0px 0px 10px 10px; cannam@147: border-bottom: 1px solid #111; cannam@147: } cannam@147: cannam@147: body.wide #menu>ul>li:first-child, body.normal #menu>ul>li:first-child { cannam@147: border-radius: 10px 10px 0px 0px; cannam@147: border-top: 1px solid #111; cannam@147: } cannam@147: cannam@147: body.narrow #menu>ul>li:first-child { cannam@147: border-radius: 10px 10px 0px 0px; cannam@147: } cannam@147: cannam@147: body.narrow #menu>ul>li:last-child { cannam@147: border-radius: 0px 0px 10px 10px; cannam@147: } cannam@147: cannam@147: #menu a { cannam@147: color: #aaa; cannam@147: } cannam@147: cannam@147: #menu li.selected { cannam@147: background-color: #2a2a2a; cannam@147: color: #fff; cannam@147: } cannam@147: cannam@147: #menu li.selected a { cannam@147: color: #fff; cannam@147: } cannam@147: cannam@147: #menu>ul>li:hover { cannam@147: background-color: #2a2a2a; cannam@147: cursor: pointer; cannam@147: } cannam@147: cannam@147: #menu>ul>li.selected:hover { cannam@147: background-color: #2a2a2a; cannam@147: cursor: auto; cannam@147: } cannam@147: cannam@147: #menu>ul>li.selected:hover { cannam@147: cursor: auto; cannam@147: } cannam@147: cannam@147: #menu>ul>li:hover a { cannam@147: color: #eee; cannam@147: } cannam@147: cannam@147: #menu>ul>li.selected:hover a { cannam@147: color: #fff; cannam@147: } cannam@147: cannam@147: ul#toc { cannam@147: background-color: #2a2a2a; cannam@147: margin: 0; cannam@147: font-size: 80%; cannam@147: } cannam@147: cannam@147: #toc ul { cannam@147: margin: 0; cannam@147: padding: 0; cannam@147: } cannam@147: cannam@147: #toc li { cannam@147: padding: 0 0 0 15px; cannam@147: background-color: #2a2a2a; cannam@147: } cannam@147: cannam@147: #menu p { cannam@147: padding: 2px 0 2px 15px; cannam@147: margin: 0; cannam@147: text-indent: -15px; cannam@147: } cannam@147: #menu p:hover { cannam@147: background-color: #313131; cannam@147: cursor: pointer; cannam@147: } cannam@147: cannam@147: table.pass-fail td { text-align: center; vertical-align: middle; } cannam@147: table.pass-fail td:first-child { text-align: left; } cannam@147: table.pass-fail td.pass { background-color: #8f8; } cannam@147: table.pass-fail td.fail { background-color: #f88; } cannam@147: table.pass-fail td.warn { background-color: #ff8; } cannam@147: