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