From a1e1c287f6f5dc6552d5c14323b4b842f7dc8ac3 Mon Sep 17 00:00:00 2001 From: Viktor Gamov Date: Wed, 11 Sep 2013 10:15:59 -0400 Subject: [PATCH] updated stylesheets --- stylesheets/asciidoctor.css | 457 ++++++++++++++++++++++++++-------- stylesheets/colony.css | 152 ++++++++---- stylesheets/foundation.css | 455 ++++++++++++++++++++++++++-------- stylesheets/riak.css | 471 +++++++++++++++++++++++++++--------- 4 files changed, 1164 insertions(+), 371 deletions(-) diff --git a/stylesheets/asciidoctor.css b/stylesheets/asciidoctor.css index 57d32827..3f346a3b 100644 --- a/stylesheets/asciidoctor.css +++ b/stylesheets/asciidoctor.css @@ -1,5 +1,5 @@ -@import url(http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css); -/* normalize.css v2.1.0 | MIT License | git.io/normalize */ +@import url(http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.0/css/font-awesome.css); +/* normalize.css v2.1.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } @@ -14,8 +14,8 @@ audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ -/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ -html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } +/** 1. Prevent system color scheme's background color being used in Firefox, IE, and Opera. 2. Prevent system color scheme's text color being used in Firefox, IE, and Opera. 3. Set default font family to sans-serif. 4. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ +html { background: #fff; /* 1 */ color: #000; /* 2 */ font-family: sans-serif; /* 3 */ -ms-text-size-adjust: 100%; /* 4 */ -webkit-text-size-adjust: 100%; /* 4 */ } /** Remove default margin. */ body { margin: 0; } @@ -47,7 +47,7 @@ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } /** Correct font family set oddly in Safari 5 and Chrome. */ -code, tt, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } +code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } @@ -121,7 +121,9 @@ table { border-collapse: collapse; border-spacing: 0; } html, body { font-size: 100%; } -body { background: white; color: #222222; padding: 0; margin: 0; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; } +body { background: white; color: #222222; padding: 0; margin: 0; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: auto; } + +a:hover { cursor: pointer; } a:focus { outline: none; } @@ -149,16 +151,158 @@ img { -ms-interpolation-mode: bicubic; } .antialiased, body { -webkit-font-smoothing: antialiased; } -img { display: inline-block; } +img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } /* Grid HTML Classes */ -p.lead, #preamble > .sectionbody > .paragraph:first-of-type p { font-size: 1.21875em; line-height: 1.6; } - -.subheader, .admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .ulist > .title, .olist > .title, .dlist > .title, .qlist > .title, .tableblock > caption { line-height: 1.4; color: #7a2518; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } +.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; } +.row:before, .row:after { content: " "; display: table; } +.row:after { clear: both; } +.row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; float: left; } +.row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } +.row .row:before, .row .row:after { content: " "; display: table; } +.row .row:after { clear: both; } +.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } +.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } +.row .row.collapse:after { clear: both; } + +.column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } + +@media only screen { .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } + .small-1 { position: relative; width: 8.33333%; } + .small-2 { position: relative; width: 16.66667%; } + .small-3 { position: relative; width: 25%; } + .small-4 { position: relative; width: 33.33333%; } + .small-5 { position: relative; width: 41.66667%; } + .small-6 { position: relative; width: 50%; } + .small-7 { position: relative; width: 58.33333%; } + .small-8 { position: relative; width: 66.66667%; } + .small-9 { position: relative; width: 75%; } + .small-10 { position: relative; width: 83.33333%; } + .small-11 { position: relative; width: 91.66667%; } + .small-12 { position: relative; width: 100%; } + .small-offset-0 { position: relative; margin-left: 0%; } + .small-offset-1 { position: relative; margin-left: 8.33333%; } + .small-offset-2 { position: relative; margin-left: 16.66667%; } + .small-offset-3 { position: relative; margin-left: 25%; } + .small-offset-4 { position: relative; margin-left: 33.33333%; } + .small-offset-5 { position: relative; margin-left: 41.66667%; } + .small-offset-6 { position: relative; margin-left: 50%; } + .small-offset-7 { position: relative; margin-left: 58.33333%; } + .small-offset-8 { position: relative; margin-left: 66.66667%; } + .small-offset-9 { position: relative; margin-left: 75%; } + .small-offset-10 { position: relative; margin-left: 83.33333%; } + [class*="column"] + [class*="column"]:last-child { float: right; } + [class*="column"] + [class*="column"].end { float: left; } + .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } } +/* Styles for screens that are atleast 768px; */ +@media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; } + .large-2 { position: relative; width: 16.66667%; } + .large-3 { position: relative; width: 25%; } + .large-4 { position: relative; width: 33.33333%; } + .large-5 { position: relative; width: 41.66667%; } + .large-6 { position: relative; width: 50%; } + .large-7 { position: relative; width: 58.33333%; } + .large-8 { position: relative; width: 66.66667%; } + .large-9 { position: relative; width: 75%; } + .large-10 { position: relative; width: 83.33333%; } + .large-11 { position: relative; width: 91.66667%; } + .large-12 { position: relative; width: 100%; } + .row .large-offset-0 { position: relative; margin-left: 0%; } + .row .large-offset-1 { position: relative; margin-left: 8.33333%; } + .row .large-offset-2 { position: relative; margin-left: 16.66667%; } + .row .large-offset-3 { position: relative; margin-left: 25%; } + .row .large-offset-4 { position: relative; margin-left: 33.33333%; } + .row .large-offset-5 { position: relative; margin-left: 41.66667%; } + .row .large-offset-6 { position: relative; margin-left: 50%; } + .row .large-offset-7 { position: relative; margin-left: 58.33333%; } + .row .large-offset-8 { position: relative; margin-left: 66.66667%; } + .row .large-offset-9 { position: relative; margin-left: 75%; } + .row .large-offset-10 { position: relative; margin-left: 83.33333%; } + .row .large-offset-11 { position: relative; margin-left: 91.66667%; } + .push-1 { position: relative; left: 8.33333%; right: auto; } + .pull-1 { position: relative; right: 8.33333%; left: auto; } + .push-2 { position: relative; left: 16.66667%; right: auto; } + .pull-2 { position: relative; right: 16.66667%; left: auto; } + .push-3 { position: relative; left: 25%; right: auto; } + .pull-3 { position: relative; right: 25%; left: auto; } + .push-4 { position: relative; left: 33.33333%; right: auto; } + .pull-4 { position: relative; right: 33.33333%; left: auto; } + .push-5 { position: relative; left: 41.66667%; right: auto; } + .pull-5 { position: relative; right: 41.66667%; left: auto; } + .push-6 { position: relative; left: 50%; right: auto; } + .pull-6 { position: relative; right: 50%; left: auto; } + .push-7 { position: relative; left: 58.33333%; right: auto; } + .pull-7 { position: relative; right: 58.33333%; left: auto; } + .push-8 { position: relative; left: 66.66667%; right: auto; } + .pull-8 { position: relative; right: 66.66667%; left: auto; } + .push-9 { position: relative; left: 75%; right: auto; } + .pull-9 { position: relative; right: 75%; left: auto; } + .push-10 { position: relative; left: 83.33333%; right: auto; } + .pull-10 { position: relative; right: 83.33333%; left: auto; } + .push-11 { position: relative; left: 91.66667%; right: auto; } + .pull-11 { position: relative; right: 91.66667%; left: auto; } + .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } + .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; } + .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } } +/* Image Thumbnails */ +.th { line-height: 0; display: inline-block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; } +.th:hover, .th:focus { -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); } +.th.radius { -webkit-border-radius: 3px; border-radius: 3px; } + +a.th { display: inline-block; } + +button, .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #2ba6cb; border-color: #2284a1; color: white; } +button:hover, button:focus, .button:hover, .button:focus { background-color: #2284a1; } +button:hover, button:focus, .button:hover, .button:focus { color: white; } +button.secondary, .button.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; } +button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; } +button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } +button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; } +button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #457a1a; } +button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } +button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: white; } +button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #970b0e; } +button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } +button.large, .button.large { padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em; } +button.small, .button.small { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.8125em; } +button.tiny, .button.tiny { padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.6875em; } +button.expand, .button.expand { padding-right: 0px; padding-left: 0px; width: 100%; } +button.left-align, .button.left-align { text-align: left; text-indent: 0.75em; } +button.right-align, .button.right-align { text-align: right; padding-right: 0.75em; } +button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #2ba6cb; border-color: #2284a1; color: white; cursor: auto; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } +button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2284a1; } +button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; } +button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2ba6cb; } +button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; cursor: auto; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } +button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #d0d0d0; } +button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } +button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; } +button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: white; cursor: auto; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } +button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #457a1a; } +button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; } +button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; } +button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: white; cursor: auto; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } +button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #970b0e; } +button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; } +button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; } + +button, .button { padding-top: 0.8125em; padding-bottom: 0.75em; -webkit-appearance: none; } +button.tiny, .button.tiny { padding-top: 0.5em; padding-bottom: 0.4375em; -webkit-appearance: none; } +button.small, .button.small { padding-top: 0.625em; padding-bottom: 0.5625em; -webkit-appearance: none; } +button.large, .button.large { padding-top: 1.03125em; padding-bottom: 1.03125em; -webkit-appearance: none; } + +@media only screen { button, .button { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } + button:active, .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } + button.radius, .button.radius { -webkit-border-radius: 3px; border-radius: 3px; } + button.round, .button.round { -webkit-border-radius: 1000px; border-radius: 1000px; } } +@media only screen and (min-width: 768px) { button, .button { display: inline-block; } } +p.lead, .paragraph.lead > p, #preamble > .sectionbody > .paragraph:first-of-type p { font-size: 1.21875em; line-height: 1.6; } + +.subheader, #content #toctitle, .admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .videoblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title, .tableblock > caption { line-height: 1.4; color: #7a2518; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } @@ -173,7 +317,7 @@ p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.6; p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; } /* Default header styles */ -h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { font-family: "Lucida Grande", Georgia, Verdana, "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #ba3925; text-rendering: optimizeLegibility; margin-top: 1em; margin-bottom: 0.5em; line-height: 1.2125em; } +h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { font-family: Georgia, "URW Bookman L", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; color: #ba3925; text-rendering: optimizeLegibility; margin-top: 1em; margin-bottom: 0.5em; line-height: 1.2125em; } h1 small, h2 small, h3 small, #toctitle small, .sidebarblock > .content > .title small, h4 small, h5 small, h6 small { font-size: 60%; color: #e99b8f; line-height: 0; } h1 { font-size: 2.125em; } @@ -197,13 +341,15 @@ strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } -code, tt { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #6d180b; } +code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; color: #6d180b; } /* Lists */ ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; } +ul, ol { margin-left: 1.5em; } + /* Unordered Lists */ -ul li ul, ul li ol { margin-left: 1.5em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } +ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; } ul.circle { list-style-type: circle; } @@ -211,7 +357,7 @@ ul.disc { list-style-type: disc; } ul.no-bullet { list-style: none; } /* Ordered Lists */ -ol li ul, ol li ol { margin-left: 1.5em; margin-bottom: 0; } +ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3125em; font-weight: bold; } @@ -236,9 +382,9 @@ blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; } .vcard .fn { font-weight: bold; font-size: 0.9375em; } .vevent .summary { font-weight: bold; } -.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; } +.vevent abbr { cursor: auto; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; } -@media only screen and (min-width: 48em) { h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.4; } +@media only screen and (min-width: 768px) { h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 2.75em; } h2 { font-size: 2.3125em; } h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.6875em; } @@ -271,43 +417,79 @@ table tr th, table tr td { padding: 0.5625em 0.625em; font-size: inherit; color: table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.6; } -pre > code, pre > tt { color: #222222; } +.clearfix:before, .clearfix:after, .float-group:before, .float-group:after { content: " "; display: table; } +.clearfix:after, .float-group:after { clear: both; } + +*:not(pre) > code { font-size: 0.9375em; padding: 1px 3px 0; white-space: nowrap; background-color: #f2f2f2; border: 1px solid #cccccc; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; } + +pre, pre > code { line-height: 1.4; color: inherit; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; } + +kbd.keyseq { color: #555555; } -tt { font-size: 0.9375em; padding: 1px 3px 0; white-space: nowrap; background-color: #f2f2f2; border: 1px solid #cccccc; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; } +kbd:not(.keyseq) { display: inline-block; color: #222222; font-size: 0.75em; line-height: 1.4; background-color: #F7F7F7; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; margin: -0.15em 0.15em 0 0.15em; padding: 0.2em 0.6em 0.2em 0.5em; vertical-align: middle; white-space: nowrap; } -p a > tt { display: inline-block; height: 1.45em; padding-top: 0; padding-bottom: 0; } +kbd kbd:first-child { margin-left: 0; } -a > tt { border-bottom: 1px solid #005498; } +kbd kbd:last-child { margin-right: 0; } -a > tt:hover { border-bottom: 1px solid #00467f; } +.menuseq, .menu { color: #090909; } + +p a > code:hover { color: #561309; } #header, #content, #footnotes, #footer { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; position: relative; padding-left: 0.9375em; padding-right: 0.9375em; } #header:before, #header:after, #content:before, #content:after, #footnotes:before, #footnotes:after, #footer:before, #footer:after { content: " "; display: table; } #header:after, #content:after, #footnotes:after, #footer:after { clear: both; } #header { margin-bottom: 2.5em; } -#header > h1 { color: black; border-bottom: 1px solid #dddddd; margin-bottom: -28px; padding-bottom: 32px; } +#header > h1 { color: black; font-weight: normal; border-bottom: 1px solid #dddddd; margin-bottom: -28px; padding-bottom: 32px; } #header span { color: #6f6f6f; } #header #revnumber { text-transform: capitalize; } #header br { display: none; } #header br + span { padding-left: 3px; } #header br + span:before { content: "\2013 \0020"; } +#header br + span.author { padding-left: 0; } +#header br + span.author:before { content: ", "; } #toc { border-bottom: 3px double #ebebeb; padding-bottom: 1.25em; } -#toc > ol { margin-left: 0.25em; } -#toc ol { list-style-type: none; } +#toc > ul { margin-left: 0.25em; } +#toc ul.sectlevel0 > li > a { font-style: italic; } +#toc ul.sectlevel0 ul.sectlevel1 { margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } +#toc ul { list-style-type: none; } #toctitle { color: #7a2518; } +@media only screen and (min-width: 1280px) { body.toc2 { padding-left: 20em; } + #toc.toc2 { position: fixed; width: 20em; left: 0; top: 0; border-right: 1px solid #ebebeb; border-bottom: 0; z-index: 1000; padding: 1em; height: 100%; overflow: auto; } + #toc.toc2 #toctitle { margin-top: 0; } + #toc.toc2 > ul { font-size: .95em; } + #toc.toc2 ul ul { margin-left: 0; padding-left: 1.25em; } + #toc.toc2 ul.sectlevel0 ul.sectlevel1 { padding-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } + body.toc2.toc-right { padding-left: 0; padding-right: 20em; } + body.toc2.toc-right #toc.toc2 { border-right: 0; border-left: 1px solid #ebebeb; left: auto; right: 0; } } +#content #toc { border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2; border-width: 0; -webkit-border-radius: 4px; border-radius: 4px; } +#content #toc > :first-child { margin-top: 0; } +#content #toc > :last-child { margin-bottom: 0; } +#content #toc a { text-decoration: none; } + +#content #toctitle { font-weight: bold; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 1em; padding-left: 0.125em; } + #footer { max-width: 100%; background-color: #222222; padding: 1.25em; } #footer-text { color: #dddddd; line-height: 1.44; } -.sect1 { border-bottom: 3px double #ebebeb; padding-bottom: 1.25em; } +.sect1 { padding-bottom: 1.25em; } + +.sect1 + .sect1 { border-top: 3px double #ebebeb; } -.sect1:last-of-type { border-bottom: 0; } +#content h1 > a.anchor, h2 > a.anchor, h3 > a.anchor, #toctitle > a.anchor, .sidebarblock > .content > .title > a.anchor, h4 > a.anchor, h5 > a.anchor, h6 > a.anchor { position: absolute; width: 1em; margin-left: -1em; display: block; text-decoration: none; visibility: hidden; text-align: center; font-weight: normal; } +#content h1 > a.anchor:before, h2 > a.anchor:before, h3 > a.anchor:before, #toctitle > a.anchor:before, .sidebarblock > .content > .title > a.anchor:before, h4 > a.anchor:before, h5 > a.anchor:before, h6 > a.anchor:before { content: '\00A7'; font-size: .85em; vertical-align: text-top; display: block; margin-top: 0.05em; } +#content h1:hover > a.anchor, #content h1 > a.anchor:hover, h2:hover > a.anchor, h2 > a.anchor:hover, h3:hover > a.anchor, #toctitle:hover > a.anchor, .sidebarblock > .content > .title:hover > a.anchor, h3 > a.anchor:hover, #toctitle > a.anchor:hover, .sidebarblock > .content > .title > a.anchor:hover, h4:hover > a.anchor, h4 > a.anchor:hover, h5:hover > a.anchor, h5 > a.anchor:hover, h6:hover > a.anchor, h6 > a.anchor:hover { visibility: visible; } +#content h1 > a.link, h2 > a.link, h3 > a.link, #toctitle > a.link, .sidebarblock > .content > .title > a.link, h4 > a.link, h5 > a.link, h6 > a.link { color: #ba3925; text-decoration: none; } +#content h1 > a.link:hover, h2 > a.link:hover, h3 > a.link:hover, #toctitle > a.link:hover, .sidebarblock > .content > .title > a.link:hover, h4 > a.link:hover, h5 > a.link:hover, h6 > a.link:hover { color: #a53221; } -.admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .ulist > .title, .olist > .title, .dlist > .title, .qlist > .title { text-align: left; font-weight: bold; } +.imageblock, .literalblock, .listingblock, .verseblock, .videoblock { margin-bottom: 1.25em; } + +.admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .videoblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { text-align: left; font-weight: bold; } .tableblock > caption { text-align: left; font-weight: bold; white-space: nowrap; overflow: visible; max-width: 0; } @@ -317,49 +499,72 @@ table.tableblock #preamble > .sectionbody > .paragraph:first-of-type p { font-si .admonitionblock > table td.icon { text-align: center; width: 80px; } .admonitionblock > table td.icon img { max-width: none; } .admonitionblock > table td.icon .title { font-weight: bold; text-transform: uppercase; } -.admonitionblock > table td.content { padding-left: 1.125em; padding-right: 1.25em; border-left: 2px solid #dddddd; color: #6f6f6f; } -.admonitionblock > table td.content > .paragraph:last-child > p { margin-bottom: 0; } +.admonitionblock > table td.content { padding-left: 1.125em; padding-right: 1.25em; border-left: 1px solid #dddddd; color: #6f6f6f; } +.admonitionblock > table td.content > :last-child > :last-child { margin-bottom: 0; } .exampleblock > .content { border-style: solid; border-width: 1px; border-color: #e6e6e6; margin-bottom: 1.25em; padding: 1.25em; background: white; -webkit-border-radius: 4px; border-radius: 4px; } -.exampleblock > .content h1, .exampleblock > .content h2, .exampleblock > .content h3, .exampleblock > .content #toctitle, .sidebarblock.exampleblock > .content > .title, .exampleblock > .content h4, .exampleblock > .content h5, .exampleblock > .content h6, .exampleblock > .content p { color: #333333; } .exampleblock > .content > :first-child { margin-top: 0; } .exampleblock > .content > :last-child { margin-bottom: 0; } +.exampleblock > .content h1, .exampleblock > .content h2, .exampleblock > .content h3, .exampleblock > .content #toctitle, .sidebarblock.exampleblock > .content > .title, .exampleblock > .content h4, .exampleblock > .content h5, .exampleblock > .content h6, .exampleblock > .content p { color: #333333; } .exampleblock > .content h1, .exampleblock > .content h2, .exampleblock > .content h3, .exampleblock > .content #toctitle, .sidebarblock.exampleblock > .content > .title, .exampleblock > .content h4, .exampleblock > .content h5, .exampleblock > .content h6 { line-height: 1; margin-bottom: 0.625em; } .exampleblock > .content h1.subheader, .exampleblock > .content h2.subheader, .exampleblock > .content h3.subheader, .exampleblock > .content .subheader#toctitle, .sidebarblock.exampleblock > .content > .subheader.title, .exampleblock > .content h4.subheader, .exampleblock > .content h5.subheader, .exampleblock > .content h6.subheader { line-height: 1.4; } -.exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child { margin-bottom: 0; } .exampleblock.result > .content { -webkit-box-shadow: 0 1px 8px #d9d9d9; box-shadow: 0 1px 8px #d9d9d9; } -.imageblock { margin-bottom: 1.25em; } - .sidebarblock { border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2; -webkit-border-radius: 4px; border-radius: 4px; } -.sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6, .sidebarblock p { color: #333333; } .sidebarblock > :first-child { margin-top: 0; } .sidebarblock > :last-child { margin-bottom: 0; } +.sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6, .sidebarblock p { color: #333333; } .sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6 { line-height: 1; margin-bottom: 0.625em; } .sidebarblock h1.subheader, .sidebarblock h2.subheader, .sidebarblock h3.subheader, .sidebarblock .subheader#toctitle, .sidebarblock > .content > .subheader.title, .sidebarblock h4.subheader, .sidebarblock h5.subheader, .sidebarblock h6.subheader { line-height: 1.4; } .sidebarblock > .content > .title { color: #7a2518; margin-top: 0; line-height: 1.6; } -.sidebarblock > .content > .paragraph:last-child p { margin-bottom: 0; } - -.literalblock, .listingblock { margin-bottom: 1.25em; } -.literalblock > .content > pre, .listingblock > .content > pre { background: none; color: inherit; font-family: Consolas, "Liberation Mono", Courier, monospace; border-width: 1px 0; border-style: dotted; border-color: #bfbfbf; -webkit-border-radius: 4px; border-radius: 4px; padding: 0.75em 0.75em 0.5em 0.75em; white-space: pre; overflow-x: auto; line-height: 1.6; } -.literalblock > .content > pre > code, .literalblock > .content > pre > tt, .listingblock > .content > pre > code, .listingblock > .content > pre > tt { color: inherit; font-family: Consolas, "Liberation Mono", Courier, monospace; padding: 0; background: none; font-weight: normal; } -@media only screen { .literalblock > .content > pre, .listingblock > .content > pre { font-size: 0.8em; } } -@media only screen and (min-width: 48em) { .literalblock > .content > pre, .listingblock > .content > pre { font-size: 0.9em; } } -@media only screen and (min-width: 80em) { .literalblock > .content > pre, .listingblock > .content > pre { font-size: 1em; } } - -.listingblock:hover .xml:before { content: "xml"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .html:before { content: "html"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .ruby:before { content: "ruby"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .asciidoc:before { content: "asciidoc"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .java:before { content: "java"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .css:before { content: "css"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .scss:before { content: "scss"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } + +.exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child, .exampleblock > .content .qlist > ol > li:last-child > :last-child, .sidebarblock > .content > :last-child > :last-child, .sidebarblock > .content .olist > ol > li:last-child > :last-child, .sidebarblock > .content .ulist > ul > li:last-child > :last-child, .sidebarblock > .content .qlist > ol > li:last-child > :last-child { margin-bottom: 0; } + +.literalblock > .content pre, .listingblock > .content pre { background: none; border-width: 1px 0; border-style: dotted; border-color: #bfbfbf; -webkit-border-radius: 4px; border-radius: 4px; padding: 0.75em 0.75em 0.5em 0.75em; word-wrap: break-word; } +.literalblock > .content pre.nowrap, .listingblock > .content pre.nowrap { overflow-x: auto; white-space: pre; word-wrap: normal; } +.literalblock > .content pre > code, .listingblock > .content pre > code { display: block; } +@media only screen { .literalblock > .content pre, .listingblock > .content pre { font-size: 0.8em; } } +@media only screen and (min-width: 768px) { .literalblock > .content pre, .listingblock > .content pre { font-size: 0.9em; } } +@media only screen and (min-width: 1280px) { .literalblock > .content pre, .listingblock > .content pre { font-size: 1em; } } + +.listingblock > .content { position: relative; } + +.listingblock:hover code[class*=" language-"]:before { text-transform: uppercase; font-size: 0.9em; color: #999; position: absolute; top: 0.375em; right: 0.375em; } + +.listingblock:hover code.asciidoc:before { content: "asciidoc"; } +.listingblock:hover code.clojure:before { content: "clojure"; } +.listingblock:hover code.css:before { content: "css"; } +.listingblock:hover code.groovy:before { content: "groovy"; } +.listingblock:hover code.html:before { content: "html"; } +.listingblock:hover code.java:before { content: "java"; } +.listingblock:hover code.javascript:before { content: "javascript"; } +.listingblock:hover code.python:before { content: "python"; } +.listingblock:hover code.ruby:before { content: "ruby"; } +.listingblock:hover code.scss:before { content: "scss"; } +.listingblock:hover code.xml:before { content: "xml"; } +.listingblock:hover code.yaml:before { content: "yaml"; } + +.listingblock.terminal pre .command:before { content: attr(data-prompt); padding-right: 0.5em; color: #999; } + +.listingblock.terminal pre .command:not([data-prompt]):before { content: '$'; } + +table.pyhltable { border: 0; margin-bottom: 0; } + +table.pyhltable td { vertical-align: top; padding-top: 0; padding-bottom: 0; } + +table.pyhltable td.code { padding-left: .75em; padding-right: 0; } + +.highlight.pygments .lineno, table.pyhltable td:not(.code) { color: #999; padding-left: 0; padding-right: .5em; border-right: 1px solid #dddddd; } + +.highlight.pygments .lineno { display: inline-block; margin-right: .25em; } + +table.pyhltable .linenodiv { background-color: transparent !important; padding-right: 0 !important; } .quoteblock { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #dddddd; } -.quoteblock blockquote { margin: 0 0 1.25em 0; padding: 0; border: 0; } +.quoteblock blockquote { margin: 0 0 1.25em 0; padding: 0 0 0.5625em 0; border: 0; } .quoteblock blockquote > .paragraph:last-child p { margin-bottom: 0; } -.quoteblock .attribution { padding-bottom: 0.5625em; font-size: inherit; color: #555555; } +.quoteblock .attribution { margin-top: -.25em; padding-bottom: 0.5625em; font-size: inherit; color: #555555; } .quoteblock .attribution br { display: none; } .quoteblock .attribution cite { display: block; margin-bottom: 0.625em; } @@ -379,30 +584,44 @@ th.tableblock.halign-right, td.tableblock.halign-right { text-align: right; } th.tableblock.halign-center, td.tableblock.halign-center { text-align: center; } -th.tableblock.halign-top, td.tableblock.halign-top { vertical-align: top; } +th.tableblock.valign-top, td.tableblock.valign-top { vertical-align: top; } -th.tableblock.halign-bottom, td.tableblock.halign-bottom { vertical-align: bottom; } +th.tableblock.valign-bottom, td.tableblock.valign-bottom { vertical-align: bottom; } -th.tableblock.halign-middle, td.tableblock.halign-middle { vertical-align: middle; } +th.tableblock.valign-middle, td.tableblock.valign-middle { vertical-align: middle; } -p.tableblock.header { font-weight: bold; } +p.tableblock.header { color: #222222; font-weight: bold; } td > div.verse { white-space: pre; } -ul { margin-left: 1.75em; } +ol { margin-left: 1.75em; } -ol { margin-left: 1.875em; } +ul li ol { margin-left: 1.5em; } dl dd { margin-left: 1.125em; } dl dd:last-child, dl dd:last-child > :last-child { margin-bottom: 0; } -.unstyled dl dt { font-weight: normal; font-style: normal; } +ol > li p, ul > li p, ul dd, ol dd, .olist .olist, .ulist .ulist, .ulist .olist, .olist .ulist { margin-bottom: 0.625em; } + +ul.unstyled, ol.unnumbered, ul.checklist, ul.none { list-style-type: none; } + +ul.unstyled, ol.unnumbered, ul.checklist { margin-left: 0.625em; } + +ul.checklist li > p:first-child > i[class^="icon-check"]:first-child, ul.checklist li > p:first-child > input[type="checkbox"]:first-child { margin-right: 0.25em; } + +ul.checklist li > p:first-child > input[type="checkbox"]:first-child { position: relative; top: 1px; } -ol > li p, ul > li p, ul dd, ol dd { margin-bottom: 0.625em; } +ul.inline { margin: 0 auto 0.625em auto; margin-left: -1.375em; margin-right: 0; padding: 0; list-style: none; overflow: hidden; } +ul.inline > li { list-style: none; float: left; margin-left: 1.375em; display: block; } +ul.inline > li > * { display: block; } + +.unstyled dl dt { font-weight: normal; font-style: normal; } ol.arabic { list-style-type: decimal; } +ol.decimal { list-style-type: decimal-leading-zero; } + ol.loweralpha { list-style-type: lower-alpha; } ol.upperalpha { list-style-type: upper-alpha; } @@ -411,113 +630,139 @@ ol.lowerroman { list-style-type: lower-roman; } ol.upperroman { list-style-type: upper-roman; } +ol.lowergreek { list-style-type: lower-greek; } + .hdlist > table, .colist > table { border: 0; background: none; } .hdlist > table > tbody > tr, .colist > table > tbody > tr { background: none; } +td.hdlist1 { padding-right: .8em; font-weight: bold; } + +td.hdlist1, td.hdlist2 { vertical-align: top; } + .literalblock + .colist, .listingblock + .colist { margin-top: -0.5em; } .colist > table tr > td:first-of-type { padding: 0 .8em; line-height: 1; } .colist > table tr > td:last-of-type { padding: 0.25em 0; } -td.hdlist1 { vertical-align: top; padding-right: .8em; } +.qanda > ol > li > p > em:only-child { color: #00467f; } -.qanda > ol > li > p:first-child { color: #00467f; } +.thumb, .th { line-height: 0; display: inline-block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); } + +.imageblock.left, .imageblock[style*="float: left"] { margin: 0.25em 0.625em 1.25em 0; } +.imageblock.right, .imageblock[style*="float: right"] { margin: 0.25em 0 1.25em 0.625em; } +.imageblock > .title { margin-bottom: 0; } +.imageblock.thumb, .imageblock.th { border-width: 6px; } +.imageblock.thumb > .title, .imageblock.th > .title { padding: 0 0.125em; } + +.image.left, .image.right { margin-top: 0.25em; margin-bottom: 0.25em; display: inline-block; line-height: 0; } +.image.left { margin-right: 0.625em; } +.image.right { margin-left: 0.625em; } + +a.image { text-decoration: none; } span.footnote, span.footnoteref { vertical-align: super; font-size: 0.875em; } span.footnote a, span.footnoteref a { text-decoration: none; } -#footnotes { padding: 0.75em 0.375em; margin-bottom: 1.25em; border-top: 1px solid #dddddd; } -#footnotes hr { display: none; } -#footnotes .footnote { line-height: 1.3; font-size: 0.875em; margin-left: 1.2em; text-indent: -1.2em; margin-bottom: .2em; } -#footnotes .footnote a { font-weight: bold; text-decoration: none; } +#footnotes { padding-top: 0.75em; padding-bottom: 0.75em; margin-bottom: 0.625em; } +#footnotes hr { width: 20%; min-width: 6.25em; margin: -.25em 0 .75em 0; border-width: 1px 0 0 0; } +#footnotes .footnote { padding: 0 0.375em; line-height: 1.3; font-size: 0.875em; margin-left: 1.2em; text-indent: -1.2em; margin-bottom: .2em; } +#footnotes .footnote a:first-of-type { font-weight: bold; text-decoration: none; } #footnotes .footnote:last-of-type { margin-bottom: 0; } +#content #footnotes { margin-top: -0.625em; margin-bottom: 0; padding: 0.75em 0; } + .gist .file-data > table { border: none; background: #fff; width: 100%; margin-bottom: 0; } .gist .file-data > table td.line-data { width: 99%; } -.unbreakable { page-break-inside: avoid; } +div.unbreakable { page-break-inside: avoid; } + +.big { font-size: larger; } -span.big { font-size: larger; } +.small { font-size: smaller; } -span.small { font-size: smaller; } +.underline { text-decoration: underline; } -span.underline { text-decoration: underline; } +.overline { text-decoration: overline; } -span.overline { text-decoration: overline; } +.line-through { text-decoration: line-through; } -span.line-through { text-decoration: line-through; } +.aqua { color: #00bfbf; } -span.aqua { color: #00bfbf; } +.aqua-background { background-color: #00fafa; } -span.aqua-background { background-color: #00fafa; } +.black { color: black; } -span.black { color: black; } +.black-background { background-color: black; } -span.black-background { background-color: black; } +.blue { color: #0000bf; } -span.blue { color: #0000bf; } +.blue-background { background-color: #0000fa; } -span.blue-background { background-color: #0000fa; } +.fuchsia { color: #bf00bf; } -span.fuchsia { color: #bf00bf; } +.fuchsia-background { background-color: #fa00fa; } -span.fuchsia-background { background-color: #fa00fa; } +.gray { color: #606060; } -span.gray { color: #606060; } +.gray-background { background-color: #7d7d7d; } -span.gray-background { background-color: #7d7d7d; } +.green { color: #006000; } -span.green { color: #006000; } +.green-background { background-color: #007d00; } -span.green-background { background-color: #007d00; } +.lime { color: #00bf00; } -span.lime { color: #00bf00; } +.lime-background { background-color: #00fa00; } -span.lime-background { background-color: #00fa00; } +.maroon { color: #600000; } -span.maroon { color: #600000; } +.maroon-background { background-color: #7d0000; } -span.maroon-background { background-color: #7d0000; } +.navy { color: #000060; } -span.navy { color: #000060; } +.navy-background { background-color: #00007d; } -span.navy-background { background-color: #00007d; } +.olive { color: #606000; } -span.olive { color: #606000; } +.olive-background { background-color: #7d7d00; } -span.olive-background { background-color: #7d7d00; } +.purple { color: #600060; } -span.purple { color: #600060; } +.purple-background { background-color: #7d007d; } -span.purple-background { background-color: #7d007d; } +.red { color: #bf0000; } -span.red { color: #bf0000; } +.red-background { background-color: #fa0000; } -span.red-background { background-color: #fa0000; } +.silver { color: #909090; } -span.silver { color: #909090; } +.silver-background { background-color: #bcbcbc; } -span.silver-background { background-color: #bcbcbc; } +.teal { color: #006060; } -span.teal { color: #006060; } +.teal-background { background-color: #007d7d; } -span.teal-background { background-color: #007d7d; } +.white { color: #bfbfbf; } -span.white { color: #bfbfbf; } +.white-background { background-color: #fafafa; } -span.white-background { background-color: #fafafa; } +.yellow { color: #bfbf00; } -span.yellow { color: #bfbf00; } +.yellow-background { background-color: #fafa00; } -span.yellow-background { background-color: #fafa00; } +span.icon > [class^="icon-"], span.icon > [class*=" icon-"] { cursor: default; } -.admonitionblock td.icon [class^="icon-"]:before { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } +.admonitionblock td.icon [class^="icon-"]:before { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); cursor: default; } .admonitionblock td.icon .icon-note:before { content: "\f05a"; color: #005498; color: #003f72; } .admonitionblock td.icon .icon-tip:before { content: "\f0eb"; text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8); color: #111; } .admonitionblock td.icon .icon-warning:before { content: "\f071"; color: #bf6900; } .admonitionblock td.icon .icon-caution:before { content: "\f06d"; color: #bf3400; } .admonitionblock td.icon .icon-important:before { content: "\f06a"; color: #bf0000; } -.conum { display: inline-block; color: white; background-color: #222222; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 18px; height: 18px; font-size: 12px; font-weight: bold; line-height: 18px; font-family: Arial, sans-serif; font-style: normal; } +.conum { display: inline-block; color: white !important; background-color: #222222; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 20px; height: 20px; font-size: 12px; font-weight: bold; line-height: 20px; font-family: Arial, sans-serif; font-style: normal; position: relative; top: -2px; letter-spacing: -1px; } +.conum * { color: white !important; } +.conum + b { display: none; } +.conum:after { content: attr(data-value); } +.conum:not([data-value]):empty { display: none; } .literalblock > .content > pre, .listingblock > .content > pre { -webkit-border-radius: 0; border-radius: 0; } diff --git a/stylesheets/colony.css b/stylesheets/colony.css index 9d7bd9b7..7a37be4c 100644 --- a/stylesheets/colony.css +++ b/stylesheets/colony.css @@ -303,7 +303,7 @@ button.large, .button.large { padding-top: 1.03125em; padding-bottom: 1.03125em; @media only screen and (min-width: 768px) { button, .button { display: inline-block; } } p.lead, .paragraph.lead > p, #preamble > .sectionbody > .paragraph:first-of-type p { font-size: 1.21875em; line-height: 1.6; } -.subheader, .admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .ulist > .title, .olist > .title, .dlist > .title, .qlist > .title, .tableblock > caption { line-height: 1.4; color: #003b6b; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } +.subheader, #content #toctitle, .admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .videoblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title, .tableblock > caption { line-height: 1.4; color: #003b6b; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } @@ -420,7 +420,12 @@ table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoo a:hover, a:focus { text-decoration: underline; } -code { font-size: inherit; padding: 3px 2px 1px 2px; white-space: nowrap; background-color: #eeeeee; border: 1px solid #dddddd; -webkit-border-radius: 0; border-radius: 0; text-shadow: none; } +.clearfix:before, .clearfix:after, .float-group:before, .float-group:after { content: " "; display: table; } +.clearfix:after, .float-group:after { clear: both; } + +*:not(pre) > code { font-size: inherit; padding: 3px 2px 1px 2px; white-space: nowrap; background-color: #eeeeee; border: 1px solid #dddddd; -webkit-border-radius: 0; border-radius: 0; text-shadow: none; } + +pre, pre > code { line-height: 1.6; color: black; font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: normal; } kbd.keyseq { color: #333333; } @@ -447,26 +452,35 @@ kbd kbd:last-child { margin-right: 0; } #header br + span.author:before { content: ", "; } #toc { border-bottom: 1px solid #dddddd; padding-bottom: 1.25em; } -#toc > ul, #toc > ol { margin-left: 0.25em; } -#toc ul.sectlevel0 > li > a, #toc ol.sectlevel0 > li > a { font-style: italic; } -#toc ul.sectlevel0 ul.sectlevel1, #toc ol.sectlevel0 ol.sectlevel1 { margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } -#toc ul, #toc ol { list-style-type: none; } +#toc > ul { margin-left: 0.25em; } +#toc ul.sectlevel0 > li > a { font-style: italic; } +#toc ul.sectlevel0 ul.sectlevel1 { margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } +#toc ul { list-style-type: none; } #toctitle { color: #003b6b; } @media only screen and (min-width: 1280px) { body.toc2 { padding-left: 20em; } #toc.toc2 { position: fixed; width: 20em; left: 0; top: 0; border-right: 1px solid #dddddd; border-bottom: 0; z-index: 1000; padding: 1em; height: 100%; overflow: auto; } #toc.toc2 #toctitle { margin-top: 0; } - #toc.toc2 > ul, #toc.toc2 > ol { font-size: .95em; } - #toc.toc2 ul ul, #toc.toc2 ol ol { margin-left: 0; padding-left: 1.25em; } - #toc.toc2 ul.sectlevel0 ul.sectlevel1, #toc.toc2 ol.sectlevel0 ol.sectlevel1 { padding-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } } + #toc.toc2 > ul { font-size: .95em; } + #toc.toc2 ul ul { margin-left: 0; padding-left: 1.25em; } + #toc.toc2 ul.sectlevel0 ul.sectlevel1 { padding-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } + body.toc2.toc-right { padding-left: 0; padding-right: 20em; } + body.toc2.toc-right #toc.toc2 { border-right: 0; border-left: 1px solid #dddddd; left: auto; right: 0; } } +#content #toc { border-style: solid; border-width: 1px; border-color: #e6e6e6; margin-bottom: 1.25em; padding: 1.25em; background: white; border-width: 0; -webkit-border-radius: 0; border-radius: 0; } +#content #toc > :first-child { margin-top: 0; } +#content #toc > :last-child { margin-bottom: 0; } +#content #toc a { text-decoration: none; } + +#content #toctitle { font-weight: bold; font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 1em; padding-left: 0.125em; } + #footer { max-width: 100%; background-color: none; padding: 1.25em; } #footer-text { color: black; line-height: 1.44; } -.sect1 { border-bottom: 1px solid #dddddd; padding-bottom: 1.25em; } +.sect1 { padding-bottom: 1.25em; } -.sect1:last-of-type { border-bottom: 0; } +.sect1 + .sect1 { border-top: 1px solid #dddddd; } #content h1 > a.anchor, h2 > a.anchor, h3 > a.anchor, #toctitle > a.anchor, .sidebarblock > .content > .title > a.anchor, h4 > a.anchor, h5 > a.anchor, h6 > a.anchor { position: absolute; width: 1em; margin-left: -1em; display: block; text-decoration: none; visibility: hidden; text-align: center; font-weight: normal; } #content h1 > a.anchor:before, h2 > a.anchor:before, h3 > a.anchor:before, #toctitle > a.anchor:before, .sidebarblock > .content > .title > a.anchor:before, h4 > a.anchor:before, h5 > a.anchor:before, h6 > a.anchor:before { content: '\00A7'; font-size: .85em; vertical-align: text-top; display: block; margin-top: 0.05em; } @@ -474,7 +488,9 @@ kbd kbd:last-child { margin-right: 0; } #content h1 > a.link, h2 > a.link, h3 > a.link, #toctitle > a.link, .sidebarblock > .content > .title > a.link, h4 > a.link, h5 > a.link, h6 > a.link { color: #7b2d00; text-decoration: none; } #content h1 > a.link:hover, h2 > a.link:hover, h3 > a.link:hover, #toctitle > a.link:hover, .sidebarblock > .content > .title > a.link:hover, h4 > a.link:hover, h5 > a.link:hover, h6 > a.link:hover { color: #622400; } -.admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .ulist > .title, .olist > .title, .dlist > .title, .qlist > .title { text-align: left; font-weight: bold; } +.imageblock, .literalblock, .listingblock, .verseblock, .videoblock { margin-bottom: 1.25em; } + +.admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .videoblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { text-align: left; font-weight: bold; } .tableblock > caption { text-align: left; font-weight: bold; white-space: nowrap; overflow: visible; max-width: 0; } @@ -485,7 +501,7 @@ table.tableblock #preamble > .sectionbody > .paragraph:first-of-type p { font-si .admonitionblock > table td.icon img { max-width: none; } .admonitionblock > table td.icon .title { font-weight: bold; text-transform: uppercase; } .admonitionblock > table td.content { padding-left: 1.125em; padding-right: 1.25em; border-left: 1px solid #dddddd; color: #333333; } -.admonitionblock > table td.content > .paragraph:last-child > p { margin-bottom: 0; } +.admonitionblock > table td.content > :last-child > :last-child { margin-bottom: 0; } .exampleblock > .content { border-style: solid; border-width: 1px; border-color: #e6e6e6; margin-bottom: 1.25em; padding: 1.25em; background: white; -webkit-border-radius: 0; border-radius: 0; } .exampleblock > .content > :first-child { margin-top: 0; } @@ -493,7 +509,6 @@ table.tableblock #preamble > .sectionbody > .paragraph:first-of-type p { font-si .exampleblock > .content h1, .exampleblock > .content h2, .exampleblock > .content h3, .exampleblock > .content #toctitle, .sidebarblock.exampleblock > .content > .title, .exampleblock > .content h4, .exampleblock > .content h5, .exampleblock > .content h6, .exampleblock > .content p { color: #333333; } .exampleblock > .content h1, .exampleblock > .content h2, .exampleblock > .content h3, .exampleblock > .content #toctitle, .sidebarblock.exampleblock > .content > .title, .exampleblock > .content h4, .exampleblock > .content h5, .exampleblock > .content h6 { line-height: 1; margin-bottom: 0.625em; } .exampleblock > .content h1.subheader, .exampleblock > .content h2.subheader, .exampleblock > .content h3.subheader, .exampleblock > .content .subheader#toctitle, .sidebarblock.exampleblock > .content > .subheader.title, .exampleblock > .content h4.subheader, .exampleblock > .content h5.subheader, .exampleblock > .content h6.subheader { line-height: 1.4; } -.exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child, .exampleblock > .content .qlist > ol > li:last-child > :last-child { margin-bottom: 0; } .exampleblock.result > .content { -webkit-box-shadow: 0 1px 8px #aaaaaa; box-shadow: 0 1px 8px #aaaaaa; } @@ -504,28 +519,48 @@ table.tableblock #preamble > .sectionbody > .paragraph:first-of-type p { font-si .sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6 { line-height: 1; margin-bottom: 0.625em; } .sidebarblock h1.subheader, .sidebarblock h2.subheader, .sidebarblock h3.subheader, .sidebarblock .subheader#toctitle, .sidebarblock > .content > .subheader.title, .sidebarblock h4.subheader, .sidebarblock h5.subheader, .sidebarblock h6.subheader { line-height: 1.4; } .sidebarblock > .content > .title { color: #003b6b; margin-top: 0; line-height: 1.6; } -.sidebarblock > .content > .paragraph:last-child p { margin-bottom: 0; } -pre { color: black; font-family: Consolas, "Liberation Mono", Courier, monospace; overflow-x: auto; line-height: 1.6; } +.exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child, .exampleblock > .content .qlist > ol > li:last-child > :last-child, .sidebarblock > .content > :last-child > :last-child, .sidebarblock > .content .olist > ol > li:last-child > :last-child, .sidebarblock > .content .ulist > ul > li:last-child > :last-child, .sidebarblock > .content .qlist > ol > li:last-child > :last-child { margin-bottom: 0; } + +.literalblock > .content pre, .listingblock > .content pre { background: #eeeeee; border-width: 1px; border-style: dashed; border-color: #666666; -webkit-border-radius: 0; border-radius: 0; padding: 1.25em 1.5625em 1.125em 1.5625em; word-wrap: break-word; } +.literalblock > .content pre.nowrap, .listingblock > .content pre.nowrap { overflow-x: auto; white-space: pre; word-wrap: normal; } +.literalblock > .content pre > code, .listingblock > .content pre > code { display: block; } +@media only screen { .literalblock > .content pre, .listingblock > .content pre { font-size: 0.72em; } } +@media only screen and (min-width: 768px) { .literalblock > .content pre, .listingblock > .content pre { font-size: 0.81em; } } +@media only screen and (min-width: 1280px) { .literalblock > .content pre, .listingblock > .content pre { font-size: 0.9em; } } + +.listingblock > .content { position: relative; } + +.listingblock:hover code[class*=" language-"]:before { text-transform: uppercase; font-size: 0.9em; color: #999; position: absolute; top: 0.375em; right: 0.375em; } -.verseblock { margin-bottom: 1.25em; } +.listingblock:hover code.asciidoc:before { content: "asciidoc"; } +.listingblock:hover code.clojure:before { content: "clojure"; } +.listingblock:hover code.css:before { content: "css"; } +.listingblock:hover code.groovy:before { content: "groovy"; } +.listingblock:hover code.html:before { content: "html"; } +.listingblock:hover code.java:before { content: "java"; } +.listingblock:hover code.javascript:before { content: "javascript"; } +.listingblock:hover code.python:before { content: "python"; } +.listingblock:hover code.ruby:before { content: "ruby"; } +.listingblock:hover code.scss:before { content: "scss"; } +.listingblock:hover code.xml:before { content: "xml"; } +.listingblock:hover code.yaml:before { content: "yaml"; } -.literalblock, .listingblock { margin-bottom: 1.25em; } -.literalblock > .content > pre, .listingblock > .content > pre { background: #eeeeee; color: black; font-family: Consolas, "Liberation Mono", Courier, monospace; border-width: 1px; border-style: dashed; border-color: #666666; -webkit-border-radius: 0; border-radius: 0; padding: 1.25em 1.5625em 1.125em 1.5625em; word-wrap: break-word; line-height: 1.6; } -.literalblock > .content > pre.nowrap, .listingblock > .content > pre.nowrap { overflow-x: auto; white-space: pre; word-wrap: normal; } -.literalblock > .content > pre > code, .listingblock > .content > pre > code { font-size: 1em; white-space: inherit; color: black; font-family: Consolas, "Liberation Mono", Courier, monospace; padding: 0; background: none; font-weight: normal; border: none; } -@media only screen { .literalblock > .content > pre, .listingblock > .content > pre { font-size: 0.72em; } } -@media only screen and (min-width: 768px) { .literalblock > .content > pre, .listingblock > .content > pre { font-size: 0.81em; } } -@media only screen and (min-width: 1280px) { .literalblock > .content > pre, .listingblock > .content > pre { font-size: 0.9em; } } +.listingblock.terminal pre .command:before { content: attr(data-prompt); padding-right: 0.5em; color: #999; } -.listingblock:hover .xml:before { content: "xml"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .html:before { content: "html"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .ruby:before { content: "ruby"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .asciidoc:before { content: "asciidoc"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .java:before { content: "java"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .javascript:before { content: "javascript"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .css:before { content: "css"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .scss:before { content: "scss"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } +.listingblock.terminal pre .command:not([data-prompt]):before { content: '$'; } + +table.pyhltable { border: 0; margin-bottom: 0; } + +table.pyhltable td { vertical-align: top; padding-top: 0; padding-bottom: 0; } + +table.pyhltable td.code { padding-left: .75em; padding-right: 0; } + +.highlight.pygments .lineno, table.pyhltable td:not(.code) { color: #999; padding-left: 0; padding-right: .5em; border-right: 1px solid #dddddd; } + +.highlight.pygments .lineno { display: inline-block; margin-right: .25em; } + +table.pyhltable .linenodiv { background-color: transparent !important; padding-right: 0 !important; } .quoteblock { margin: 0 0 0.75em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #dddddd; } .quoteblock blockquote { margin: 0 0 0.75em 0; padding: 0 0 0.5625em 0; border: 0; } @@ -550,11 +585,11 @@ th.tableblock.halign-right, td.tableblock.halign-right { text-align: right; } th.tableblock.halign-center, td.tableblock.halign-center { text-align: center; } -th.tableblock.halign-top, td.tableblock.halign-top { vertical-align: top; } +th.tableblock.valign-top, td.tableblock.valign-top { vertical-align: top; } -th.tableblock.halign-bottom, td.tableblock.halign-bottom { vertical-align: bottom; } +th.tableblock.valign-bottom, td.tableblock.valign-bottom { vertical-align: bottom; } -th.tableblock.halign-middle, td.tableblock.halign-middle { vertical-align: middle; } +th.tableblock.valign-middle, td.tableblock.valign-middle { vertical-align: middle; } p.tableblock.header { color: white; font-weight: bold; } @@ -568,14 +603,26 @@ dl dd { margin-left: 1.125em; } dl dd:last-child, dl dd:last-child > :last-child { margin-bottom: 0; } -.unstyled dl dt { font-weight: normal; font-style: normal; } +ol > li p, ul > li p, ul dd, ol dd, .olist .olist, .ulist .ulist, .ulist .olist, .olist .ulist { margin-bottom: 0.375em; } -ol > li p, ul > li p, ul dd, ol dd, .olist .olist, .ulist .olist, .olist .ulist { margin-bottom: 0.375em; } +ul.unstyled, ol.unnumbered, ul.checklist, ul.none { list-style-type: none; } -ul.unstyled, ol.unnumbered, ul.checklist { list-style-type: none; margin-left: 0.625em; } +ul.unstyled, ol.unnumbered, ul.checklist { margin-left: 0.625em; } + +ul.checklist li > p:first-child > i[class^="icon-check"]:first-child, ul.checklist li > p:first-child > input[type="checkbox"]:first-child { margin-right: 0.25em; } + +ul.checklist li > p:first-child > input[type="checkbox"]:first-child { position: relative; top: 1px; } + +ul.inline { margin: 0 auto 0.375em auto; margin-left: -1.375em; margin-right: 0; padding: 0; list-style: none; overflow: hidden; } +ul.inline > li { list-style: none; float: left; margin-left: 1.375em; display: block; } +ul.inline > li > * { display: block; } + +.unstyled dl dt { font-weight: normal; font-style: normal; } ol.arabic { list-style-type: decimal; } +ol.decimal { list-style-type: decimal-leading-zero; } + ol.loweralpha { list-style-type: lower-alpha; } ol.upperalpha { list-style-type: upper-alpha; } @@ -584,21 +631,24 @@ ol.lowerroman { list-style-type: lower-roman; } ol.upperroman { list-style-type: upper-roman; } +ol.lowergreek { list-style-type: lower-greek; } + .hdlist > table, .colist > table { border: 0; background: none; } .hdlist > table > tbody > tr, .colist > table > tbody > tr { background: none; } +td.hdlist1 { padding-right: .8em; font-weight: bold; } + +td.hdlist1, td.hdlist2 { vertical-align: top; } + .literalblock + .colist, .listingblock + .colist { margin-top: -0.5em; } .colist > table tr > td:first-of-type { padding: 0 .8em; line-height: 1; } .colist > table tr > td:last-of-type { padding: 0.25em 0; } -td.hdlist1 { vertical-align: top; padding-right: .8em; font-weight: bold; } - -.qanda > ol > li > p:first-child { color: #004985; } +.qanda > ol > li > p > em:only-child { color: #004985; } .thumb, .th { line-height: 0; display: inline-block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); } -.imageblock { margin-bottom: 1.25em; } .imageblock.left, .imageblock[style*="float: left"] { margin: 0.25em 0.625em 1.25em 0; } .imageblock.right, .imageblock[style*="float: right"] { margin: 0.25em 0 1.25em 0.625em; } .imageblock > .title { margin-bottom: 0; } @@ -609,15 +659,19 @@ td.hdlist1 { vertical-align: top; padding-right: .8em; font-weight: bold; } .image.left { margin-right: 0.625em; } .image.right { margin-left: 0.625em; } +a.image { text-decoration: none; } + span.footnote, span.footnoteref { vertical-align: super; font-size: 0.875em; } span.footnote a, span.footnoteref a { text-decoration: none; } -#footnotes { padding: 0.75em 0.375em; margin-bottom: 0.75em; #border-top: 1px solid #dddddd; } +#footnotes { padding-top: 0.75em; padding-bottom: 0.75em; margin-bottom: 0.625em; } #footnotes hr { width: 20%; min-width: 6.25em; margin: -.25em 0 .75em 0; border-width: 1px 0 0 0; } -#footnotes .footnote { line-height: 1.3; font-size: 0.875em; margin-left: 1.2em; text-indent: -1.2em; margin-bottom: .2em; } -#footnotes .footnote a { font-weight: bold; text-decoration: none; } +#footnotes .footnote { padding: 0 0.375em; line-height: 1.3; font-size: 0.875em; margin-left: 1.2em; text-indent: -1.2em; margin-bottom: .2em; } +#footnotes .footnote a:first-of-type { font-weight: bold; text-decoration: none; } #footnotes .footnote:last-of-type { margin-bottom: 0; } +#content #footnotes { margin-top: -0.625em; margin-bottom: 0; padding: 0.75em 0; } + .gist .file-data > table { border: none; background: #fff; width: 100%; margin-bottom: 0; } .gist .file-data > table td.line-data { width: 99%; } @@ -697,6 +751,8 @@ div.unbreakable { page-break-inside: avoid; } .yellow-background { background-color: #fafa00; } +span.icon > [class^="icon-"], span.icon > [class*=" icon-"] { cursor: default; } + .admonitionblock td.icon [class^="icon-"]:before { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); cursor: default; } .admonitionblock td.icon .icon-note:before { content: "\f05a"; color: #00579e; color: #004176; } .admonitionblock td.icon .icon-tip:before { content: "\f0eb"; text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8); color: #111; } @@ -706,9 +762,9 @@ div.unbreakable { page-break-inside: avoid; } .conum { display: inline-block; color: white !important; background-color: black; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 20px; height: 20px; font-size: 12px; font-weight: bold; line-height: 20px; font-family: Arial, sans-serif; font-style: normal; position: relative; top: -2px; letter-spacing: -1px; } .conum * { color: white !important; } -.conum:empty { display: none; } - -pre .comment .conum { left: -20px; } +.conum + b { display: none; } +.conum:after { content: attr(data-value); } +.conum:not([data-value]):empty { display: none; } body { font-family: "Droid Serif", Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #111; } diff --git a/stylesheets/foundation.css b/stylesheets/foundation.css index 5e3d0719..3b5e63f2 100644 --- a/stylesheets/foundation.css +++ b/stylesheets/foundation.css @@ -1,5 +1,5 @@ -@import url(http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css); -/* normalize.css v2.1.0 | MIT License | git.io/normalize */ +@import url(http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.0/css/font-awesome.css); +/* normalize.css v2.1.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } @@ -14,8 +14,8 @@ audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ -/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ -html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } +/** 1. Prevent system color scheme's background color being used in Firefox, IE, and Opera. 2. Prevent system color scheme's text color being used in Firefox, IE, and Opera. 3. Set default font family to sans-serif. 4. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ +html { background: #fff; /* 1 */ color: #000; /* 2 */ font-family: sans-serif; /* 3 */ -ms-text-size-adjust: 100%; /* 4 */ -webkit-text-size-adjust: 100%; /* 4 */ } /** Remove default margin. */ body { margin: 0; } @@ -47,7 +47,7 @@ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } /** Correct font family set oddly in Safari 5 and Chrome. */ -code, tt, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } +code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } @@ -121,7 +121,9 @@ table { border-collapse: collapse; border-spacing: 0; } html, body { font-size: 100%; } -body { background: white; color: #222222; padding: 0; margin: 0; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; } +body { background: white; color: #222222; padding: 0; margin: 0; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: auto; } + +a:hover { cursor: pointer; } a:focus { outline: none; } @@ -149,16 +151,158 @@ img { -ms-interpolation-mode: bicubic; } .antialiased, body { -webkit-font-smoothing: antialiased; } -img { display: inline-block; } +img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } /* Grid HTML Classes */ -p.lead, #preamble > .sectionbody > .paragraph:first-of-type p { font-size: 1.21875em; line-height: 1.6; } - -.subheader, .admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .ulist > .title, .olist > .title, .dlist > .title, .qlist > .title, .tableblock > caption { line-height: 1.4; color: #6f6f6f; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } +.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; } +.row:before, .row:after { content: " "; display: table; } +.row:after { clear: both; } +.row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; float: left; } +.row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } +.row .row:before, .row .row:after { content: " "; display: table; } +.row .row:after { clear: both; } +.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } +.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } +.row .row.collapse:after { clear: both; } + +.column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } + +@media only screen { .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } + .small-1 { position: relative; width: 8.33333%; } + .small-2 { position: relative; width: 16.66667%; } + .small-3 { position: relative; width: 25%; } + .small-4 { position: relative; width: 33.33333%; } + .small-5 { position: relative; width: 41.66667%; } + .small-6 { position: relative; width: 50%; } + .small-7 { position: relative; width: 58.33333%; } + .small-8 { position: relative; width: 66.66667%; } + .small-9 { position: relative; width: 75%; } + .small-10 { position: relative; width: 83.33333%; } + .small-11 { position: relative; width: 91.66667%; } + .small-12 { position: relative; width: 100%; } + .small-offset-0 { position: relative; margin-left: 0%; } + .small-offset-1 { position: relative; margin-left: 8.33333%; } + .small-offset-2 { position: relative; margin-left: 16.66667%; } + .small-offset-3 { position: relative; margin-left: 25%; } + .small-offset-4 { position: relative; margin-left: 33.33333%; } + .small-offset-5 { position: relative; margin-left: 41.66667%; } + .small-offset-6 { position: relative; margin-left: 50%; } + .small-offset-7 { position: relative; margin-left: 58.33333%; } + .small-offset-8 { position: relative; margin-left: 66.66667%; } + .small-offset-9 { position: relative; margin-left: 75%; } + .small-offset-10 { position: relative; margin-left: 83.33333%; } + [class*="column"] + [class*="column"]:last-child { float: right; } + [class*="column"] + [class*="column"].end { float: left; } + .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } } +/* Styles for screens that are atleast 768px; */ +@media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; } + .large-2 { position: relative; width: 16.66667%; } + .large-3 { position: relative; width: 25%; } + .large-4 { position: relative; width: 33.33333%; } + .large-5 { position: relative; width: 41.66667%; } + .large-6 { position: relative; width: 50%; } + .large-7 { position: relative; width: 58.33333%; } + .large-8 { position: relative; width: 66.66667%; } + .large-9 { position: relative; width: 75%; } + .large-10 { position: relative; width: 83.33333%; } + .large-11 { position: relative; width: 91.66667%; } + .large-12 { position: relative; width: 100%; } + .row .large-offset-0 { position: relative; margin-left: 0%; } + .row .large-offset-1 { position: relative; margin-left: 8.33333%; } + .row .large-offset-2 { position: relative; margin-left: 16.66667%; } + .row .large-offset-3 { position: relative; margin-left: 25%; } + .row .large-offset-4 { position: relative; margin-left: 33.33333%; } + .row .large-offset-5 { position: relative; margin-left: 41.66667%; } + .row .large-offset-6 { position: relative; margin-left: 50%; } + .row .large-offset-7 { position: relative; margin-left: 58.33333%; } + .row .large-offset-8 { position: relative; margin-left: 66.66667%; } + .row .large-offset-9 { position: relative; margin-left: 75%; } + .row .large-offset-10 { position: relative; margin-left: 83.33333%; } + .row .large-offset-11 { position: relative; margin-left: 91.66667%; } + .push-1 { position: relative; left: 8.33333%; right: auto; } + .pull-1 { position: relative; right: 8.33333%; left: auto; } + .push-2 { position: relative; left: 16.66667%; right: auto; } + .pull-2 { position: relative; right: 16.66667%; left: auto; } + .push-3 { position: relative; left: 25%; right: auto; } + .pull-3 { position: relative; right: 25%; left: auto; } + .push-4 { position: relative; left: 33.33333%; right: auto; } + .pull-4 { position: relative; right: 33.33333%; left: auto; } + .push-5 { position: relative; left: 41.66667%; right: auto; } + .pull-5 { position: relative; right: 41.66667%; left: auto; } + .push-6 { position: relative; left: 50%; right: auto; } + .pull-6 { position: relative; right: 50%; left: auto; } + .push-7 { position: relative; left: 58.33333%; right: auto; } + .pull-7 { position: relative; right: 58.33333%; left: auto; } + .push-8 { position: relative; left: 66.66667%; right: auto; } + .pull-8 { position: relative; right: 66.66667%; left: auto; } + .push-9 { position: relative; left: 75%; right: auto; } + .pull-9 { position: relative; right: 75%; left: auto; } + .push-10 { position: relative; left: 83.33333%; right: auto; } + .pull-10 { position: relative; right: 83.33333%; left: auto; } + .push-11 { position: relative; left: 91.66667%; right: auto; } + .pull-11 { position: relative; right: 91.66667%; left: auto; } + .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } + .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; } + .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } } +/* Image Thumbnails */ +.th { line-height: 0; display: inline-block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; } +.th:hover, .th:focus { -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); } +.th.radius { -webkit-border-radius: 3px; border-radius: 3px; } + +a.th { display: inline-block; } + +button, .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #2ba6cb; border-color: #2284a1; color: white; } +button:hover, button:focus, .button:hover, .button:focus { background-color: #2284a1; } +button:hover, button:focus, .button:hover, .button:focus { color: white; } +button.secondary, .button.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; } +button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; } +button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } +button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; } +button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #457a1a; } +button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } +button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: white; } +button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #970b0e; } +button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } +button.large, .button.large { padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em; } +button.small, .button.small { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.8125em; } +button.tiny, .button.tiny { padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.6875em; } +button.expand, .button.expand { padding-right: 0px; padding-left: 0px; width: 100%; } +button.left-align, .button.left-align { text-align: left; text-indent: 0.75em; } +button.right-align, .button.right-align { text-align: right; padding-right: 0.75em; } +button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #2ba6cb; border-color: #2284a1; color: white; cursor: auto; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } +button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2284a1; } +button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; } +button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2ba6cb; } +button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; cursor: auto; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } +button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #d0d0d0; } +button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } +button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; } +button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: white; cursor: auto; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } +button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #457a1a; } +button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; } +button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; } +button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: white; cursor: auto; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } +button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #970b0e; } +button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; } +button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; } + +button, .button { padding-top: 0.8125em; padding-bottom: 0.75em; -webkit-appearance: none; } +button.tiny, .button.tiny { padding-top: 0.5em; padding-bottom: 0.4375em; -webkit-appearance: none; } +button.small, .button.small { padding-top: 0.625em; padding-bottom: 0.5625em; -webkit-appearance: none; } +button.large, .button.large { padding-top: 1.03125em; padding-bottom: 1.03125em; -webkit-appearance: none; } + +@media only screen { button, .button { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } + button:active, .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } + button.radius, .button.radius { -webkit-border-radius: 3px; border-radius: 3px; } + button.round, .button.round { -webkit-border-radius: 1000px; border-radius: 1000px; } } +@media only screen and (min-width: 768px) { button, .button { display: inline-block; } } +p.lead, .paragraph.lead > p, #preamble > .sectionbody > .paragraph:first-of-type p { font-size: 1.21875em; line-height: 1.6; } + +.subheader, #content #toctitle, .admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .videoblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title, .tableblock > caption { line-height: 1.4; color: #6f6f6f; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } @@ -197,13 +341,15 @@ strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } -code, tt { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #7f0a0c; } +code { font-family: Consolas, "Liberation Mono", Courier, monospace; font-weight: bold; color: #7f0a0c; } /* Lists */ ul, ol, dl { font-size: 1em; line-height: 1.6; margin-bottom: 1.25em; list-style-position: outside; font-family: inherit; } +ul, ol { margin-left: 1.5em; } + /* Unordered Lists */ -ul li ul, ul li ol { margin-left: 1.5em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } +ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; } ul.circle { list-style-type: circle; } @@ -211,7 +357,7 @@ ul.disc { list-style-type: disc; } ul.no-bullet { list-style: none; } /* Ordered Lists */ -ol li ul, ol li ol { margin-left: 1.5em; margin-bottom: 0; } +ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3125em; font-weight: bold; } @@ -236,9 +382,9 @@ blockquote, blockquote p { line-height: 1.6; color: #6f6f6f; } .vcard .fn { font-weight: bold; font-size: 0.9375em; } .vevent .summary { font-weight: bold; } -.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; } +.vevent abbr { cursor: auto; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; } -@media only screen and (min-width: 48em) { h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.4; } +@media only screen and (min-width: 768px) { h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 2.75em; } h2 { font-size: 2.3125em; } h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.6875em; } @@ -269,39 +415,79 @@ table thead, table tfoot { background: whitesmoke; font-weight: bold; } table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.5em 0.625em 0.625em; font-size: inherit; color: #222222; text-align: left; } table tr th, table tr td { padding: 0.5625em 0.625em; font-size: inherit; color: #222222; } table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; } -table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.6; } +table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.4; } + +.clearfix:before, .clearfix:after, .float-group:before, .float-group:after { content: " "; display: table; } +.clearfix:after, .float-group:after { clear: both; } + +*:not(pre) > code { font-size: inherit; padding: 0; white-space: nowrap; background-color: inherit; border: 0 solid #dddddd; -webkit-border-radius: 0; border-radius: 0; text-shadow: none; } + +pre, pre > code { line-height: 1.4; color: black; font-family: monospace, serif; font-weight: normal; } -pre > code, pre > tt { color: #222222; } +kbd.keyseq { color: #555555; } -tt { font-size: inherit; padding: 0; white-space: nowrap; background-color: inherit; border: 0 solid #dddddd; -webkit-border-radius: 0; border-radius: 0; text-shadow: none; } +kbd:not(.keyseq) { display: inline-block; color: #222222; font-size: 0.75em; line-height: 1.4; background-color: #F7F7F7; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; margin: -0.15em 0.15em 0 0.15em; padding: 0.2em 0.6em 0.2em 0.5em; vertical-align: middle; white-space: nowrap; } + +kbd kbd:first-child { margin-left: 0; } + +kbd kbd:last-child { margin-right: 0; } + +.menuseq, .menu { color: #090909; } #header, #content, #footnotes, #footer { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; position: relative; padding-left: 0.9375em; padding-right: 0.9375em; } #header:before, #header:after, #content:before, #content:after, #footnotes:before, #footnotes:after, #footer:before, #footer:after { content: " "; display: table; } #header:after, #content:after, #footnotes:after, #footer:after { clear: both; } #header { margin-bottom: 2.5em; } -#header > h1 { color: black; border-bottom: 1px solid #dddddd; margin-bottom: -28px; padding-bottom: 32px; } +#header > h1 { color: black; font-weight: bold; border-bottom: 1px solid #dddddd; margin-bottom: -28px; padding-bottom: 32px; } #header span { color: #6f6f6f; } #header #revnumber { text-transform: capitalize; } #header br { display: none; } #header br + span { padding-left: 3px; } #header br + span:before { content: "\2013 \0020"; } +#header br + span.author { padding-left: 0; } +#header br + span.author:before { content: ", "; } #toc { border-bottom: 1px solid #dddddd; padding-bottom: 1.25em; } -#toc > ol { margin-left: 0.25em; } -#toc ol { list-style-type: none; } +#toc > ul { margin-left: 0.25em; } +#toc ul.sectlevel0 > li > a { font-style: italic; } +#toc ul.sectlevel0 ul.sectlevel1 { margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } +#toc ul { list-style-type: none; } #toctitle { color: #6f6f6f; } +@media only screen and (min-width: 1280px) { body.toc2 { padding-left: 20em; } + #toc.toc2 { position: fixed; width: 20em; left: 0; top: 0; border-right: 1px solid #dddddd; border-bottom: 0; z-index: 1000; padding: 1em; height: 100%; overflow: auto; } + #toc.toc2 #toctitle { margin-top: 0; } + #toc.toc2 > ul { font-size: .95em; } + #toc.toc2 ul ul { margin-left: 0; padding-left: 1.25em; } + #toc.toc2 ul.sectlevel0 ul.sectlevel1 { padding-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } + body.toc2.toc-right { padding-left: 0; padding-right: 20em; } + body.toc2.toc-right #toc.toc2 { border-right: 0; border-left: 1px solid #dddddd; left: auto; right: 0; } } +#content #toc { border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2; border-width: 0; -webkit-border-radius: 0; border-radius: 0; } +#content #toc > :first-child { margin-top: 0; } +#content #toc > :last-child { margin-bottom: 0; } +#content #toc a { text-decoration: none; } + +#content #toctitle { font-weight: bold; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-size: 1em; padding-left: 0.125em; } + #footer { max-width: 100%; background-color: #222222; padding: 1.25em; } #footer-text { color: #dddddd; line-height: 1.44; } -.sect1 { border-bottom: 1px solid #dddddd; padding-bottom: 1.25em; } +.sect1 { padding-bottom: 1.25em; } + +.sect1 + .sect1 { border-top: 1px solid #dddddd; } + +#content h1 > a.anchor, h2 > a.anchor, h3 > a.anchor, #toctitle > a.anchor, .sidebarblock > .content > .title > a.anchor, h4 > a.anchor, h5 > a.anchor, h6 > a.anchor { position: absolute; width: 1em; margin-left: -1em; display: block; text-decoration: none; visibility: hidden; text-align: center; font-weight: normal; } +#content h1 > a.anchor:before, h2 > a.anchor:before, h3 > a.anchor:before, #toctitle > a.anchor:before, .sidebarblock > .content > .title > a.anchor:before, h4 > a.anchor:before, h5 > a.anchor:before, h6 > a.anchor:before { content: '\00A7'; font-size: .85em; vertical-align: text-top; display: block; margin-top: 0.05em; } +#content h1:hover > a.anchor, #content h1 > a.anchor:hover, h2:hover > a.anchor, h2 > a.anchor:hover, h3:hover > a.anchor, #toctitle:hover > a.anchor, .sidebarblock > .content > .title:hover > a.anchor, h3 > a.anchor:hover, #toctitle > a.anchor:hover, .sidebarblock > .content > .title > a.anchor:hover, h4:hover > a.anchor, h4 > a.anchor:hover, h5:hover > a.anchor, h5 > a.anchor:hover, h6:hover > a.anchor, h6 > a.anchor:hover { visibility: visible; } +#content h1 > a.link, h2 > a.link, h3 > a.link, #toctitle > a.link, .sidebarblock > .content > .title > a.link, h4 > a.link, h5 > a.link, h6 > a.link { color: #222222; text-decoration: none; } +#content h1 > a.link:hover, h2 > a.link:hover, h3 > a.link:hover, #toctitle > a.link:hover, .sidebarblock > .content > .title > a.link:hover, h4 > a.link:hover, h5 > a.link:hover, h6 > a.link:hover { color: #151515; } -.sect1:last-of-type { border-bottom: 0; } +.imageblock, .literalblock, .listingblock, .verseblock, .videoblock { margin-bottom: 1.25em; } -.admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .ulist > .title, .olist > .title, .dlist > .title, .qlist > .title { text-align: left; font-weight: bold; } +.admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .videoblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { text-align: left; font-weight: bold; } .tableblock > caption { text-align: left; font-weight: bold; white-space: nowrap; overflow: visible; max-width: 0; } @@ -311,49 +497,72 @@ table.tableblock #preamble > .sectionbody > .paragraph:first-of-type p { font-si .admonitionblock > table td.icon { text-align: center; width: 80px; } .admonitionblock > table td.icon img { max-width: none; } .admonitionblock > table td.icon .title { font-weight: bold; text-transform: uppercase; } -.admonitionblock > table td.content { padding-left: 1.125em; padding-right: 1.25em; border-left: 2px solid #dddddd; color: #6f6f6f; } -.admonitionblock > table td.content > .paragraph:last-child > p { margin-bottom: 0; } +.admonitionblock > table td.content { padding-left: 1.125em; padding-right: 1.25em; border-left: 1px solid #dddddd; color: #6f6f6f; } +.admonitionblock > table td.content > :last-child > :last-child { margin-bottom: 0; } .exampleblock > .content { border-style: solid; border-width: 1px; border-color: #e6e6e6; margin-bottom: 1.25em; padding: 1.25em; background: white; -webkit-border-radius: 0; border-radius: 0; } -.exampleblock > .content h1, .exampleblock > .content h2, .exampleblock > .content h3, .exampleblock > .content #toctitle, .sidebarblock.exampleblock > .content > .title, .exampleblock > .content h4, .exampleblock > .content h5, .exampleblock > .content h6, .exampleblock > .content p { color: #333333; } .exampleblock > .content > :first-child { margin-top: 0; } .exampleblock > .content > :last-child { margin-bottom: 0; } +.exampleblock > .content h1, .exampleblock > .content h2, .exampleblock > .content h3, .exampleblock > .content #toctitle, .sidebarblock.exampleblock > .content > .title, .exampleblock > .content h4, .exampleblock > .content h5, .exampleblock > .content h6, .exampleblock > .content p { color: #333333; } .exampleblock > .content h1, .exampleblock > .content h2, .exampleblock > .content h3, .exampleblock > .content #toctitle, .sidebarblock.exampleblock > .content > .title, .exampleblock > .content h4, .exampleblock > .content h5, .exampleblock > .content h6 { line-height: 1; margin-bottom: 0.625em; } .exampleblock > .content h1.subheader, .exampleblock > .content h2.subheader, .exampleblock > .content h3.subheader, .exampleblock > .content .subheader#toctitle, .sidebarblock.exampleblock > .content > .subheader.title, .exampleblock > .content h4.subheader, .exampleblock > .content h5.subheader, .exampleblock > .content h6.subheader { line-height: 1.4; } -.exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child { margin-bottom: 0; } .exampleblock.result > .content { -webkit-box-shadow: 0 1px 8px #d9d9d9; box-shadow: 0 1px 8px #d9d9d9; } -.imageblock { margin-bottom: 1.25em; } - .sidebarblock { border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2; -webkit-border-radius: 0; border-radius: 0; } -.sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6, .sidebarblock p { color: #333333; } .sidebarblock > :first-child { margin-top: 0; } .sidebarblock > :last-child { margin-bottom: 0; } +.sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6, .sidebarblock p { color: #333333; } .sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6 { line-height: 1; margin-bottom: 0.625em; } .sidebarblock h1.subheader, .sidebarblock h2.subheader, .sidebarblock h3.subheader, .sidebarblock .subheader#toctitle, .sidebarblock > .content > .subheader.title, .sidebarblock h4.subheader, .sidebarblock h5.subheader, .sidebarblock h6.subheader { line-height: 1.4; } .sidebarblock > .content > .title { color: #6f6f6f; margin-top: 0; line-height: 1.6; } -.sidebarblock > .content > .paragraph:last-child p { margin-bottom: 0; } - -.literalblock, .listingblock { margin-bottom: 1.25em; } -.literalblock > .content > pre, .listingblock > .content > pre { background: #eeeeee; color: black; font-family: monospace, serif; border-width: 1px; border-style: solid; border-color: #cccccc; -webkit-border-radius: 0; border-radius: 0; padding: 0.8em 0.8em 0.6em 0.8em; white-space: pre; overflow-x: auto; line-height: 1.4; } -.literalblock > .content > pre > code, .literalblock > .content > pre > tt, .listingblock > .content > pre > code, .listingblock > .content > pre > tt { color: black; font-family: monospace, serif; padding: 0; background: none; font-weight: normal; } -@media only screen { .literalblock > .content > pre, .listingblock > .content > pre { font-size: 0.72em; } } -@media only screen and (min-width: 48em) { .literalblock > .content > pre, .listingblock > .content > pre { font-size: 0.81em; } } -@media only screen and (min-width: 80em) { .literalblock > .content > pre, .listingblock > .content > pre { font-size: 0.9em; } } - -.listingblock:hover .xml:before { content: "xml"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .html:before { content: "html"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .ruby:before { content: "ruby"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .asciidoc:before { content: "asciidoc"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .java:before { content: "java"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .css:before { content: "css"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .scss:before { content: "scss"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } + +.exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child, .exampleblock > .content .qlist > ol > li:last-child > :last-child, .sidebarblock > .content > :last-child > :last-child, .sidebarblock > .content .olist > ol > li:last-child > :last-child, .sidebarblock > .content .ulist > ul > li:last-child > :last-child, .sidebarblock > .content .qlist > ol > li:last-child > :last-child { margin-bottom: 0; } + +.literalblock > .content pre, .listingblock > .content pre { background: #eeeeee; border-width: 1px; border-style: solid; border-color: #cccccc; -webkit-border-radius: 0; border-radius: 0; padding: 0.8em 0.8em 0.65em 0.8em; word-wrap: break-word; } +.literalblock > .content pre.nowrap, .listingblock > .content pre.nowrap { overflow-x: auto; white-space: pre; word-wrap: normal; } +.literalblock > .content pre > code, .listingblock > .content pre > code { display: block; } +@media only screen { .literalblock > .content pre, .listingblock > .content pre { font-size: 0.72em; } } +@media only screen and (min-width: 768px) { .literalblock > .content pre, .listingblock > .content pre { font-size: 0.81em; } } +@media only screen and (min-width: 1280px) { .literalblock > .content pre, .listingblock > .content pre { font-size: 0.9em; } } + +.listingblock > .content { position: relative; } + +.listingblock:hover code[class*=" language-"]:before { text-transform: uppercase; font-size: 0.9em; color: #999; position: absolute; top: 0.375em; right: 0.375em; } + +.listingblock:hover code.asciidoc:before { content: "asciidoc"; } +.listingblock:hover code.clojure:before { content: "clojure"; } +.listingblock:hover code.css:before { content: "css"; } +.listingblock:hover code.groovy:before { content: "groovy"; } +.listingblock:hover code.html:before { content: "html"; } +.listingblock:hover code.java:before { content: "java"; } +.listingblock:hover code.javascript:before { content: "javascript"; } +.listingblock:hover code.python:before { content: "python"; } +.listingblock:hover code.ruby:before { content: "ruby"; } +.listingblock:hover code.scss:before { content: "scss"; } +.listingblock:hover code.xml:before { content: "xml"; } +.listingblock:hover code.yaml:before { content: "yaml"; } + +.listingblock.terminal pre .command:before { content: attr(data-prompt); padding-right: 0.5em; color: #999; } + +.listingblock.terminal pre .command:not([data-prompt]):before { content: '$'; } + +table.pyhltable { border: 0; margin-bottom: 0; } + +table.pyhltable td { vertical-align: top; padding-top: 0; padding-bottom: 0; } + +table.pyhltable td.code { padding-left: .75em; padding-right: 0; } + +.highlight.pygments .lineno, table.pyhltable td:not(.code) { color: #999; padding-left: 0; padding-right: .5em; border-right: 1px solid #dddddd; } + +.highlight.pygments .lineno { display: inline-block; margin-right: .25em; } + +table.pyhltable .linenodiv { background-color: transparent !important; padding-right: 0 !important; } .quoteblock { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #dddddd; } -.quoteblock blockquote { margin: 0 0 1.25em 0; padding: 0; border: 0; } +.quoteblock blockquote { margin: 0 0 1.25em 0; padding: 0 0 0.5625em 0; border: 0; } .quoteblock blockquote > .paragraph:last-child p { margin-bottom: 0; } -.quoteblock .attribution { padding-bottom: 0.5625em; font-size: 0.8125em; color: #555555; } +.quoteblock .attribution { margin-top: -.25em; padding-bottom: 0.5625em; font-size: 0.8125em; color: #555555; } .quoteblock .attribution br { display: none; } .quoteblock .attribution cite { display: block; margin-bottom: 0.625em; } @@ -373,30 +582,44 @@ th.tableblock.halign-right, td.tableblock.halign-right { text-align: right; } th.tableblock.halign-center, td.tableblock.halign-center { text-align: center; } -th.tableblock.halign-top, td.tableblock.halign-top { vertical-align: top; } +th.tableblock.valign-top, td.tableblock.valign-top { vertical-align: top; } -th.tableblock.halign-bottom, td.tableblock.halign-bottom { vertical-align: bottom; } +th.tableblock.valign-bottom, td.tableblock.valign-bottom { vertical-align: bottom; } -th.tableblock.halign-middle, td.tableblock.halign-middle { vertical-align: middle; } +th.tableblock.valign-middle, td.tableblock.valign-middle { vertical-align: middle; } -p.tableblock.header { font-weight: bold; } +p.tableblock.header { color: #222222; font-weight: bold; } td > div.verse { white-space: pre; } -ul { margin-left: 1.75em; } +ol { margin-left: 1.75em; } -ol { margin-left: 1.875em; } +ul li ol { margin-left: 1.5em; } dl dd { margin-left: 1.125em; } dl dd:last-child, dl dd:last-child > :last-child { margin-bottom: 0; } -.unstyled dl dt { font-weight: normal; font-style: normal; } +ol > li p, ul > li p, ul dd, ol dd, .olist .olist, .ulist .ulist, .ulist .olist, .olist .ulist { margin-bottom: 0.625em; } + +ul.unstyled, ol.unnumbered, ul.checklist, ul.none { list-style-type: none; } + +ul.unstyled, ol.unnumbered, ul.checklist { margin-left: 0.625em; } + +ul.checklist li > p:first-child > i[class^="icon-check"]:first-child, ul.checklist li > p:first-child > input[type="checkbox"]:first-child { margin-right: 0.25em; } + +ul.checklist li > p:first-child > input[type="checkbox"]:first-child { position: relative; top: 1px; } -ol > li p, ul > li p, ul dd, ol dd { margin-bottom: 0.625em; } +ul.inline { margin: 0 auto 0.625em auto; margin-left: -1.375em; margin-right: 0; padding: 0; list-style: none; overflow: hidden; } +ul.inline > li { list-style: none; float: left; margin-left: 1.375em; display: block; } +ul.inline > li > * { display: block; } + +.unstyled dl dt { font-weight: normal; font-style: normal; } ol.arabic { list-style-type: decimal; } +ol.decimal { list-style-type: decimal-leading-zero; } + ol.loweralpha { list-style-type: lower-alpha; } ol.upperalpha { list-style-type: upper-alpha; } @@ -405,111 +628,137 @@ ol.lowerroman { list-style-type: lower-roman; } ol.upperroman { list-style-type: upper-roman; } +ol.lowergreek { list-style-type: lower-greek; } + .hdlist > table, .colist > table { border: 0; background: none; } .hdlist > table > tbody > tr, .colist > table > tbody > tr { background: none; } +td.hdlist1 { padding-right: .8em; font-weight: bold; } + +td.hdlist1, td.hdlist2 { vertical-align: top; } + .literalblock + .colist, .listingblock + .colist { margin-top: -0.5em; } .colist > table tr > td:first-of-type { padding: 0 .8em; line-height: 1; } .colist > table tr > td:last-of-type { padding: 0.25em 0; } -td.hdlist1 { vertical-align: top; padding-right: .8em; } +.qanda > ol > li > p > em:only-child { color: #2795b6; } -.qanda > ol > li > p:first-child { color: #2795b6; } +.thumb, .th { line-height: 0; display: inline-block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); } + +.imageblock.left, .imageblock[style*="float: left"] { margin: 0.25em 0.625em 1.25em 0; } +.imageblock.right, .imageblock[style*="float: right"] { margin: 0.25em 0 1.25em 0.625em; } +.imageblock > .title { margin-bottom: 0; } +.imageblock.thumb, .imageblock.th { border-width: 6px; } +.imageblock.thumb > .title, .imageblock.th > .title { padding: 0 0.125em; } + +.image.left, .image.right { margin-top: 0.25em; margin-bottom: 0.25em; display: inline-block; line-height: 0; } +.image.left { margin-right: 0.625em; } +.image.right { margin-left: 0.625em; } + +a.image { text-decoration: none; } span.footnote, span.footnoteref { vertical-align: super; font-size: 0.875em; } span.footnote a, span.footnoteref a { text-decoration: none; } -#footnotes { padding: 0.75em 0.375em; margin-bottom: 1.25em; border-top: 1px solid #dddddd; } -#footnotes hr { display: none; } -#footnotes .footnote { line-height: 1.3; font-size: 0.875em; margin-left: 1.2em; text-indent: -1.2em; margin-bottom: .2em; } -#footnotes .footnote a { font-weight: bold; text-decoration: none; } +#footnotes { padding-top: 0.75em; padding-bottom: 0.75em; margin-bottom: 0.625em; } +#footnotes hr { width: 20%; min-width: 6.25em; margin: -.25em 0 .75em 0; border-width: 1px 0 0 0; } +#footnotes .footnote { padding: 0 0.375em; line-height: 1.3; font-size: 0.875em; margin-left: 1.2em; text-indent: -1.2em; margin-bottom: .2em; } +#footnotes .footnote a:first-of-type { font-weight: bold; text-decoration: none; } #footnotes .footnote:last-of-type { margin-bottom: 0; } +#content #footnotes { margin-top: -0.625em; margin-bottom: 0; padding: 0.75em 0; } + .gist .file-data > table { border: none; background: #fff; width: 100%; margin-bottom: 0; } .gist .file-data > table td.line-data { width: 99%; } -.unbreakable { page-break-inside: avoid; } +div.unbreakable { page-break-inside: avoid; } + +.big { font-size: larger; } -span.big { font-size: larger; } +.small { font-size: smaller; } -span.small { font-size: smaller; } +.underline { text-decoration: underline; } -span.underline { text-decoration: underline; } +.overline { text-decoration: overline; } -span.overline { text-decoration: overline; } +.line-through { text-decoration: line-through; } -span.line-through { text-decoration: line-through; } +.aqua { color: #00bfbf; } -span.aqua { color: #00bfbf; } +.aqua-background { background-color: #00fafa; } -span.aqua-background { background-color: #00fafa; } +.black { color: black; } -span.black { color: black; } +.black-background { background-color: black; } -span.black-background { background-color: black; } +.blue { color: #0000bf; } -span.blue { color: #0000bf; } +.blue-background { background-color: #0000fa; } -span.blue-background { background-color: #0000fa; } +.fuchsia { color: #bf00bf; } -span.fuchsia { color: #bf00bf; } +.fuchsia-background { background-color: #fa00fa; } -span.fuchsia-background { background-color: #fa00fa; } +.gray { color: #606060; } -span.gray { color: #606060; } +.gray-background { background-color: #7d7d7d; } -span.gray-background { background-color: #7d7d7d; } +.green { color: #006000; } -span.green { color: #006000; } +.green-background { background-color: #007d00; } -span.green-background { background-color: #007d00; } +.lime { color: #00bf00; } -span.lime { color: #00bf00; } +.lime-background { background-color: #00fa00; } -span.lime-background { background-color: #00fa00; } +.maroon { color: #600000; } -span.maroon { color: #600000; } +.maroon-background { background-color: #7d0000; } -span.maroon-background { background-color: #7d0000; } +.navy { color: #000060; } -span.navy { color: #000060; } +.navy-background { background-color: #00007d; } -span.navy-background { background-color: #00007d; } +.olive { color: #606000; } -span.olive { color: #606000; } +.olive-background { background-color: #7d7d00; } -span.olive-background { background-color: #7d7d00; } +.purple { color: #600060; } -span.purple { color: #600060; } +.purple-background { background-color: #7d007d; } -span.purple-background { background-color: #7d007d; } +.red { color: #bf0000; } -span.red { color: #bf0000; } +.red-background { background-color: #fa0000; } -span.red-background { background-color: #fa0000; } +.silver { color: #909090; } -span.silver { color: #909090; } +.silver-background { background-color: #bcbcbc; } -span.silver-background { background-color: #bcbcbc; } +.teal { color: #006060; } -span.teal { color: #006060; } +.teal-background { background-color: #007d7d; } -span.teal-background { background-color: #007d7d; } +.white { color: #bfbfbf; } -span.white { color: #bfbfbf; } +.white-background { background-color: #fafafa; } -span.white-background { background-color: #fafafa; } +.yellow { color: #bfbf00; } -span.yellow { color: #bfbf00; } +.yellow-background { background-color: #fafa00; } -span.yellow-background { background-color: #fafa00; } +span.icon > [class^="icon-"], span.icon > [class*=" icon-"] { cursor: default; } -.admonitionblock td.icon [class^="icon-"]:before { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); } +.admonitionblock td.icon [class^="icon-"]:before { font-size: 2.5em; text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5); cursor: default; } .admonitionblock td.icon .icon-note:before { content: "\f05a"; color: #2ba6cb; color: #207c98; } .admonitionblock td.icon .icon-tip:before { content: "\f0eb"; text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8); color: #111; } .admonitionblock td.icon .icon-warning:before { content: "\f071"; color: #bf6900; } .admonitionblock td.icon .icon-caution:before { content: "\f06d"; color: #bf3400; } .admonitionblock td.icon .icon-important:before { content: "\f06a"; color: #bf0000; } -.conum { display: inline-block; color: white; background-color: #222222; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 18px; height: 18px; font-size: 12px; font-weight: bold; line-height: 18px; font-family: Arial, sans-serif; font-style: normal; } +.conum { display: inline-block; color: white !important; background-color: #222222; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 20px; height: 20px; font-size: 12px; font-weight: bold; line-height: 20px; font-family: Arial, sans-serif; font-style: normal; position: relative; top: -2px; letter-spacing: -1px; } +.conum * { color: white !important; } +.conum + b { display: none; } +.conum:after { content: attr(data-value); } +.conum:not([data-value]):empty { display: none; } diff --git a/stylesheets/riak.css b/stylesheets/riak.css index 8d28871f..e8074e5e 100644 --- a/stylesheets/riak.css +++ b/stylesheets/riak.css @@ -1,8 +1,8 @@ @import url(http://fonts.googleapis.com/css?family=Titillium+Web:400,700); @import url(http://fonts.googleapis.com/css?family=Noticia+Text:400,400italic); -@import url(http://netdna.bootstrapcdn.com/font-awesome/3.0.2/css/font-awesome.css); +@import url(http://cdnjs.cloudflare.com/ajax/libs/font-awesome/3.2.0/css/font-awesome.css); /* Derived from the Riak documentation theme developed by Basho Technologies, Inc. | CC BY 3.0 License | http://docs.basho.org */ -/* normalize.css v2.1.0 | MIT License | git.io/normalize */ +/* normalize.css v2.1.1 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } @@ -17,8 +17,8 @@ audio:not([controls]) { display: none; height: 0; } [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ -/** 1. Set default font family to sans-serif. 2. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ -html { font-family: sans-serif; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } +/** 1. Prevent system color scheme's background color being used in Firefox, IE, and Opera. 2. Prevent system color scheme's text color being used in Firefox, IE, and Opera. 3. Set default font family to sans-serif. 4. Prevent iOS text size adjust after orientation change, without disabling user zoom. */ +html { background: #fff; /* 1 */ color: #000; /* 2 */ font-family: sans-serif; /* 3 */ -ms-text-size-adjust: 100%; /* 4 */ -webkit-text-size-adjust: 100%; /* 4 */ } /** Remove default margin. */ body { margin: 0; } @@ -50,7 +50,7 @@ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } mark { background: #ff0; color: #000; } /** Correct font family set oddly in Safari 5 and Chrome. */ -code, tt, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } +code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } @@ -124,7 +124,9 @@ table { border-collapse: collapse; border-spacing: 0; } html, body { font-size: 100%; } -body { background: white; color: #515151; padding: 0; margin: 0; font-family: "Titillium Web", Verdana, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; } +body { background: white; color: #222222; padding: 0; margin: 0; font-family: "Helvetica Neue", "Helvetica", Helvetica, Arial, sans-serif; font-weight: normal; font-style: normal; line-height: 1; position: relative; cursor: auto; } + +a:hover { cursor: pointer; } a:focus { outline: none; } @@ -152,16 +154,158 @@ img { -ms-interpolation-mode: bicubic; } .antialiased, body { -webkit-font-smoothing: antialiased; } -img { display: inline-block; } +img { display: inline-block; vertical-align: middle; } textarea { height: auto; min-height: 50px; } select { width: 100%; } /* Grid HTML Classes */ -p.lead, #preamble > .sectionbody > .paragraph:first-of-type p { font-size: 1.21875em; line-height: 1.6; } - -.subheader, .admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .ulist > .title, .olist > .title, .dlist > .title, .qlist > .title, .tableblock > caption { line-height: 1.4; color: #3c3d3f; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } +.row { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; } +.row:before, .row:after { content: " "; display: table; } +.row:after { clear: both; } +.row.collapse .column, .row.collapse .columns { position: relative; padding-left: 0; padding-right: 0; float: left; } +.row .row { width: auto; margin-left: -0.9375em; margin-right: -0.9375em; margin-top: 0; margin-bottom: 0; max-width: none; *zoom: 1; } +.row .row:before, .row .row:after { content: " "; display: table; } +.row .row:after { clear: both; } +.row .row.collapse { width: auto; margin: 0; max-width: none; *zoom: 1; } +.row .row.collapse:before, .row .row.collapse:after { content: " "; display: table; } +.row .row.collapse:after { clear: both; } + +.column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; width: 100%; float: left; } + +@media only screen { .column, .columns { position: relative; padding-left: 0.9375em; padding-right: 0.9375em; float: left; } + .small-1 { position: relative; width: 8.33333%; } + .small-2 { position: relative; width: 16.66667%; } + .small-3 { position: relative; width: 25%; } + .small-4 { position: relative; width: 33.33333%; } + .small-5 { position: relative; width: 41.66667%; } + .small-6 { position: relative; width: 50%; } + .small-7 { position: relative; width: 58.33333%; } + .small-8 { position: relative; width: 66.66667%; } + .small-9 { position: relative; width: 75%; } + .small-10 { position: relative; width: 83.33333%; } + .small-11 { position: relative; width: 91.66667%; } + .small-12 { position: relative; width: 100%; } + .small-offset-0 { position: relative; margin-left: 0%; } + .small-offset-1 { position: relative; margin-left: 8.33333%; } + .small-offset-2 { position: relative; margin-left: 16.66667%; } + .small-offset-3 { position: relative; margin-left: 25%; } + .small-offset-4 { position: relative; margin-left: 33.33333%; } + .small-offset-5 { position: relative; margin-left: 41.66667%; } + .small-offset-6 { position: relative; margin-left: 50%; } + .small-offset-7 { position: relative; margin-left: 58.33333%; } + .small-offset-8 { position: relative; margin-left: 66.66667%; } + .small-offset-9 { position: relative; margin-left: 75%; } + .small-offset-10 { position: relative; margin-left: 83.33333%; } + [class*="column"] + [class*="column"]:last-child { float: right; } + [class*="column"] + [class*="column"].end { float: left; } + .column.small-centered, .columns.small-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } } +/* Styles for screens that are atleast 768px; */ +@media only screen and (min-width: 768px) { .large-1 { position: relative; width: 8.33333%; } + .large-2 { position: relative; width: 16.66667%; } + .large-3 { position: relative; width: 25%; } + .large-4 { position: relative; width: 33.33333%; } + .large-5 { position: relative; width: 41.66667%; } + .large-6 { position: relative; width: 50%; } + .large-7 { position: relative; width: 58.33333%; } + .large-8 { position: relative; width: 66.66667%; } + .large-9 { position: relative; width: 75%; } + .large-10 { position: relative; width: 83.33333%; } + .large-11 { position: relative; width: 91.66667%; } + .large-12 { position: relative; width: 100%; } + .row .large-offset-0 { position: relative; margin-left: 0%; } + .row .large-offset-1 { position: relative; margin-left: 8.33333%; } + .row .large-offset-2 { position: relative; margin-left: 16.66667%; } + .row .large-offset-3 { position: relative; margin-left: 25%; } + .row .large-offset-4 { position: relative; margin-left: 33.33333%; } + .row .large-offset-5 { position: relative; margin-left: 41.66667%; } + .row .large-offset-6 { position: relative; margin-left: 50%; } + .row .large-offset-7 { position: relative; margin-left: 58.33333%; } + .row .large-offset-8 { position: relative; margin-left: 66.66667%; } + .row .large-offset-9 { position: relative; margin-left: 75%; } + .row .large-offset-10 { position: relative; margin-left: 83.33333%; } + .row .large-offset-11 { position: relative; margin-left: 91.66667%; } + .push-1 { position: relative; left: 8.33333%; right: auto; } + .pull-1 { position: relative; right: 8.33333%; left: auto; } + .push-2 { position: relative; left: 16.66667%; right: auto; } + .pull-2 { position: relative; right: 16.66667%; left: auto; } + .push-3 { position: relative; left: 25%; right: auto; } + .pull-3 { position: relative; right: 25%; left: auto; } + .push-4 { position: relative; left: 33.33333%; right: auto; } + .pull-4 { position: relative; right: 33.33333%; left: auto; } + .push-5 { position: relative; left: 41.66667%; right: auto; } + .pull-5 { position: relative; right: 41.66667%; left: auto; } + .push-6 { position: relative; left: 50%; right: auto; } + .pull-6 { position: relative; right: 50%; left: auto; } + .push-7 { position: relative; left: 58.33333%; right: auto; } + .pull-7 { position: relative; right: 58.33333%; left: auto; } + .push-8 { position: relative; left: 66.66667%; right: auto; } + .pull-8 { position: relative; right: 66.66667%; left: auto; } + .push-9 { position: relative; left: 75%; right: auto; } + .pull-9 { position: relative; right: 75%; left: auto; } + .push-10 { position: relative; left: 83.33333%; right: auto; } + .pull-10 { position: relative; right: 83.33333%; left: auto; } + .push-11 { position: relative; left: 91.66667%; right: auto; } + .pull-11 { position: relative; right: 91.66667%; left: auto; } + .column.large-centered, .columns.large-centered { position: relative; margin-left: auto; margin-right: auto; float: none !important; } + .column.large-uncentered, .columns.large-uncentered { margin-left: 0; margin-right: 0; float: left !important; } + .column.large-uncentered.opposite, .columns.large-uncentered.opposite { float: right !important; } } +/* Image Thumbnails */ +.th { line-height: 0; display: inline-block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); -webkit-transition: all 200ms ease-out; -moz-transition: all 200ms ease-out; transition: all 200ms ease-out; } +.th:hover, .th:focus { -webkit-box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); box-shadow: 0 0 6px 1px rgba(43, 166, 203, 0.5); } +.th.radius { -webkit-border-radius: 3px; border-radius: 3px; } + +a.th { display: inline-block; } + +button, .button { border-style: solid; border-width: 1px; cursor: pointer; font-family: inherit; font-weight: bold; line-height: 1; margin: 0 0 1.25em; position: relative; text-decoration: none; text-align: center; display: inline-block; padding-top: 0.75em; padding-right: 1.5em; padding-bottom: 0.8125em; padding-left: 1.5em; font-size: 1em; background-color: #2ba6cb; border-color: #2284a1; color: white; } +button:hover, button:focus, .button:hover, .button:focus { background-color: #2284a1; } +button:hover, button:focus, .button:hover, .button:focus { color: white; } +button.secondary, .button.secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; } +button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { background-color: #d0d0d0; } +button.secondary:hover, button.secondary:focus, .button.secondary:hover, .button.secondary:focus { color: #333333; } +button.success, .button.success { background-color: #5da423; border-color: #457a1a; color: white; } +button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { background-color: #457a1a; } +button.success:hover, button.success:focus, .button.success:hover, .button.success:focus { color: white; } +button.alert, .button.alert { background-color: #c60f13; border-color: #970b0e; color: white; } +button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { background-color: #970b0e; } +button.alert:hover, button.alert:focus, .button.alert:hover, .button.alert:focus { color: white; } +button.large, .button.large { padding-top: 1em; padding-right: 2em; padding-bottom: 1.0625em; padding-left: 2em; font-size: 1.25em; } +button.small, .button.small { padding-top: 0.5625em; padding-right: 1.125em; padding-bottom: 0.625em; padding-left: 1.125em; font-size: 0.8125em; } +button.tiny, .button.tiny { padding-top: 0.4375em; padding-right: 0.875em; padding-bottom: 0.5em; padding-left: 0.875em; font-size: 0.6875em; } +button.expand, .button.expand { padding-right: 0px; padding-left: 0px; width: 100%; } +button.left-align, .button.left-align { text-align: left; text-indent: 0.75em; } +button.right-align, .button.right-align { text-align: right; padding-right: 0.75em; } +button.disabled, button[disabled], .button.disabled, .button[disabled] { background-color: #2ba6cb; border-color: #2284a1; color: white; cursor: auto; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } +button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2284a1; } +button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { color: white; } +button.disabled:hover, button.disabled:focus, button[disabled]:hover, button[disabled]:focus, .button.disabled:hover, .button.disabled:focus, .button[disabled]:hover, .button[disabled]:focus { background-color: #2ba6cb; } +button.disabled.secondary, button[disabled].secondary, .button.disabled.secondary, .button[disabled].secondary { background-color: #e9e9e9; border-color: #d0d0d0; color: #333333; cursor: auto; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } +button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #d0d0d0; } +button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { color: #333333; } +button.disabled.secondary:hover, button.disabled.secondary:focus, button[disabled].secondary:hover, button[disabled].secondary:focus, .button.disabled.secondary:hover, .button.disabled.secondary:focus, .button[disabled].secondary:hover, .button[disabled].secondary:focus { background-color: #e9e9e9; } +button.disabled.success, button[disabled].success, .button.disabled.success, .button[disabled].success { background-color: #5da423; border-color: #457a1a; color: white; cursor: auto; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } +button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #457a1a; } +button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { color: white; } +button.disabled.success:hover, button.disabled.success:focus, button[disabled].success:hover, button[disabled].success:focus, .button.disabled.success:hover, .button.disabled.success:focus, .button[disabled].success:hover, .button[disabled].success:focus { background-color: #5da423; } +button.disabled.alert, button[disabled].alert, .button.disabled.alert, .button[disabled].alert { background-color: #c60f13; border-color: #970b0e; color: white; cursor: auto; opacity: 0.6; -webkit-box-shadow: none; box-shadow: none; } +button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #970b0e; } +button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { color: white; } +button.disabled.alert:hover, button.disabled.alert:focus, button[disabled].alert:hover, button[disabled].alert:focus, .button.disabled.alert:hover, .button.disabled.alert:focus, .button[disabled].alert:hover, .button[disabled].alert:focus { background-color: #c60f13; } + +button, .button { padding-top: 0.8125em; padding-bottom: 0.75em; -webkit-appearance: none; } +button.tiny, .button.tiny { padding-top: 0.5em; padding-bottom: 0.4375em; -webkit-appearance: none; } +button.small, .button.small { padding-top: 0.625em; padding-bottom: 0.5625em; -webkit-appearance: none; } +button.large, .button.large { padding-top: 1.03125em; padding-bottom: 1.03125em; -webkit-appearance: none; } + +@media only screen { button, .button { -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.5) inset; -webkit-transition: background-color 300ms ease-out; -moz-transition: background-color 300ms ease-out; transition: background-color 300ms ease-out; } + button:active, .button:active { -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } + button.radius, .button.radius { -webkit-border-radius: 3px; border-radius: 3px; } + button.round, .button.round { -webkit-border-radius: 1000px; border-radius: 1000px; } } +@media only screen and (min-width: 768px) { button, .button { display: inline-block; } } +p.lead, .paragraph.lead > p, #preamble > .sectionbody > .paragraph:first-of-type p { font-size: 1.21875em; line-height: 1.6; } + +.subheader, #content #toctitle, .admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .videoblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title, .tableblock > caption { line-height: 1.4; color: #3c3d3f; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } /* Typography resets */ div, dl, dt, dd, ul, ol, li, h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6, pre, form, p, blockquote, th, td { margin: 0; padding: 0; direction: ltr; } @@ -172,7 +316,7 @@ a:hover, a:focus { color: #faa94c; } a img { border: none; } /* Default paragraph styles */ -p { font-family: inherit; font-weight: normal; font-size: 1.2em; line-height: 1.5; margin-bottom: 0.9375em; text-rendering: geometricPrecision; } +p { font-family: inherit; font-weight: normal; font-size: 1em; line-height: 1.5; margin-bottom: 0.9375em; text-rendering: geometricPrecision; } p aside { font-size: 0.875em; line-height: 1.35; font-style: italic; } /* Default header styles */ @@ -200,13 +344,15 @@ strong, b { font-weight: bold; line-height: inherit; } small { font-size: 60%; line-height: inherit; } -code, tt { font-family: monospace, serif; font-weight: normal; color: #515151; } +code { font-family: monospace, serif; font-weight: normal; color: #515151; } /* Lists */ ul, ol, dl { font-size: 1em; line-height: 1.5; margin-bottom: 0.9375em; list-style-position: outside; font-family: inherit; } +ul, ol { margin-left: 1.5em; } + /* Unordered Lists */ -ul li ul, ul li ol { margin-left: 1.5em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } +ul li ul, ul li ol { margin-left: 1.25em; margin-bottom: 0; font-size: 1em; /* Override nested font-size change */ } ul.square li ul, ul.circle li ul, ul.disc li ul { list-style: inherit; } ul.square { list-style-type: square; } ul.circle { list-style-type: circle; } @@ -214,7 +360,7 @@ ul.disc { list-style-type: disc; } ul.no-bullet { list-style: none; } /* Ordered Lists */ -ol li ul, ol li ol { margin-left: 1.5em; margin-bottom: 0; } +ol li ul, ol li ol { margin-left: 1.25em; margin-bottom: 0; } /* Definition Lists */ dl dt { margin-bottom: 0.3125em; font-weight: bold; } @@ -239,9 +385,9 @@ blockquote, blockquote p { line-height: 1.5; color: #616366; } .vcard .fn { font-weight: bold; font-size: 0.9375em; } .vevent .summary { font-weight: bold; } -.vevent abbr { cursor: default; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; } +.vevent abbr { cursor: auto; text-decoration: none; font-weight: bold; border: none; padding: 0 0.0625em; } -@media only screen and (min-width: 48em) { h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.4; } +@media only screen and (min-width: 768px) { h1, h2, h3, #toctitle, .sidebarblock > .content > .title, h4, h5, h6 { line-height: 1.4; } h1 { font-size: 2.75em; } h2 { font-size: 2.3125em; } h3, #toctitle, .sidebarblock > .content > .title { font-size: 1.6875em; } @@ -274,43 +420,79 @@ table tr th, table tr td { padding: 0.5625em 0.625em; font-size: inherit; color: table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #dfdfdf; } table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.5; } -pre > code, pre > tt { color: #515151; } +.clearfix:before, .clearfix:after, .float-group:before, .float-group:after { content: " "; display: table; } +.clearfix:after, .float-group:after { clear: both; } + +*:not(pre) > code { font-size: 0.9em; padding: 0 3px; white-space: nowrap; background-color: #dfdfdf; border: 1px solid #c9c9c9; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; } + +pre, pre > code { line-height: 1.6; color: inherit; font-family: monospace, serif; font-weight: normal; } + +kbd.keyseq { color: #848484; } -tt { font-size: 0.9em; padding: 0 3px; white-space: nowrap; background-color: #dfdfdf; border: 1px solid #c9c9c9; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; } +kbd:not(.keyseq) { display: inline-block; color: #515151; font-size: 0.75em; line-height: 1.4; background-color: #F7F7F7; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; margin: -0.15em 0.15em 0 0.15em; padding: 0.2em 0.6em 0.2em 0.5em; vertical-align: middle; white-space: nowrap; } -p a > tt { display: inline-block; height: 1.45em; padding-top: 0; padding-bottom: 0; } +kbd kbd:first-child { margin-left: 0; } -a > tt { border-bottom: 1px solid #2984a9; } +kbd kbd:last-child { margin-right: 0; } -a > tt:hover { border-bottom: 1px solid #faa94c; } +.menuseq, .menu { color: #373737; } + +p a > code:hover { color: #444444; } #header, #content, #footnotes, #footer { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; position: relative; padding-left: 0.9375em; padding-right: 0.9375em; } #header:before, #header:after, #content:before, #content:after, #footnotes:before, #footnotes:after, #footer:before, #footer:after { content: " "; display: table; } #header:after, #content:after, #footnotes:after, #footer:after { clear: both; } #header { margin-bottom: 2.5em; } -#header > h1 { color: #616366; border-bottom: 1px solid #dddddd; margin-bottom: -28px; padding-bottom: 32px; } +#header > h1 { color: #616366; font-weight: normal; border-bottom: 1px solid #dddddd; margin-bottom: -28px; padding-bottom: 32px; } #header span { color: #616366; } #header #revnumber { text-transform: capitalize; } #header br { display: none; } #header br + span { padding-left: 3px; } #header br + span:before { content: "\2013 \0020"; } +#header br + span.author { padding-left: 0; } +#header br + span.author:before { content: ", "; } #toc { border-bottom: 1px dashed #cccccc; padding-bottom: 1.25em; } -#toc > ol { margin-left: 0.25em; } -#toc ol { list-style-type: none; } +#toc > ul { margin-left: 0.25em; } +#toc ul.sectlevel0 > li > a { font-style: italic; } +#toc ul.sectlevel0 ul.sectlevel1 { margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } +#toc ul { list-style-type: none; } #toctitle { color: #3c3d3f; } +@media only screen and (min-width: 1280px) { body.toc2 { padding-left: 20em; } + #toc.toc2 { position: fixed; width: 20em; left: 0; top: 0; border-right: 1px solid #cccccc; border-bottom: 0; z-index: 1000; padding: 1em; height: 100%; overflow: auto; } + #toc.toc2 #toctitle { margin-top: 0; } + #toc.toc2 > ul { font-size: .95em; } + #toc.toc2 ul ul { margin-left: 0; padding-left: 1.25em; } + #toc.toc2 ul.sectlevel0 ul.sectlevel1 { padding-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } + body.toc2.toc-right { padding-left: 0; padding-right: 20em; } + body.toc2.toc-right #toc.toc2 { border-right: 0; border-left: 1px solid #cccccc; left: auto; right: 0; } } +#content #toc { border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2; border-width: 0; -webkit-border-radius: 4px; border-radius: 4px; } +#content #toc > :first-child { margin-top: 0; } +#content #toc > :last-child { margin-bottom: 0; } +#content #toc a { text-decoration: none; } + +#content #toctitle { font-weight: bold; font-family: "Titillium Web", Verdana, Arial, sans-serif; font-size: 1em; padding-left: 0.125em; } + #footer { max-width: 100%; background-color: #515151; padding: 1.25em; } #footer-text { color: #aeaeae; line-height: 1.35; } -.sect1 { border-bottom: 1px dashed #cccccc; padding-bottom: 1.25em; } +.sect1 { padding-bottom: 1.25em; } + +.sect1 + .sect1 { border-top: 1px dashed #cccccc; } -.sect1:last-of-type { border-bottom: 0; } +#content h1 > a.anchor, h2 > a.anchor, h3 > a.anchor, #toctitle > a.anchor, .sidebarblock > .content > .title > a.anchor, h4 > a.anchor, h5 > a.anchor, h6 > a.anchor { position: absolute; width: 1em; margin-left: -1em; display: block; text-decoration: none; visibility: hidden; text-align: center; font-weight: normal; } +#content h1 > a.anchor:before, h2 > a.anchor:before, h3 > a.anchor:before, #toctitle > a.anchor:before, .sidebarblock > .content > .title > a.anchor:before, h4 > a.anchor:before, h5 > a.anchor:before, h6 > a.anchor:before { content: '\00A7'; font-size: .85em; vertical-align: text-top; display: block; margin-top: 0.05em; } +#content h1:hover > a.anchor, #content h1 > a.anchor:hover, h2:hover > a.anchor, h2 > a.anchor:hover, h3:hover > a.anchor, #toctitle:hover > a.anchor, .sidebarblock > .content > .title:hover > a.anchor, h3 > a.anchor:hover, #toctitle > a.anchor:hover, .sidebarblock > .content > .title > a.anchor:hover, h4:hover > a.anchor, h4 > a.anchor:hover, h5:hover > a.anchor, h5 > a.anchor:hover, h6:hover > a.anchor, h6 > a.anchor:hover { visibility: visible; } +#content h1 > a.link, h2 > a.link, h3 > a.link, #toctitle > a.link, .sidebarblock > .content > .title > a.link, h4 > a.link, h5 > a.link, h6 > a.link { color: #616366; text-decoration: none; } +#content h1 > a.link:hover, h2 > a.link:hover, h3 > a.link:hover, #toctitle > a.link:hover, .sidebarblock > .content > .title > a.link:hover, h4 > a.link:hover, h5 > a.link:hover, h6 > a.link:hover { color: #555659; } -.admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .ulist > .title, .olist > .title, .dlist > .title, .qlist > .title { text-align: left; font-weight: bold; } +.imageblock, .literalblock, .listingblock, .verseblock, .videoblock { margin-bottom: 1.25em; } + +.admonitionblock td.content > .title, .exampleblock > .title, .imageblock > .title, .videoblock > .title, .listingblock > .title, .literalblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, .sidebarblock > .title, .tableblock > .title, .verseblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { text-align: left; font-weight: bold; } .tableblock > caption { text-align: left; font-weight: bold; white-space: nowrap; overflow: visible; max-width: 0; } @@ -320,49 +502,72 @@ table.tableblock #preamble > .sectionbody > .paragraph:first-of-type p { font-si .admonitionblock > table td.icon { text-align: center; width: 80px; } .admonitionblock > table td.icon img { max-width: none; } .admonitionblock > table td.icon .title { font-weight: bold; text-transform: uppercase; } -.admonitionblock > table td.content { padding-left: 1.125em; padding-right: 1.25em; border-left: 2px solid #dddddd; color: #616366; } -.admonitionblock > table td.content > .paragraph:last-child > p { margin-bottom: 0; } +.admonitionblock > table td.content { padding-left: 1.125em; padding-right: 1.25em; border-left: 1px solid #dddddd; color: #616366; } +.admonitionblock > table td.content > :last-child > :last-child { margin-bottom: 0; } .exampleblock > .content { border-style: solid; border-width: 1px; border-color: #e6e6e6; margin-bottom: 1.25em; padding: 1.25em; background: white; -webkit-border-radius: 4px; border-radius: 4px; } -.exampleblock > .content h1, .exampleblock > .content h2, .exampleblock > .content h3, .exampleblock > .content #toctitle, .sidebarblock.exampleblock > .content > .title, .exampleblock > .content h4, .exampleblock > .content h5, .exampleblock > .content h6, .exampleblock > .content p { color: #333333; } .exampleblock > .content > :first-child { margin-top: 0; } .exampleblock > .content > :last-child { margin-bottom: 0; } +.exampleblock > .content h1, .exampleblock > .content h2, .exampleblock > .content h3, .exampleblock > .content #toctitle, .sidebarblock.exampleblock > .content > .title, .exampleblock > .content h4, .exampleblock > .content h5, .exampleblock > .content h6, .exampleblock > .content p { color: #333333; } .exampleblock > .content h1, .exampleblock > .content h2, .exampleblock > .content h3, .exampleblock > .content #toctitle, .sidebarblock.exampleblock > .content > .title, .exampleblock > .content h4, .exampleblock > .content h5, .exampleblock > .content h6 { line-height: 1; margin-bottom: 0.625em; } .exampleblock > .content h1.subheader, .exampleblock > .content h2.subheader, .exampleblock > .content h3.subheader, .exampleblock > .content .subheader#toctitle, .sidebarblock.exampleblock > .content > .subheader.title, .exampleblock > .content h4.subheader, .exampleblock > .content h5.subheader, .exampleblock > .content h6.subheader { line-height: 1.4; } -.exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child { margin-bottom: 0; } .exampleblock.result > .content { -webkit-box-shadow: 0 1px 8px #d9d9d9; box-shadow: 0 1px 8px #d9d9d9; } -.imageblock { margin-bottom: 1.25em; } - .sidebarblock { border-style: solid; border-width: 1px; border-color: #d9d9d9; margin-bottom: 1.25em; padding: 1.25em; background: #f2f2f2; -webkit-border-radius: 4px; border-radius: 4px; } -.sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6, .sidebarblock p { color: #333333; } .sidebarblock > :first-child { margin-top: 0; } .sidebarblock > :last-child { margin-bottom: 0; } +.sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6, .sidebarblock p { color: #333333; } .sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6 { line-height: 1; margin-bottom: 0.625em; } .sidebarblock h1.subheader, .sidebarblock h2.subheader, .sidebarblock h3.subheader, .sidebarblock .subheader#toctitle, .sidebarblock > .content > .subheader.title, .sidebarblock h4.subheader, .sidebarblock h5.subheader, .sidebarblock h6.subheader { line-height: 1.4; } .sidebarblock > .content > .title { color: #3c3d3f; margin-top: 0; line-height: 1.5; } -.sidebarblock > .content > .paragraph:last-child p { margin-bottom: 0; } - -.literalblock, .listingblock { margin-bottom: 1.25em; } -.literalblock > .content > pre, .listingblock > .content > pre { color: inherit; font-family: monospace, serif; border-width: 0 0 1px 0; border-style: solid; border-color: #f0f0f0; -webkit-border-radius: 4px; border-radius: 4px; padding: 15px; white-space: pre; overflow-x: auto; line-height: 1.6; } -.literalblock > .content > pre > code, .literalblock > .content > pre > tt, .listingblock > .content > pre > code, .listingblock > .content > pre > tt { color: inherit; font-family: monospace, serif; padding: 0; background: none; font-weight: normal; } -@media only screen { .literalblock > .content > pre, .listingblock > .content > pre { font-size: 0.64em; } } -@media only screen and (min-width: 48em) { .literalblock > .content > pre, .listingblock > .content > pre { font-size: 0.72em; } } -@media only screen and (min-width: 80em) { .literalblock > .content > pre, .listingblock > .content > pre { font-size: 0.8em; } } - -.listingblock:hover .xml:before { content: "xml"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .html:before { content: "html"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .ruby:before { content: "ruby"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .asciidoc:before { content: "asciidoc"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .java:before { content: "java"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .css:before { content: "css"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } -.listingblock:hover .scss:before { content: "scss"; text-transform: uppercase; float: right; font-size: 0.9em; color: #999; } + +.exampleblock > .content > :last-child > :last-child, .exampleblock > .content .olist > ol > li:last-child > :last-child, .exampleblock > .content .ulist > ul > li:last-child > :last-child, .exampleblock > .content .qlist > ol > li:last-child > :last-child, .sidebarblock > .content > :last-child > :last-child, .sidebarblock > .content .olist > ol > li:last-child > :last-child, .sidebarblock > .content .ulist > ul > li:last-child > :last-child, .sidebarblock > .content .qlist > ol > li:last-child > :last-child { margin-bottom: 0; } + +.literalblock > .content pre, .listingblock > .content pre { background: url('../images/riak/pre-bg.jpg'); border-width: 0 0 1px 0; border-style: solid; border-color: #f0f0f0; -webkit-border-radius: 4px; border-radius: 4px; padding: 15px; word-wrap: break-word; } +.literalblock > .content pre.nowrap, .listingblock > .content pre.nowrap { overflow-x: auto; white-space: pre; word-wrap: normal; } +.literalblock > .content pre > code, .listingblock > .content pre > code { display: block; } +@media only screen { .literalblock > .content pre, .listingblock > .content pre { font-size: 0.64em; } } +@media only screen and (min-width: 768px) { .literalblock > .content pre, .listingblock > .content pre { font-size: 0.72em; } } +@media only screen and (min-width: 1280px) { .literalblock > .content pre, .listingblock > .content pre { font-size: 0.8em; } } + +.listingblock > .content { position: relative; } + +.listingblock:hover code[class*=" language-"]:before { text-transform: uppercase; font-size: 0.9em; color: #999; position: absolute; top: 0.375em; right: 0.375em; } + +.listingblock:hover code.asciidoc:before { content: "asciidoc"; } +.listingblock:hover code.clojure:before { content: "clojure"; } +.listingblock:hover code.css:before { content: "css"; } +.listingblock:hover code.groovy:before { content: "groovy"; } +.listingblock:hover code.html:before { content: "html"; } +.listingblock:hover code.java:before { content: "java"; } +.listingblock:hover code.javascript:before { content: "javascript"; } +.listingblock:hover code.python:before { content: "python"; } +.listingblock:hover code.ruby:before { content: "ruby"; } +.listingblock:hover code.scss:before { content: "scss"; } +.listingblock:hover code.xml:before { content: "xml"; } +.listingblock:hover code.yaml:before { content: "yaml"; } + +.listingblock.terminal pre .command:before { content: attr(data-prompt); padding-right: 0.5em; color: #999; } + +.listingblock.terminal pre .command:not([data-prompt]):before { content: '$'; } + +table.pyhltable { border: 0; margin-bottom: 0; } + +table.pyhltable td { vertical-align: top; padding-top: 0; padding-bottom: 0; } + +table.pyhltable td.code { padding-left: .75em; padding-right: 0; } + +.highlight.pygments .lineno, table.pyhltable td:not(.code) { color: #999; padding-left: 0; padding-right: .5em; border-right: 1px solid #dddddd; } + +.highlight.pygments .lineno { display: inline-block; margin-right: .25em; } + +table.pyhltable .linenodiv { background-color: transparent !important; padding-right: 0 !important; } .quoteblock { margin: 0 0 0.9375em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 1px solid #dddddd; } -.quoteblock blockquote { margin: 0 0 0.9375em 0; padding: 0; border: 0; } +.quoteblock blockquote { margin: 0 0 0.9375em 0; padding: 0 0 0.5625em 0; border: 0; } .quoteblock blockquote > .paragraph:last-child p { margin-bottom: 0; } -.quoteblock .attribution { padding-bottom: 0.5625em; font-size: inherit; color: #484a4c; } +.quoteblock .attribution { margin-top: -.25em; padding-bottom: 0.5625em; font-size: inherit; color: #484a4c; } .quoteblock .attribution br { display: none; } .quoteblock .attribution cite { display: block; margin-bottom: 0.625em; } @@ -382,30 +587,44 @@ th.tableblock.halign-right, td.tableblock.halign-right { text-align: right; } th.tableblock.halign-center, td.tableblock.halign-center { text-align: center; } -th.tableblock.halign-top, td.tableblock.halign-top { vertical-align: top; } +th.tableblock.valign-top, td.tableblock.valign-top { vertical-align: top; } -th.tableblock.halign-bottom, td.tableblock.halign-bottom { vertical-align: bottom; } +th.tableblock.valign-bottom, td.tableblock.valign-bottom { vertical-align: bottom; } -th.tableblock.halign-middle, td.tableblock.halign-middle { vertical-align: middle; } +th.tableblock.valign-middle, td.tableblock.valign-middle { vertical-align: middle; } -p.tableblock.header { font-weight: bold; } +p.tableblock.header { color: #222222; font-weight: bold; } td > div.verse { white-space: pre; } -ul { margin-left: 1.75em; } +ol { margin-left: 1.75em; } -ol { margin-left: 1.875em; } +ul li ol { margin-left: 1.5em; } dl dd { margin-left: 1.125em; } dl dd:last-child, dl dd:last-child > :last-child { margin-bottom: 0; } -.unstyled dl dt { font-weight: normal; font-style: normal; } +ol > li p, ul > li p, ul dd, ol dd, .olist .olist, .ulist .ulist, .ulist .olist, .olist .ulist { margin-bottom: 0.46875em; } + +ul.unstyled, ol.unnumbered, ul.checklist, ul.none { list-style-type: none; } + +ul.unstyled, ol.unnumbered, ul.checklist { margin-left: 0.625em; } + +ul.checklist li > p:first-child > i[class^="icon-check"]:first-child, ul.checklist li > p:first-child > input[type="checkbox"]:first-child { margin-right: 0.25em; } + +ul.checklist li > p:first-child > input[type="checkbox"]:first-child { position: relative; top: 1px; } + +ul.inline { margin: 0 auto 0.46875em auto; margin-left: -1.375em; margin-right: 0; padding: 0; list-style: none; overflow: hidden; } +ul.inline > li { list-style: none; float: left; margin-left: 1.375em; display: block; } +ul.inline > li > * { display: block; } -ol > li p, ul > li p, ul dd, ol dd { margin-bottom: 0.46875em; } +.unstyled dl dt { font-weight: normal; font-style: normal; } ol.arabic { list-style-type: decimal; } +ol.decimal { list-style-type: decimal-leading-zero; } + ol.loweralpha { list-style-type: lower-alpha; } ol.upperalpha { list-style-type: upper-alpha; } @@ -414,116 +633,140 @@ ol.lowerroman { list-style-type: lower-roman; } ol.upperroman { list-style-type: upper-roman; } +ol.lowergreek { list-style-type: lower-greek; } + .hdlist > table, .colist > table { border: 0; background: none; } .hdlist > table > tbody > tr, .colist > table > tbody > tr { background: none; } +td.hdlist1 { padding-right: .8em; font-weight: bold; } + +td.hdlist1, td.hdlist2 { vertical-align: top; } + .literalblock + .colist, .listingblock + .colist { margin-top: -0.5em; } .colist > table tr > td:first-of-type { padding: 0 .8em; line-height: 1; } .colist > table tr > td:last-of-type { padding: 0.25em 0; } -td.hdlist1 { vertical-align: top; padding-right: .8em; } +.qanda > ol > li > p > em:only-child { color: #247494; } + +.thumb, .th { line-height: 0; display: inline-block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.2); } -.qanda > ol > li > p:first-child { color: #247494; } +.imageblock.left, .imageblock[style*="float: left"] { margin: 0.25em 0.625em 1.25em 0; } +.imageblock.right, .imageblock[style*="float: right"] { margin: 0.25em 0 1.25em 0.625em; } +.imageblock > .title { margin-bottom: 0; } +.imageblock.thumb, .imageblock.th { border-width: 6px; } +.imageblock.thumb > .title, .imageblock.th > .title { padding: 0 0.125em; } + +.image.left, .image.right { margin-top: 0.25em; margin-bottom: 0.25em; display: inline-block; line-height: 0; } +.image.left { margin-right: 0.625em; } +.image.right { margin-left: 0.625em; } + +a.image { text-decoration: none; } span.footnote, span.footnoteref { vertical-align: super; font-size: 0.875em; } span.footnote a, span.footnoteref a { text-decoration: none; } -#footnotes { padding: 0.75em 0.375em; margin-bottom: 0.9375em; border-top: 1px solid #dddddd; } -#footnotes hr { display: none; } -#footnotes .footnote { line-height: 1.3; font-size: 0.875em; margin-left: 1.2em; text-indent: -1.2em; margin-bottom: .2em; } -#footnotes .footnote a { font-weight: bold; text-decoration: none; } +#footnotes { padding-top: 0.75em; padding-bottom: 0.75em; margin-bottom: 0.625em; } +#footnotes hr { width: 20%; min-width: 6.25em; margin: -.25em 0 .75em 0; border-width: 1px 0 0 0; } +#footnotes .footnote { padding: 0 0.375em; line-height: 1.3; font-size: 0.875em; margin-left: 1.2em; text-indent: -1.2em; margin-bottom: .2em; } +#footnotes .footnote a:first-of-type { font-weight: bold; text-decoration: none; } #footnotes .footnote:last-of-type { margin-bottom: 0; } +#content #footnotes { margin-top: -0.625em; margin-bottom: 0; padding: 0.75em 0; } + .gist .file-data > table { border: none; background: #fff; width: 100%; margin-bottom: 0; } .gist .file-data > table td.line-data { width: 99%; } -.unbreakable { page-break-inside: avoid; } +div.unbreakable { page-break-inside: avoid; } -span.big { font-size: larger; } +.big { font-size: larger; } -span.small { font-size: smaller; } +.small { font-size: smaller; } -span.underline { text-decoration: underline; } +.underline { text-decoration: underline; } -span.overline { text-decoration: overline; } +.overline { text-decoration: overline; } -span.line-through { text-decoration: line-through; } +.line-through { text-decoration: line-through; } -span.aqua { color: #00bfbf; } +.aqua { color: #00bfbf; } -span.aqua-background { background-color: #00fafa; } +.aqua-background { background-color: #00fafa; } -span.black { color: black; } +.black { color: black; } -span.black-background { background-color: black; } +.black-background { background-color: black; } -span.blue { color: #0000bf; } +.blue { color: #0000bf; } -span.blue-background { background-color: #0000fa; } +.blue-background { background-color: #0000fa; } -span.fuchsia { color: #bf00bf; } +.fuchsia { color: #bf00bf; } -span.fuchsia-background { background-color: #fa00fa; } +.fuchsia-background { background-color: #fa00fa; } -span.gray { color: #606060; } +.gray { color: #606060; } -span.gray-background { background-color: #7d7d7d; } +.gray-background { background-color: #7d7d7d; } -span.green { color: #006000; } +.green { color: #006000; } -span.green-background { background-color: #007d00; } +.green-background { background-color: #007d00; } -span.lime { color: #00bf00; } +.lime { color: #00bf00; } -span.lime-background { background-color: #00fa00; } +.lime-background { background-color: #00fa00; } -span.maroon { color: #600000; } +.maroon { color: #600000; } -span.maroon-background { background-color: #7d0000; } +.maroon-background { background-color: #7d0000; } -span.navy { color: #000060; } +.navy { color: #000060; } -span.navy-background { background-color: #00007d; } +.navy-background { background-color: #00007d; } -span.olive { color: #606000; } +.olive { color: #606000; } -span.olive-background { background-color: #7d7d00; } +.olive-background { background-color: #7d7d00; } -span.purple { color: #600060; } +.purple { color: #600060; } -span.purple-background { background-color: #7d007d; } +.purple-background { background-color: #7d007d; } -span.red { color: #bf0000; } +.red { color: #bf0000; } -span.red-background { background-color: #fa0000; } +.red-background { background-color: #fa0000; } -span.silver { color: #909090; } +.silver { color: #909090; } -span.silver-background { background-color: #bcbcbc; } +.silver-background { background-color: #bcbcbc; } -span.teal { color: #006060; } +.teal { color: #006060; } -span.teal-background { background-color: #007d7d; } +.teal-background { background-color: #007d7d; } -span.white { color: #bfbfbf; } +.white { color: #bfbfbf; } -span.white-background { background-color: #fafafa; } +.white-background { background-color: #fafafa; } -span.yellow { color: #bfbf00; } +.yellow { color: #bfbf00; } -span.yellow-background { background-color: #fafa00; } +.yellow-background { background-color: #fafa00; } -.admonitionblock td.icon [class^="icon-"]:before { font-size: 2.5em; text-shadow: 0 0 8px white, 1px 1px 2px rgba(0, 0, 0, 0.5); } +span.icon > [class^="icon-"], span.icon > [class*=" icon-"] { cursor: default; } + +.admonitionblock td.icon [class^="icon-"]:before { font-size: 2.5em; text-shadow: 0 0 8px white, 1px 1px 2px rgba(0, 0, 0, 0.5); cursor: default; } .admonitionblock td.icon .icon-note:before { content: "\f05a"; color: #2984a9; color: #1f637f; } .admonitionblock td.icon .icon-tip:before { content: "\f0eb"; text-shadow: 1px 1px 2px rgba(155, 155, 0, 0.8); color: #111; } .admonitionblock td.icon .icon-warning:before { content: "\f071"; color: #bf6900; } .admonitionblock td.icon .icon-caution:before { content: "\f06d"; color: #bf3400; } .admonitionblock td.icon .icon-important:before { content: "\f06a"; color: #bf0000; } -.conum { display: inline-block; color: white; background-color: #515151; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 18px; height: 18px; font-size: 12px; font-weight: bold; line-height: 18px; font-family: Arial, sans-serif; font-style: normal; } - -body { } +.conum { display: inline-block; color: white !important; background-color: #515151; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 20px; height: 20px; font-size: 12px; font-weight: bold; line-height: 20px; font-family: Arial, sans-serif; font-style: normal; position: relative; top: -2px; letter-spacing: -1px; } +.conum * { color: white !important; } +.conum + b { display: none; } +.conum:after { content: attr(data-value); } +.conum:not([data-value]):empty { display: none; } ::selection { background-color: #fcc07f; color: #fff; } @@ -531,30 +774,30 @@ body { } .literalblock > .content > pre, .listingblock > .content > pre { -webkit-box-shadow: inset 0 1px 4px #aeb9b6; box-shadow: inset 0 1px 4px #aeb9b6; -webkit-border-radius: 5px; border-radius: 5px; } -ul > li { list-style-type: square; } +#content ul > li { list-style-type: square; } p > em { font-family: 'Noticia Text', serif; font-weight: 400; font-size: 95%; } -.admonitionblock > table { width: 100%; border-collapse: separate; border-spacing: 0; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #9EC6DF; } +.admonitionblock > table { width: 100%; background-image: url('../images/riak/info-bg.jpg'); border-collapse: separate; border-spacing: 0; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid #9EC6DF; } .admonitionblock > table td.icon { padding: 15px; } .admonitionblock > table td.icon .icon-tip:before { text-shadow: 0 0 20px white, 1px 1px 2px rgba(155, 155, 0, 0.8); } .admonitionblock > table td.content { font-family: 'Noticia Text', italic; font-size: 90%; font-style: italic; border: 0; padding: 15px; } -.admonitionblock .literalblock > .content > pre, .admonitionblock .listingblock > .content > pre { } +.admonitionblock .literalblock > .content > pre, .admonitionblock .listingblock > .content > pre { background-image: url('../images/riak/info-bg.jpg'); } .exampleblock > .content { background-color: transparent; border-color: #c9c9c9; } -.sidebarblock { -webkit-border-radius: 5px; border-radius: 5px; } +.sidebarblock { background-image: url('../images/riak/sidebar-bg.jpg'); -webkit-border-radius: 5px; border-radius: 5px; } .sidebarblock > .content > .title { color: #f1f1f1; text-shadow: 0px 2px 2px black; font-size: 1.25em; font-weight: bold; } .sidebarblock > .content ul, .sidebarblock > .content p { color: #f1f1f1; text-shadow: 0px 1px 1px black; } .sidebarblock > .content .title { color: #dfdfdf; } -.sidebarblock > .content tt { color: #333; } +.sidebarblock > .content code { color: #333; } .sidebarblock > .content a { color: #60B5D8; } .sidebarblock > .content a:hover { color: #FAA94C; } .sidebarblock > .content .admonitionblock p, .sidebarblock > .content .admonitionblock ul { text-shadow: none; color: #616366; } table.tableblock.grid-all { -webkit-border-radius: 0; border-radius: 0; -webkit-box-shadow: 0 1px 3px #999999; box-shadow: 0 1px 3px #999999; } -#footer { padding: 25px 0; } +#footer { background-image: url('../images/riak/footer-bg.jpg'); padding: 25px 0; } #footer-text { color: #fff; text-shadow: 1px 1px 1px #333; font-size: 80%; text-align: center; }