/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain) */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } /* HTML5 display-role reset for older browsers */ article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* LAYOUT STYLES */ body { font-size: 15px; line-height: 1.5; background: #fafafa url(../images/body-bg.jpg) 0 0 repeat; font-family: 'Helvetica Neue', Helvetica, Arial, serif; font-weight: 400; color: #666; } a { color: #B61616; } a:hover { color: #2268b2; } header { padding-top: 20px; padding-bottom: 10px; font-family: 'Helvetica Neue', Helvetica, Arial, serif; background: #D0D2D4; border-bottom: solid 1px #A5A09F; } header h2 { font-size: 20px; color: #585454; font-weight: bold; line-height: 1.9; letter-spacing: 0; margin: 0.3em 0; } header h2 small { font-size: 15px; } .inner { position: relative; width: 960px; margin: 0 auto; } #content-wrapper { border-top: solid 1px #fff; padding-top: 30px; } #main-content { width: 720px; float: left; } #main-content img { max-width: 100%; } aside#sidebar { width: 200px; padding-left: 20px; min-height: 504px; float: right; background: transparent url(../images/sidebar-bg.jpg) 0 0 no-repeat; font-size: 12px; line-height: 1.3; } aside#sidebar p.repo-owner, aside#sidebar p.repo-owner a { font-weight: bold; } #downloads { margin-bottom: 40px; } .btn { display:inline-block; padding:10px 16px; margin-bottom:0; font-size:16px; font-weight:normal; line-height:1.428571429; vertical-align:middle; cursor:pointer; border:1px solid rgba(143, 143, 143, 1); border-radius:6px; width:165px; white-space:nowrap; -webkit-user-select:none; -moz-user-select:none; -ms-user-select:none; -o-user-select:none; user-select:none } .btn i { float:left; margin-right:15px; } .btn small { display: block; font-size: 11px; } .btn:focus { outline:thin dotted #333; outline:5px auto -webkit-focus-ring-color; outline-offset:-2px } .btn:hover, .btn:focus { color:#333; text-decoration:none; background-color:#ebebeb; border-color:#adadad } aside .btn { margin-bottom: 10px; } .btn:active,.btn.active{outline:0;background-image:none;-webkit-box-shadow:inset 0 3px 5px rgba(0,0,0,0.125);box-shadow:inset 0 3px 5px rgba(0,0,0,0.125)} .btn.disabled,.btn[disabled],fieldset[disabled] .btn{cursor:not-allowed;pointer-events:none;opacity:.65;filter:alpha(opacity=65);-webkit-box-shadow:none;box-shadow:none} .btn-default{color:#333;background-color:#fff;border-color:#ccc} .btn-default:hover,.btn-default:focus,.btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{ color:#333;background-color:#ebebeb;border-color:#adadad} .btn-default:active,.btn-default.active,.open .dropdown-toggle.btn-default{background-image:none} .btn-default.disabled,.btn-default[disabled],fieldset[disabled] .btn-default,.btn-default.disabled:hover,.btn-default[disabled]:hover,fieldset[disabled] .btn-default:hover,.btn-default.disabled:focus,.btn-default[disabled]:focus,fieldset[disabled] .btn-default:focus,.btn-default.disabled:active,.btn-default[disabled]:active,fieldset[disabled] .btn-default:active,.btn-default.disabled.active,.btn-default[disabled].active,fieldset[disabled] .btn-default.active{background-color:#fff;border-color:#ccc} .btn-primary{color:#fff;background-color:#428bca;border-color:#357ebd}.btn-primary:hover,.btn-primary:focus,.btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{color:#fff;background-color:#3276b1;border-color:#285e8e} .btn-primary:active,.btn-primary.active,.open .dropdown-toggle.btn-primary{background-image:none} .btn-primary.disabled,.btn-primary[disabled],fieldset[disabled] .btn-primary,.btn-primary.disabled:hover,.btn-primary[disabled]:hover,fieldset[disabled] .btn-primary:hover,.btn-primary.disabled:focus,.btn-primary[disabled]:focus,fieldset[disabled] .btn-primary:focus,.btn-primary.disabled:active,.btn-primary[disabled]:active,fieldset[disabled] .btn-primary:active,.btn-primary.disabled.active,.btn-primary[disabled].active,fieldset[disabled] .btn-primary.active{background-color:#428bca;border-color:#357ebd} .btn-warning{color:#fff;background-color:#f0ad4e;border-color:#eea236}.btn-warning:hover,.btn-warning:focus,.btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{color:#fff;background-color:#ed9c28;border-color:#d58512} .btn-warning:active,.btn-warning.active,.open .dropdown-toggle.btn-warning{background-image:none} .btn-warning.disabled,.btn-warning[disabled],fieldset[disabled] .btn-warning,.btn-warning.disabled:hover,.btn-warning[disabled]:hover,fieldset[disabled] .btn-warning:hover,.btn-warning.disabled:focus,.btn-warning[disabled]:focus,fieldset[disabled] .btn-warning:focus,.btn-warning.disabled:active,.btn-warning[disabled]:active,fieldset[disabled] .btn-warning:active,.btn-warning.disabled.active,.btn-warning[disabled].active,fieldset[disabled] .btn-warning.active{background-color:#f0ad4e;border-color:#eea236} .btn-danger{color:#fff;background-color:#d9534f;border-color:#d43f3a}.btn-danger:hover,.btn-danger:focus,.btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{color:#fff;background-color:#d2322d;border-color:#ac2925} .btn-danger:active,.btn-danger.active,.open .dropdown-toggle.btn-danger{background-image:none} .btn-danger.disabled,.btn-danger[disabled],fieldset[disabled] .btn-danger,.btn-danger.disabled:hover,.btn-danger[disabled]:hover,fieldset[disabled] .btn-danger:hover,.btn-danger.disabled:focus,.btn-danger[disabled]:focus,fieldset[disabled] .btn-danger:focus,.btn-danger.disabled:active,.btn-danger[disabled]:active,fieldset[disabled] .btn-danger:active,.btn-danger.disabled.active,.btn-danger[disabled].active,fieldset[disabled] .btn-danger.active{background-color:#d9534f;border-color:#d43f3a} .btn-success{color:#fff;background-color:#61ba9e;border-color:#4fb393}.btn-success:hover,.btn-success:focus,.btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{color:#fff;background-color:#49a98a;border-color:#3b8970} .btn-success:active,.btn-success.active,.open .dropdown-toggle.btn-success{background-image:none} .btn-success.disabled,.btn-success[disabled],fieldset[disabled] .btn-success,.btn-success.disabled:hover,.btn-success[disabled]:hover,fieldset[disabled] .btn-success:hover,.btn-success.disabled:focus,.btn-success[disabled]:focus,fieldset[disabled] .btn-success:focus,.btn-success.disabled:active,.btn-success[disabled]:active,fieldset[disabled] .btn-success:active,.btn-success.disabled.active,.btn-success[disabled].active,fieldset[disabled] .btn-success.active{background-color:#61ba9e;border-color:#4fb393} .btn-info{color:#fff;background-color:#5bc0de;border-color:#46b8da}.btn-info:hover,.btn-info:focus,.btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{color:#fff;background-color:#39b3d7;border-color:#269abc} .btn-info:active,.btn-info.active,.open .dropdown-toggle.btn-info{background-image:none} .btn-info.disabled,.btn-info[disabled],fieldset[disabled] .btn-info,.btn-info.disabled:hover,.btn-info[disabled]:hover,fieldset[disabled] .btn-info:hover,.btn-info.disabled:focus,.btn-info[disabled]:focus,fieldset[disabled] .btn-info:focus,.btn-info.disabled:active,.btn-info[disabled]:active,fieldset[disabled] .btn-info:active,.btn-info.disabled.active,.btn-info[disabled].active,fieldset[disabled] .btn-info.active{background-color:#5bc0de;border-color:#46b8da} .btn-link{color:#21b384;font-weight:normal;cursor:pointer;border-radius:0}.btn-link,.btn-link:active,.btn-link[disabled],fieldset[disabled] .btn-link{background-color:transparent;-webkit-box-shadow:none;box-shadow:none} .btn-link,.btn-link:hover,.btn-link:focus,.btn-link:active{border-color:transparent} .btn-link:hover,.btn-link:focus{color:#198764;text-decoration:underline;background-color:transparent} .btn-link[disabled]:hover,fieldset[disabled] .btn-link:hover,.btn-link[disabled]:focus,fieldset[disabled] .btn-link:focus{color:#999;text-decoration:none} .btn-block{display:block;width:100%;padding-left:0;padding-right:0} .btn-block+.btn-block{margin-top:5px} header a.btn { position: absolute; right: 0; top: 11px; color: #555555; } code, pre { font-family: Monaco, "Bitstream Vera Sans Mono", "Lucida Console", Terminal, monospace; color: #222; margin-bottom: 30px; font-size: 13px; } code { background-color: #f2f8fc; border: solid 1px #dbe7f3; padding: 0 3px; } pre { padding: 20px; background: #3A3C42; text-shadow: none; overflow: auto; border: solid 1px #f2f2f2; } pre code { color: #f8f8f2; background-color: #3A3C42; border: none; padding: 0; } ul, ol, dl { margin-bottom: 20px; } /* COMMON STYLES */ hr { height: 1px; line-height: 1px; margin-top: 1em; padding-bottom: 1em; border: none; background: transparent url('../images/hr.png') 0 0 no-repeat; } table { width: 100%; border: 1px solid #ebebeb; } th { font-weight: 500; } td { border: 1px solid #ebebeb; text-align: center; font-weight: 300; } form { background: #f2f2f2; padding: 20px; } /* GENERAL ELEMENT TYPE STYLES */ #main-content h1 { font-family: 'Helvetica Neue', Helvetica, Arial, serif; font-size: 2.8em; letter-spacing: -1px; color: #474747; } #main-content h1:before { content: "{ }"; color: #CE1E07; padding-right: 0.3em; margin-left: -0.9em; } #main-content h2 { font-family: 'Helvetica Neue', Helvetica, Arial, serif; font-size: 22px; font-weight: bold; margin-bottom: 8px; color: #474747; } #main-content h2:before { content: "{ }"; color: #CE1E07; padding-right: 0.3em; margin-left: -1.5em; } #main-content h3 { font-family: 'Helvetica Neue', Helvetica, Arial, serif; font-size: 18px; font-weight: bold; margin-top: 24px; margin-bottom: 8px; color: #474747; } #main-content h3:before { color: #CE1E07; padding-right: 0.3em; margin-left: -2em; } #main-content h4 { font-family: 'Helvetica Neue', Helvetica, Arial, serif; font-size: 15px; font-weight: bold; color: #474747; } h4:before { content: "{ }"; color: #9ddcff; padding-right: 0.3em; margin-left: -2.8em; } #main-content h5 { font-family: 'Helvetica Neue', Helvetica, Arial, serif; font-size: 14px; color: #474747; } h5:before { content: "{*}"; color: #9ddcff; padding-right: 0.3em; margin-left: -3.2em; } #main-content h6 { font-family: 'Helvetica Neue', Helvetica, Arial, serif; font-size: .8em; color: #474747; } h6:before { content: "{ }"; color: #9ddcff; padding-right: 0.3em; margin-left: -3.7em; } p { margin-bottom: 20px; } a { text-decoration: none; } p a { font-weight: 400; } blockquote { font-size: 1.6em; border-left: 10px solid #e9e9e9; margin-bottom: 20px; padding: 0 0 0 30px; } ul { list-style: disc inside; padding-left: 20px; } ol { list-style: decimal inside; padding-left: 3px; } dl dd { font-style: italic; font-weight: 100; } footer { background: transparent url('../images/hr.png') 0 0 no-repeat; margin-top: 40px; padding-top: 20px; padding-bottom: 30px; font-size: 13px; color: #aaa; } footer a { color: #666; } footer a:hover { color: #444; } /* MISC */ .clearfix:after { clear: both; content: '.'; display: block; visibility: hidden; height: 0; } .clearfix {display: inline-block;} * html .clearfix {height: 1%;} .clearfix {display: block;} /* #Media Queries ================================================== */ /* Smaller than standard 960 (devices and browsers) */ @media only screen and (max-width: 959px) {} /* Tablet Portrait size to standard 960 (devices and browsers) */ @media only screen and (min-width: 768px) and (max-width: 959px) { .inner { width: 740px; } header h1, header h2 { width: 340px; } header h1 { font-size: 60px; } header h2 { font-size: 30px; } #main-content { width: 490px; } #main-content h1:before, #main-content h2:before, #main-content h3:before, #main-content h4:before, #main-content h5:before, #main-content h6:before { content: none; padding-right: 0; margin-left: 0; } } /* All Mobile Sizes (devices and browser) */ @media only screen and (max-width: 767px) { .inner { width: 93%; } header { padding: 20px 0; } header .inner { position: relative; } header h1, header h2 { width: 100%; } header h1 { font-size: 48px; } header h2 { font-size: 24px; } header a.button { background-image: none; width: auto; height: auto; display: inline-block; margin-top: 15px; padding: 5px 10px; position: relative; text-align: center; font-size: 13px; line-height: 1; background-color: #9ddcff; color: #2879d0; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; } header a.button small { font-size: 13px; display: inline; } #main-content, aside#sidebar { float: none; width: 100% ! important; } aside#sidebar { background-image: none; margin-top: 20px; border-top: solid 1px #ddd; padding: 20px 0; min-height: 0; } aside#sidebar a.button { display: none; } #main-content h1:before, #main-content h2:before, #main-content h3:before, #main-content h4:before, #main-content h5:before, #main-content h6:before { content: none; padding-right: 0; margin-left: 0; } } /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */ @media only screen and (min-width: 480px) and (max-width: 767px) {} /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */ @media only screen and (max-width: 479px) {}