This is an automated email from the ASF dual-hosted git repository. mmiklavcic pushed a commit to branch asf-site in repository https://gitbox.apache.org/repos/asf/metron.git
The following commit(s) were added to refs/heads/asf-site by this push: new dd58f23 METRON-2300 Fix Brad Kolarov's Apache ID dd58f23 is described below commit dd58f23fca2acadbf951c78797be184162f451bc Author: Michael Miklavcic <michael.miklav...@gmail.com> AuthorDate: Mon Oct 28 12:30:25 2019 -0600 METRON-2300 Fix Brad Kolarov's Apache ID --- community/index.html | 2 +- css/screen.css | 1801 ++++++++++++++------------------------------------ css/screen.css.map | 22 + feed.xml | 12 +- 4 files changed, 543 insertions(+), 1294 deletions(-) diff --git a/community/index.html b/community/index.html index cd3f4e7..052a21e 100644 --- a/community/index.html +++ b/community/index.html @@ -197,7 +197,7 @@ <tr> <td style="text-align: left">Mark Bittmann</td> <td style="text-align: left">mbittmann</td> <td style="text-align: left">PMC</td> </tr> <tr> - <td style="text-align: left">Brad Kolarov</td> <td style="text-align: left">billie</td> <td style="text-align: left">PMC</td> </tr> + <td style="text-align: left">Brad Kolarov</td> <td style="text-align: left">bjkolly</td> <td style="text-align: left">PMC</td> </tr> <tr> <td style="text-align: left">Dave Hirko</td> <td style="text-align: left">dbhirko</td> <td style="text-align: left">PMC</td> </tr> <tr> diff --git a/css/screen.css b/css/screen.css index c940f33..ced7f60 100644 --- a/css/screen.css +++ b/css/screen.css @@ -1,1411 +1,638 @@ @charset "UTF-8"; /*! normalize.css v3.0.2 | MIT License | git.io/normalize */ -html { - font-family: sans-serif; - -ms-text-size-adjust: 100%; - -webkit-text-size-adjust: 100%; } +html { font-family: sans-serif; -ms-text-size-adjust: 100%; -webkit-text-size-adjust: 100%; } -body { - margin: 0; } +body { margin: 0; } -article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { - display: block; } +article, aside, details, figcaption, figure, footer, header, hgroup, main, menu, nav, section, summary { display: block; } -audio, canvas, progress, video { - display: inline-block; - vertical-align: baseline; } +audio, canvas, progress, video { display: inline-block; vertical-align: baseline; } -audio:not([controls]) { - display: none; - height: 0; } +audio:not([controls]) { display: none; height: 0; } -[hidden], template { - display: none; } +[hidden], template { display: none; } -a { - background-color: transparent; } +a { background-color: transparent; } -a:active, a:hover { - outline: 0; } +a:active, a:hover { outline: 0; } -abbr[title] { - border-bottom: 1px dotted; } +abbr[title] { border-bottom: 1px dotted; } -b, strong { - font-weight: 700; } +b, strong { font-weight: 700; } -dfn { - font-style: italic; } +dfn { font-style: italic; } -h1 { - font-size: 2em; - margin: .67em 0; } +h1 { font-size: 2em; margin: .67em 0; } -mark { - background: #ff0; - color: #000; } +mark { background: #ff0; color: #000; } -small { - font-size: 80%; } +small { font-size: 80%; } -sub, sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; } +sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } -sup { - top: -.5em; } +sup { top: -.5em; } -sub { - bottom: -.25em; } +sub { bottom: -.25em; } -img { - border: 0; } +img { border: 0; } -svg:not(:root) { - overflow: hidden; } +svg:not(:root) { overflow: hidden; } -figure { - margin: 1em 40px; } +figure { margin: 1em 40px; } -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; } +hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } -pre { - overflow: auto; } +pre { overflow: auto; } -code, kbd, pre, samp { - font-family: monospace,monospace; - font-size: 1em; } +code, kbd, pre, samp { font-family: monospace,monospace; font-size: 1em; } -button, input, optgroup, select, textarea { - color: inherit; - font: inherit; - margin: 0; } +button, input, optgroup, select, textarea { color: inherit; font: inherit; margin: 0; } -button { - overflow: visible; } +button { overflow: visible; } -button, select { - text-transform: none; } +button, select { text-transform: none; } -button, html input[type=button], input[type=reset], input[type=submit] { - -webkit-appearance: button; - cursor: pointer; } +button, html input[type=button], input[type=reset], input[type=submit] { -webkit-appearance: button; cursor: pointer; } -button[disabled], html input[disabled] { - cursor: default; } +button[disabled], html input[disabled] { cursor: default; } -button::-moz-focus-inner, input::-moz-focus-inner { - border: 0; - padding: 0; } +button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } -input { - line-height: normal; } +input { line-height: normal; } -input[type=checkbox], input[type=radio] { - box-sizing: border-box; - padding: 0; } +input[type=checkbox], input[type=radio] { box-sizing: border-box; padding: 0; } -input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { - height: auto; } +input[type=number]::-webkit-inner-spin-button, input[type=number]::-webkit-outer-spin-button { height: auto; } -input[type=search] { - -webkit-appearance: textfield; - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - box-sizing: content-box; } +input[type=search] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } -input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { - -webkit-appearance: none; } +input[type=search]::-webkit-search-cancel-button, input[type=search]::-webkit-search-decoration { -webkit-appearance: none; } -fieldset { - border: 1px solid silver; - margin: 0 2px; - padding: .35em .625em .75em; } +fieldset { border: 1px solid silver; margin: 0 2px; padding: .35em .625em .75em; } -legend { - border: 0; - padding: 0; } +legend { border: 0; padding: 0; } -textarea { - overflow: auto; } +textarea { overflow: auto; } -optgroup { - font-weight: 700; } +optgroup { font-weight: 700; } -table { - border-collapse: collapse; - border-spacing: 0; } +table { border-collapse: collapse; border-spacing: 0; } -td, th { - padding: 0; } +td, th { padding: 0; } -/* - * Gridism - * A simple, responsive, and handy CSS grid by @cobyism - * https://github.com/cobyism/gridism - */ +/* Gridism A simple, responsive, and handy CSS grid by @cobyism https://github.com/cobyism/gridism */ /* Preserve some sanity */ -.grid, -.unit { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } +.grid, .unit { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } /* Set up some rules to govern the grid */ -.grid { - display: block; - clear: both; } +.grid { display: block; clear: both; } -.grid .unit { - float: left; - width: 100%; - padding: 10px; } +.grid .unit { float: left; width: 100%; padding: 10px; } /* This ensures the outer gutters are equal to the (doubled) inner gutters. */ -.grid .unit:first-child { - padding-left: 20px; } +.grid .unit:first-child { padding-left: 20px; } -.grid .unit:last-child { - padding-right: 20px; } +.grid .unit:last-child { padding-right: 20px; } /* Nested grids already have padding though, so let’s nuke it */ -.unit .unit:first-child { - padding-left: 0; } +.unit .unit:first-child { padding-left: 0; } -.unit .unit:last-child { - padding-right: 0; } +.unit .unit:last-child { padding-right: 0; } -.unit .grid:first-child > .unit { - padding-top: 0; } +.unit .grid:first-child > .unit { padding-top: 0; } -.unit .grid:last-child > .unit { - padding-bottom: 0; } +.unit .grid:last-child > .unit { padding-bottom: 0; } /* Let people nuke the gutters/padding completely in a couple of ways */ -.no-gutters .unit, -.unit.no-gutters { - padding: 0 !important; } +.no-gutters .unit, .unit.no-gutters { padding: 0 !important; } /* Wrapping at a maximum width is optional */ -.wrap .grid, -.grid.wrap { - max-width: 978px; - margin: 0 auto; } +.wrap .grid, .grid.wrap { max-width: 978px; margin: 0 auto; } -/* Width classes also have shorthand versions numbered as fractions - * For example: for a grid unit 1/3 (one third) of the parent width, - * simply apply class="w-1-3" to the element. */ -.grid .whole, .grid .w-1-1 { - width: 100%; } +/* Width classes also have shorthand versions numbered as fractions For example: for a grid unit 1/3 (one third) of the parent width, simply apply class="w-1-3" to the element. */ +.grid .whole, .grid .w-1-1 { width: 100%; } -.grid .half, .grid .w-1-2 { - width: 50%; } +.grid .half, .grid .w-1-2 { width: 50%; } -.grid .one-third, .grid .w-1-3 { - width: 33.3332%; } +.grid .one-third, .grid .w-1-3 { width: 33.3332%; } -.grid .two-thirds, .grid .w-2-3 { - width: 66.6665%; } +.grid .two-thirds, .grid .w-2-3 { width: 66.6665%; } -.grid .one-quarter, -.grid .one-fourth, .grid .w-1-4 { - width: 25%; } +.grid .one-quarter, .grid .one-fourth, .grid .w-1-4 { width: 25%; } -.grid .three-quarters, -.grid .three-fourths, .grid .w-3-4 { - width: 75%; } +.grid .three-quarters, .grid .three-fourths, .grid .w-3-4 { width: 75%; } -.grid .one-fifth, .grid .w-1-5 { - width: 20%; } +.grid .one-fifth, .grid .w-1-5 { width: 20%; } -.grid .two-fifths, .grid .w-2-5 { - width: 40%; } +.grid .two-fifths, .grid .w-2-5 { width: 40%; } -.grid .three-fifths, .grid .w-3-5 { - width: 60%; } +.grid .three-fifths, .grid .w-3-5 { width: 60%; } -.grid .four-fifths, .grid .w-4-5 { - width: 80%; } +.grid .four-fifths, .grid .w-4-5 { width: 80%; } -.grid .golden-small, .grid .w-g-s { - width: 38.2716%; } +.grid .golden-small, .grid .w-g-s { width: 38.2716%; } /* Golden section: smaller piece */ -.grid .golden-large, .grid .w-g-l { - width: 61.7283%; } +.grid .golden-large, .grid .w-g-l { width: 61.7283%; } /* Golden section: larger piece */ /* Clearfix after every .grid */ -.grid { - *zoom: 1; } +.grid { *zoom: 1; } -.grid:before, .grid:after { - display: table; - content: ""; - line-height: 0; } +.grid:before, .grid:after { display: table; content: ""; line-height: 0; } -.grid:after { - clear: both; } +.grid:after { clear: both; } /* Utility classes */ -.align-center { - text-align: center; } +.align-center { text-align: center; } -.align-left { - text-align: left; } +.align-left { text-align: left; } -.align-right { - text-align: right; } +.align-right { text-align: right; } -.pull-left { - float: left; } +.pull-left { float: left; } -.pull-right { - float: right; } +.pull-right { float: right; } -/* A property for a better rendering of images in units: in - this way bigger pictures are just resized if the unit - becomes smaller */ -.unit img { - max-width: 100%; } +/* A property for a better rendering of images in units: in this way bigger pictures are just resized if the unit becomes smaller */ +.unit img { max-width: 100%; } /* Responsive Stuff */ -@media screen and (max-width: 568px) { - /* Stack anything that isn’t full-width on smaller screens - and doesn't provide the no-stacking-on-mobiles class */ - .grid:not(.no-stacking-on-mobiles) > .unit { - width: 100% !important; - padding-left: 20px; - padding-right: 20px; } - - .unit .grid .unit { - padding-left: 0px; - padding-right: 0px; } - +@media screen and (max-width: 568px) { /* Stack anything that isn’t full-width on smaller screens and doesn't provide the no-stacking-on-mobiles class */ + .grid:not(.no-stacking-on-mobiles) > .unit { width: 100% !important; padding-left: 20px; padding-right: 20px; } + .unit .grid .unit { padding-left: 0px; padding-right: 0px; } /* Sometimes, you just want to be different on small screens */ - .center-on-mobiles { - text-align: center !important; } + .center-on-mobiles { text-align: center !important; } + .hide-on-mobiles { display: none !important; } } - .hide-on-mobiles { - display: none !important; } } /* Expand the wrap a bit further on larger screens */ -@media screen and (min-width: 1180px) { - .wider .grid, - .grid.wider { - max-width: 1180px; - margin: 0 auto; } } -.highlight { - /* Comment */ - /* Error */ - /* Generic */ - /* Keyword */ - /* Literal */ - /* Name */ - /* Operator */ - /* Other */ - /* Punctuation */ - /* Comment.Multiline */ - /* Comment.Preproc */ - /* Comment.Single */ - /* Comment.Special */ - /* Generic.Deleted */ - /* Generic.Emph */ - /* Generic.Error */ - /* Generic.Heading */ - /* Generic.Inserted */ - /* Generic.Output, qualified with span to prevent applying this style to the Go language, see #1153. */ - /* Generic.Prompt */ - /* Generic.Strong */ - /* Generic.Subheading */ - /* Generic.Traceback */ - /* Keyword.Constant */ - /* Keyword.Declaration */ - /* Keyword.Namespace */ - /* Keyword.Pseudo */ - /* Keyword.Reserved */ - /* Keyword.Type */ - /* Literal.Date */ - /* Literal.Number */ - /* Literal.String */ - /* Name.Attribute */ - /* Name.Builtin */ - /* Name.Class */ - /* Name.Constant */ - /* Name.Decorator */ - /* Name.Entity */ - /* Name.Exception */ - /* Name.Function */ - /* Name.Label */ - /* Name.Namespace */ - /* Name.Other */ - /* Name.Property */ - /* Name.Tag */ - /* Name.Variable */ - /* Operator.Word */ - /* Text.Whitespace */ - /* Literal.Number.Float */ - /* Literal.Number.Hex */ - /* Literal.Number.Integer */ - /* Literal.Number.Oct */ - /* Literal.String.Backtick */ - /* Literal.String.Char */ - /* Literal.String.Doc */ - /* Literal.String.Double */ - /* Literal.String.Escape */ - /* Literal.String.Heredoc */ - /* Literal.String.Interpol */ - /* Literal.String.Other */ - /* Literal.String.Regex */ - /* Literal.String.Single */ - /* Literal.String.Symbol */ - /* Name.Builtin.Pseudo */ - /* Name.Variable.Class */ - /* Name.Variable.Global */ - /* Name.Variable.Instance */ - /* Literal.Number.Integer.Long */ } - .highlight .hll { - background-color: #ffffcc; } - .highlight .c { - color: #87ceeb; } - .highlight .err { - color: #ffffff; } - .highlight .g { - color: #ffffff; } - .highlight .k { - color: #f0e68c; } - .highlight .l { - color: #ffffff; } - .highlight .n { - color: #ffffff; } - .highlight .o { - color: #ffffff; } - .highlight .x { - color: #ffffff; } - .highlight .p { - color: #ffffff; } - .highlight .cm { - color: #87ceeb; } - .highlight .cp { - color: #cd5c5c; } - .highlight .c1 { - color: #87ceeb; } - .highlight .cs { - color: #87ceeb; } - .highlight .gd { - color: #0000c0; - font-weight: bold; - background-color: #008080; } - .highlight .ge { - color: #c000c0; - text-decoration: underline; } - .highlight .gr { - color: #c0c0c0; - font-weight: bold; - background-color: #c00000; } - .highlight .gh { - color: #cd5c5c; } - .highlight .gi { - color: #ffffff; - background-color: #0000c0; } - .highlight span.go { - color: #add8e6; - font-weight: bold; - background-color: #4d4d4d; } - .highlight .gp { - color: #ffffff; } - .highlight .gs { - color: #ffffff; } - .highlight .gu { - color: #cd5c5c; } - .highlight .gt { - color: #c0c0c0; - font-weight: bold; - background-color: #c00000; } - .highlight .kc { - color: #f0e68c; } - .highlight .kd { - color: #f0e68c; } - .highlight .kn { - color: #f0e68c; } - .highlight .kp { - color: #f0e68c; } - .highlight .kr { - color: #f0e68c; } - .highlight .kt { - color: #bdb76b; } - .highlight .ld { - color: #ffffff; } - .highlight .m { - color: #ffffff; } - .highlight .s { - color: #ffffff; } - .highlight .na { - color: #ffffff; } - .highlight .nb { - color: #ffffff; } - .highlight .nc { - color: #ffffff; } - .highlight .no { - color: #ffa0a0; } - .highlight .nd { - color: #ffffff; } - .highlight .ni { - color: #ffdead; } - .highlight .ne { - color: #ffffff; } - .highlight .nf { - color: #ffffff; } - .highlight .nl { - color: #ffffff; } - .highlight .nn { - color: #ffffff; } - .highlight .nx { - color: #ffffff; } - .highlight .py { - color: #ffffff; } - .highlight .nt { - color: #f0e68c; } - .highlight .nv { - color: #98fb98; } - .highlight .ow { - color: #ffffff; } - .highlight .w { - color: #ffffff; } - .highlight .mf { - color: #ffffff; } - .highlight .mh { - color: #ffffff; } - .highlight .mi { - color: #ffffff; } - .highlight .mo { - color: #ffffff; } - .highlight .sb { - color: #ffffff; } - .highlight .sc { - color: #ffffff; } - .highlight .sd { - color: #ffffff; } - .highlight .s2 { - color: #ffffff; } - .highlight .se { - color: #ffffff; } - .highlight .sh { - color: #ffffff; } - .highlight .si { - color: #ffffff; } - .highlight .sx { - color: #ffffff; } - .highlight .sr { - color: #ffffff; } - .highlight .s1 { - color: #ffffff; } - .highlight .ss { - color: #ffffff; } - .highlight .bp { - color: #ffffff; } - .highlight .vc { - color: #98fb98; } - .highlight .vg { - color: #98fb98; } - .highlight .vi { - color: #98fb98; } - .highlight .il { - color: #ffffff; } - .highlight .bash .nv { - -webkit-user-select: none; - -moz-user-select: none; - -ms-user-select: none; - -o-user-select: none; - user-select: none; } - -/*! - * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome - * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) - */ -@font-face { - font-family: 'FontAwesome'; - src: url("../fonts/fontawesome-webfont.eot?v=4.2.0"); - src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg"); - font-weight: normal; - font-style: normal; } -.fa { - display: inline-block; - font: normal normal normal 14px/1 FontAwesome; - font-size: inherit; - text-rendering: auto; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; } - -.fa-link:before { - content: "\f0c1"; } - -.fa-pencil:before { - content: "\f040"; } +@media screen and (min-width: 1180px) { .wider .grid, .grid.wider { max-width: 1180px; margin: 0 auto; } } + +.highlight { /* Comment */ /* Error */ /* Generic */ /* Keyword */ /* Literal */ /* Name */ /* Operator */ /* Other */ /* Punctuation */ /* Comment.Multiline */ /* Comment.Preproc */ /* Comment.Single */ /* Comment.Special */ /* Generic.Deleted */ /* Generic.Emph */ /* Generic.Error */ /* Generic.Heading */ /* Generic.Inserted */ /* Generic.Output, qualified with span to prevent applying this style to the Go language, see #1153. */ /* Generic.Prompt */ /* Generic.Strong */ /* Generic.Sub [...] + +.highlight .hll { background-color: #ffffcc; } + +.highlight .c { color: #87ceeb; } + +.highlight .err { color: #ffffff; } + +.highlight .g { color: #ffffff; } + +.highlight .k { color: #f0e68c; } + +.highlight .l { color: #ffffff; } + +.highlight .n { color: #ffffff; } + +.highlight .o { color: #ffffff; } + +.highlight .x { color: #ffffff; } + +.highlight .p { color: #ffffff; } + +.highlight .cm { color: #87ceeb; } + +.highlight .cp { color: #cd5c5c; } + +.highlight .c1 { color: #87ceeb; } + +.highlight .cs { color: #87ceeb; } + +.highlight .gd { color: #0000c0; font-weight: bold; background-color: #008080; } + +.highlight .ge { color: #c000c0; text-decoration: underline; } + +.highlight .gr { color: #c0c0c0; font-weight: bold; background-color: #c00000; } + +.highlight .gh { color: #cd5c5c; } + +.highlight .gi { color: #ffffff; background-color: #0000c0; } + +.highlight span.go { color: #add8e6; font-weight: bold; background-color: #4d4d4d; } + +.highlight .gp { color: #ffffff; } + +.highlight .gs { color: #ffffff; } + +.highlight .gu { color: #cd5c5c; } + +.highlight .gt { color: #c0c0c0; font-weight: bold; background-color: #c00000; } + +.highlight .kc { color: #f0e68c; } + +.highlight .kd { color: #f0e68c; } + +.highlight .kn { color: #f0e68c; } + +.highlight .kp { color: #f0e68c; } + +.highlight .kr { color: #f0e68c; } + +.highlight .kt { color: #bdb76b; } + +.highlight .ld { color: #ffffff; } + +.highlight .m { color: #ffffff; } + +.highlight .s { color: #ffffff; } + +.highlight .na { color: #ffffff; } + +.highlight .nb { color: #ffffff; } + +.highlight .nc { color: #ffffff; } + +.highlight .no { color: #ffa0a0; } + +.highlight .nd { color: #ffffff; } + +.highlight .ni { color: #ffdead; } + +.highlight .ne { color: #ffffff; } + +.highlight .nf { color: #ffffff; } + +.highlight .nl { color: #ffffff; } + +.highlight .nn { color: #ffffff; } + +.highlight .nx { color: #ffffff; } + +.highlight .py { color: #ffffff; } + +.highlight .nt { color: #f0e68c; } + +.highlight .nv { color: #98fb98; } + +.highlight .ow { color: #ffffff; } + +.highlight .w { color: #ffffff; } + +.highlight .mf { color: #ffffff; } + +.highlight .mh { color: #ffffff; } + +.highlight .mi { color: #ffffff; } + +.highlight .mo { color: #ffffff; } + +.highlight .sb { color: #ffffff; } + +.highlight .sc { color: #ffffff; } + +.highlight .sd { color: #ffffff; } + +.highlight .s2 { color: #ffffff; } + +.highlight .se { color: #ffffff; } + +.highlight .sh { color: #ffffff; } + +.highlight .si { color: #ffffff; } + +.highlight .sx { color: #ffffff; } + +.highlight .sr { color: #ffffff; } + +.highlight .s1 { color: #ffffff; } + +.highlight .ss { color: #ffffff; } + +.highlight .bp { color: #ffffff; } + +.highlight .vc { color: #98fb98; } + +.highlight .vg { color: #98fb98; } + +.highlight .vi { color: #98fb98; } + +.highlight .il { color: #ffffff; } + +.highlight .bash .nv { -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } + +/*! Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ +@font-face { font-family: 'FontAwesome'; src: url("../fonts/fontawesome-webfont.eot?v=4.2.0"); src: url("../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0") format("embedded-opentype"), url("../fonts/fontawesome-webfont.woff?v=4.2.0") format("woff"), url("../fonts/fontawesome-webfont.ttf?v=4.2.0") format("truetype"), url("../fonts/fontawesome-webfont.svg?v=4.2.0#fontawesomeregular") format("svg"); font-weight: normal; font-style: normal; } + +.fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } + +.fa-link:before { content: "\f0c1"; } + +.fa-pencil:before { content: "\f040"; } /* Base */ -* { - -webkit-box-sizing: border-box; - -moz-box-sizing: border-box; - box-sizing: border-box; } - -body { - font: 300 21px Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; - color: #ddd; - background-color: #333; - border-top: 5px solid #199acf; - -webkit-box-shadow: inset 0 3px 30px rgba(0, 0, 0, 0.3); - -moz-box-shadow: inset 0 3px 30px rgba(0, 0, 0, 0.3); - box-shadow: inset 0 3px 30px rgba(0, 0, 0, 0.3); - text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); - -webkit-font-feature-settings: "kern" 1; - -moz-font-feature-settings: "kern" 1; - -o-font-feature-settings: "kern" 1; - font-feature-settings: "kern" 1; - font-kerning: normal; } - -.clear { - display: block; } - -.clear:after { - content: " "; - display: block; - height: 0; - clear: both; - visibility: hidden; } - -.logo { - padding-top: 8px; } - -.grid .titlehead { - background: #444; - padding: 40px 20px 50px; - text-align: center; - text-transform: uppercase; - font-size: 50px; } +* { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } + +body { font: 300 21px Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #ddd; background-color: #333; border-top: 5px solid #199acf; -webkit-box-shadow: inset 0 3px 30px rgba(0, 0, 0, 0.3); -moz-box-shadow: inset 0 3px 30px rgba(0, 0, 0, 0.3); box-shadow: inset 0 3px 30px rgba(0, 0, 0, 0.3); text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-font-feature-settings: "kern" 1; -moz-font-feature-settings: "kern" 1; -o-font-feature-settings: "kern" 1; font-feature-settings: "kern" [...] + +.clear { display: block; } + +.clear:after { content: " "; display: block; height: 0; clear: both; visibility: hidden; } + +.logo { padding-top: 8px; } + +.grid .titlehead { background: #444; padding: 40px 20px 50px; text-align: center; text-transform: uppercase; font-size: 50px; } /* Sections */ -header, -section, -footer { - float: left; - width: 100%; - clear: both; } +header, section, footer { float: left; width: 100%; clear: both; } /* Header */ -header h1, -header nav { - display: inline-block; } - -nav ul { - padding: 0; - margin: 0; } -nav li { - display: inline-block; } - -.main-nav { - margin-top: 52px; } - .main-nav li { - margin-right: 10px; } - .main-nav li a { - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - font-weight: 900; - font-size: 14px; - padding: 0.5em 1em; - text-shadow: none; - text-transform: uppercase; - -webkit-transition: all 0.25s; - -moz-transition: all 0.25s; - -o-transition: all 0.25s; - transition: all 0.25s; } - .main-nav li a:hover { - background-color: #252525; } - .main-nav li.current a { - background-color: #199acf; - color: #222; } - -.mobile-nav ul { - overflow: hidden; - width: 100%; - display: table; } -.mobile-nav a { - float: left; - width: 100%; - background-color: #333; - color: #199acf; - text-align: center; - text-transform: uppercase; - font-size: 14px; - font-weight: 900; - padding: 5px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; } -.mobile-nav li { - display: table-cell; - width: 20%; - padding: 8px 2px; } -.mobile-nav .current a { - background-color: #199acf; - color: #222; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.5); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.5); - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } - -/* - * This code is courtesy Ben Balter, modified by Parker Moore. - * http://ben.balter.com/2014/03/13/pages-anchor-links/ - */ -.header-link { - position: relative; - left: 0.5em; - opacity: 0; - font-size: 0.8em; - -webkit-transition: opacity 0.2s ease-in-out 0.1s; - -moz-transition: opacity 0.2s ease-in-out 0.1s; - -o-transition: opacity 0.2s ease-in-out 0.1s; - transition: opacity 0.2s ease-in-out 0.1s; } - -h2:hover .header-link, -h3:hover .header-link, -h4:hover .header-link, -h5:hover .header-link, -h6:hover .header-link { - opacity: 1; } - -@media (max-width: 768px) { - .main-nav ul { - text-align: right; } } -@media (max-width: 830px) { - .main-nav .show-on-mobiles { - display: inline; } - .main-nav .hide-on-mobiles { - display: none; } } +header h1, header nav { display: inline-block; } + +nav ul { padding: 0; margin: 0; } + +nav li { display: inline-block; } + +.main-nav { margin-top: 52px; } + +.main-nav li { margin-right: 10px; } + +.main-nav li a { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; font-weight: 900; font-size: 14px; padding: 0.5em 1em; text-shadow: none; text-transform: uppercase; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } + +.main-nav li a:hover { background-color: #252525; } + +.main-nav li.current a { background-color: #199acf; color: #222; } + +.mobile-nav ul { overflow: hidden; width: 100%; display: table; } + +.mobile-nav a { float: left; width: 100%; background-color: #333; color: #199acf; text-align: center; text-transform: uppercase; font-size: 14px; font-weight: 900; padding: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; } + +.mobile-nav li { display: table-cell; width: 20%; padding: 8px 2px; } + +.mobile-nav .current a { background-color: #199acf; color: #222; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), 0 1px 5px rgba(0, 0, 0, 0.5); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } + +/* This code is courtesy Ben Balter, modified by Parker Moore. http://ben.balter.com/2014/03/13/pages-anchor-links/ */ +.header-link { position: relative; left: 0.5em; opacity: 0; font-size: 0.8em; -webkit-transition: opacity 0.2s ease-in-out 0.1s; -moz-transition: opacity 0.2s ease-in-out 0.1s; -o-transition: opacity 0.2s ease-in-out 0.1s; transition: opacity 0.2s ease-in-out 0.1s; } + +h2:hover .header-link, h3:hover .header-link, h4:hover .header-link, h5:hover .header-link, h6:hover .header-link { opacity: 1; } + +@media (max-width: 768px) { .main-nav ul { text-align: right; } } + +@media (max-width: 830px) { .main-nav .show-on-mobiles { display: inline; } + .main-nav .hide-on-mobiles { display: none; } } + /* Footer */ -footer { - background-color: #212121; - font-size: 16px; - padding-bottom: 5px; - color: #c0c0c0; - margin-top: 40px; } - footer a { - color: #fff; } - footer a:hover img { - opacity: 1; } - footer p { - max-width: 800px; - margin-left: auto; - margin-right: auto; } - footer .align-right p { - display: inline-block; } - footer img { - display: inline-block; - position: relative; - top: 8px; - margin-left: 5px; - opacity: .8; - padding: 1px; - -webkit-transition: opacity 0.2s; - -moz-transition: opacity 0.2s; - -o-transition: opacity 0.2s; - transition: opacity 0.2s; } - -@media (max-width: 568px) { - footer .one-third p { - margin-bottom: 0; } - footer .two-thirds p { - margin-top: -20px; } } +footer { background-color: #212121; font-size: 16px; padding-bottom: 5px; color: #c0c0c0; margin-top: 40px; } + +footer a { color: #fff; } + +footer a:hover img { opacity: 1; } + +footer p { max-width: 800px; margin-left: auto; margin-right: auto; } + +footer .align-right p { display: inline-block; } + +footer img { display: inline-block; position: relative; top: 8px; margin-left: 5px; opacity: .8; padding: 1px; -webkit-transition: opacity 0.2s; -moz-transition: opacity 0.2s; -o-transition: opacity 0.2s; transition: opacity 0.2s; } + +@media (max-width: 568px) { footer .one-third p { margin-bottom: 0; } + footer .two-thirds p { margin-top: -20px; } } + /* Intro */ -.intro .unit { - padding: 10px 0 40px; } -.intro p { - font-size: 1.75em; - line-height: 1em; - margin: 0; } - -@media (min-width: 569px) { - .intro p { - font-size: 3.2em; } } +.intro .unit { padding: 10px 0 40px; } + +.intro p { font-size: 1.75em; line-height: 1em; margin: 0; } + +@media (min-width: 569px) { .intro p { font-size: 3.2em; } } + /* Quickstart */ -.quickstart { - background-color: #3F1F1F; - color: #fff; - margin: 60px 0; - -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.4); - -moz-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.4); - box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.4); } - .quickstart .content { - padding: 0; } - .quickstart h3 { - font-size: 24px; - line-height: 24px; - margin-top: 20px; - text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); } - .quickstart .code { - font-size: 12px; - display: block; - margin: 0 0 -30px; } - -@media (min-width: 768px) { - .quickstart .code { - font-size: 18px; - margin: -30px 0; - float: right; } - .quickstart h3 { - margin: 50px 0 0; - text-align: center; } } +.quickstart { background-color: #3F1F1F; color: #fff; margin: 60px 0; -webkit-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.4); -moz-box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.4); box-shadow: inset 0 3px 10px rgba(0, 0, 0, 0.4); } + +.quickstart .content { padding: 0; } + +.quickstart h3 { font-size: 24px; line-height: 24px; margin-top: 20px; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.8); } + +.quickstart .code { font-size: 12px; display: block; margin: 0 0 -30px; } + +@media (min-width: 768px) { .quickstart .code { font-size: 18px; margin: -30px 0; float: right; } + .quickstart h3 { margin: 50px 0 0; text-align: center; } } + /* Code */ -.quickstart .code { - display: block; - padding: 0; - font-family: Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace; - line-height: 1.3em; } - .quickstart .code .title { - display: block; - text-align: center; - margin: 0 20px; - padding: 5px 0; - -webkit-border-radius: 5px 5px 0 0; - -moz-border-radius: 5px 5px 0 0; - border-radius: 5px 5px 0 0; - -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); - -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); - box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); - font: 400 16px/24px 'Helvetica Neue', Helvetica, Arial, sans-serif; - color: #444; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); - background-color: #f7f7f7; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2Y3ZjdmNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjclIiBz [...] - background-image: -webkit-gradient(linear, left top, left bottom, from(#f7f7f7), color-stop(7%, #cfcfcf), to(#aaaaaa)); - background-image: -webkit-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%); - background-image: -moz-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%); - background-image: -o-linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%); - background-image: linear-gradient(top, #f7f7f7 0%, #cfcfcf 7%, #aaaaaa 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#aaaaaa',GradientType=0 ); - border-bottom: 1px solid #111; } - .quickstart .code .shell { - padding: 20px; - text-shadow: none; - margin: 0 20px; - background-color: #171717; - -webkit-border-radius: 0 0 5px 5px; - -moz-border-radius: 0 0 5px 5px; - border-radius: 0 0 5px 5px; - -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); - box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); } - .quickstart .code .line { - display: block; - margin: 0; - padding: 0; } - .quickstart .code .line span { - display: inline-block; } - .quickstart .code .path { - color: #87ceeb; - -webkit-user-select: none; - /* Chrome all / Safari all */ - -moz-user-select: none; - /* Firefox all */ - -ms-user-select: none; - /* IE 10+ */ - -o-user-select: none; - user-select: none; } - .quickstart .code .prompt { - color: #cd5c5c; - -webkit-user-select: none; - /* Chrome all / Safari all */ - -moz-user-select: none; - /* Firefox all */ - -ms-user-select: none; - /* IE 10+ */ - -o-user-select: none; - user-select: none; } - .quickstart .code .command { - color: #f0e68c; } - .quickstart .code .output { - color: #888; } - -@media (min-width: 768px) { - .free-hosting img { - float: left; - margin: -20px -30px -30px -50px; - width: 300px; - height: 251px; } - .free-hosting .pane-content { - margin-top: 35px; - padding-right: 30px; } - .free-hosting p, - .free-hosting a { - font-size: 18px; } - .free-hosting .pane:after { - content: " "; - float: right; - background: url(../img/footer-arrow.png) top left no-repeat; - width: 73px; - height: 186px; - position: absolute; - right: 0; - bottom: -30px; } } +.quickstart .code { display: block; padding: 0; font-family: Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace; line-height: 1.3em; } + +.quickstart .code .title { display: block; text-align: center; margin: 0 20px; padding: 5px 0; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.5); font: 400 16px/24px 'Helvetica Neue', Helvetica, Arial, sans-serif; color: #444; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); background-color: #f7f7f7; bac [...] + +.quickstart .code .shell { padding: 20px; text-shadow: none; margin: 0 20px; background-color: #171717; -webkit-border-radius: 0 0 5px 5px; -moz-border-radius: 0 0 5px 5px; border-radius: 0 0 5px 5px; -webkit-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); box-shadow: 0 5px 30px rgba(0, 0, 0, 0.3); } + +.quickstart .code .line { display: block; margin: 0; padding: 0; } + +.quickstart .code .line span { display: inline-block; } + +.quickstart .code .path { color: #87ceeb; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ -o-user-select: none; user-select: none; } + +.quickstart .code .prompt { color: #cd5c5c; -webkit-user-select: none; /* Chrome all / Safari all */ -moz-user-select: none; /* Firefox all */ -ms-user-select: none; /* IE 10+ */ -o-user-select: none; user-select: none; } + +.quickstart .code .command { color: #f0e68c; } + +.quickstart .code .output { color: #888; } + +@media (min-width: 768px) { .free-hosting img { float: left; margin: -20px -30px -30px -50px; width: 300px; height: 251px; } + .free-hosting .pane-content { margin-top: 35px; padding-right: 30px; } + .free-hosting p, .free-hosting a { font-size: 18px; } + .free-hosting .pane:after { content: " "; float: right; background: url(../img/footer-arrow.png) top left no-repeat; width: 73px; height: 186px; position: absolute; right: 0; bottom: -30px; } } + /* Article - Used for both docs and news */ -article { - background-color: #444; - -webkit-border-radius: 10px; - -moz-border-radius: 10px; - border-radius: 10px; - padding: 20px; - margin: 0 10px; - -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); - -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); - box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); - font-size: 16px; } - -@media (max-width: 480px) { - article ul { - padding-left: 20px; } } -@media (max-width: 568px) { - article { - margin: 0; } } -@media (min-width: 768px) { - article { - padding: 40px 40px 30px; - font-size: 21px; } } +article { background-color: #444; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; padding: 20px; margin: 0 10px; -webkit-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1); font-size: 16px; } + +@media (max-width: 480px) { article ul { padding-left: 20px; } } + +@media (max-width: 568px) { article { margin: 0; } } + +@media (min-width: 768px) { article { padding: 40px 40px 30px; font-size: 21px; } } + /* Right-side nav - used by both docs and news */ -aside { - padding-top: 30px; } - aside h4 { - text-transform: uppercase; - font-size: 14px; - font-weight: 700; - padding: 0 0 10px 30px; - margin-left: -30px; - display: inline-block; - border-bottom: 1px solid #199ACF; } - aside ul { - padding-left: 0; } - aside ul:first-child { - margin-top: 0; } - aside li { - list-style-type: none; } - aside li a { - font-size: 16px; - position: relative; } - aside li.current a:before { - content: ""; - border-color: transparent transparent transparent #444; - border-style: solid; - border-width: 10px; - width: 0; - height: 0; - position: absolute; - top: 0; - left: -30px; } +aside { padding-top: 30px; } + +aside h4 { text-transform: uppercase; font-size: 14px; font-weight: 700; padding: 0 0 10px 30px; margin-left: -30px; display: inline-block; border-bottom: 1px solid #199ACF; } + +aside ul { padding-left: 0; } + +aside ul:first-child { margin-top: 0; } + +aside li { list-style-type: none; } + +aside li a { font-size: 16px; position: relative; } + +aside li.current a:before { content: ""; border-color: transparent transparent transparent #444; border-style: solid; border-width: 10px; width: 0; height: 0; position: absolute; top: 0; left: -30px; } /* Documentation */ -.docs article { - min-height: 800px; } -.docs .content { - padding: 0; } - -.section-nav { - text-align: center; - padding-top: 40px; - position: relative; - background: url(../img/article-footer.png) top center no-repeat; - margin: 40px -20px 10px; } - .section-nav > div { - width: 49.5%; } - .section-nav a, - .section-nav span { - color: #fff; - font-size: 16px; - text-transform: uppercase; - font-weight: 700; - padding: 8px 12px 10px; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - /*border: 1px solid #333;*/ - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.5); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.5); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.5); - background-color: #767676; } - .section-nav a:hover { - color: #fff; - background-color: #888; } - .section-nav .next, - .section-nav .prev { - position: relative; } - .section-nav .next:after, - .section-nav .prev:before { - font-size: 36px; - color: #222; - font-weight: 900; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); - position: absolute; - top: -7px; } - .section-nav .next:after { - content: '\203A'; - right: 10px; } - .section-nav .prev:before { - content: '\2039'; - left: 10px; } - .section-nav .prev, - .section-nav .prev:hover { - padding-left: 30px; } - .section-nav .next, - .section-nav .next:hover { - padding-right: 30px; } - .section-nav .disabled { - opacity: .5; - cursor: default; } - -.improve { - padding-top: 25px; - font-size: 16px; } - .improve a { - color: #999; } - -.docs-nav-mobile select { - color: #000; - width: 100%; } +.docs article { min-height: 800px; } + +.docs .content { padding: 0; } + +.section-nav { text-align: center; padding-top: 40px; position: relative; background: url(../img/article-footer.png) top center no-repeat; margin: 40px -20px 10px; } + +.section-nav > div { width: 49.5%; } + +.section-nav a, .section-nav span { color: #fff; font-size: 16px; text-transform: uppercase; font-weight: 700; padding: 8px 12px 10px; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; /*border: 1px solid #333;*/ -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.5); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 255, 0.5); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3), inset 0 1px 1px rgba(255, 255, 25 [...] + +.section-nav a:hover { color: #fff; background-color: #888; } + +.section-nav .next, .section-nav .prev { position: relative; } + +.section-nav .next:after, .section-nav .prev:before { font-size: 36px; color: #222; font-weight: 900; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); position: absolute; top: -7px; } + +.section-nav .next:after { content: '\203A'; right: 10px; } + +.section-nav .prev:before { content: '\2039'; left: 10px; } + +.section-nav .prev, .section-nav .prev:hover { padding-left: 30px; } + +.section-nav .next, .section-nav .next:hover { padding-right: 30px; } + +.section-nav .disabled { opacity: .5; cursor: default; } + +.improve { padding-top: 25px; font-size: 16px; } + +.improve a { color: #999; } + +.docs-nav-mobile select { color: #000; width: 100%; } /* News */ -article h2:first-child { - margin-top: 0; } - -.post-category, -.post-meta { - display: inline-block; - vertical-align: middle; - font-size: .8em; } - -.post-category { - display: inline-block; - margin-left: -30px; - padding: 6px 10px 8px; - padding-left: 50px; - -webkit-border-radius: 0 5px 5px 0; - -moz-border-radius: 0 5px 5px 0; - border-radius: 0 5px 5px 0; - position: relative; - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3); - background-color: #1B3850; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllMjgxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIH [...] - background-image: -webkit-gradient(linear, left top, left bottom, from(#1B3850), to(#204c69)); - background-image: -webkit-linear-gradient(top, #1B3850 0%, #204c69 100%); - background-image: -moz-linear-gradient(top, #1B3850 0%, #204c69 100%); - background-image: -o-linear-gradient(top, #1B3850 0%, #204c69 100%); - background-image: linear-gradient(to bottom, #1B3850 0%, #204c69 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B3850', endColorstr='#204c69',GradientType=0 ); } - .post-category:before { - content: ""; - position: absolute; - top: -10px; - left: 0; - border-color: transparent #204c69 #204c69 transparent; - border-style: solid; - border-width: 5px; - width: 0; - height: 0; } - -.post-content img { - max-width: 100%; } - -.label { - float: left; - text-transform: uppercase; - font-weight: 700; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } - -@media (max-width: 568px) { - .post-category { - padding-left: 30px; } } -@media (min-width: 768px) { - .post-category { - margin-left: -50px; } } -.avatar { - -webkit-border-radius: 3px; - -moz-border-radius: 3px; - border-radius: 3px; - display: inline-block; - vertical-align: middle; } - -.post-meta { - padding: 5px 0; - color: #c0c0c0; - font-weight: 600; - text-shadow: 0 -1px 0 #000; } - -.post-date, -.post-author { - margin-left: 10px; } - -.news article + article { - margin-top: -10px; - -webkit-border-radius: 0 0 10px 10px; - -moz-border-radius: 0 0 10px 10px; - border-radius: 0 0 10px 10px; - border-top: 1px solid #555; - -webkit-box-shadow: 0 -1px 0 #2f2f2f; - -moz-box-shadow: 0 -1px 0 #2f2f2f; - box-shadow: 0 -1px 0 #2f2f2f; } +article h2:first-child { margin-top: 0; } + +.post-category, .post-meta { display: inline-block; vertical-align: middle; font-size: .8em; } + +.post-category { display: inline-block; margin-left: -30px; padding: 6px 10px 8px; padding-left: 50px; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; position: relative; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgb [...] + +.post-category:before { content: ""; position: absolute; top: -10px; left: 0; border-color: transparent #204c69 #204c69 transparent; border-style: solid; border-width: 5px; width: 0; height: 0; } + +.post-content img { max-width: 100%; } + +.label { float: left; text-transform: uppercase; font-weight: 700; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } + +@media (max-width: 568px) { .post-category { padding-left: 30px; } } + +@media (min-width: 768px) { .post-category { margin-left: -50px; } } + +.avatar { -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; display: inline-block; vertical-align: middle; } + +.post-meta { padding: 5px 0; color: #c0c0c0; font-weight: 600; text-shadow: 0 -1px 0 #000; } + +.post-date, .post-author { margin-left: 10px; } + +.news article + article { margin-top: -10px; -webkit-border-radius: 0 0 10px 10px; -moz-border-radius: 0 0 10px 10px; border-radius: 0 0 10px 10px; border-top: 1px solid #555; -webkit-box-shadow: 0 -1px 0 #2f2f2f; -moz-box-shadow: 0 -1px 0 #2f2f2f; box-shadow: 0 -1px 0 #2f2f2f; } /* Code Highlighting */ -pre, -code { - white-space: pre; - display: inline-block; - margin: 0; - font: 14px/1.8em Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace; - padding: 0 0.5em; } - -@media (min-width: 768px) { - pre, code { - font-size: 16px; } } -.highlight, -p > pre, -p > code, -p > nobr > code, -li > code, -h5 > code, -.note > code { - background-color: #2b2b2b; - color: #fff; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5); - -moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5); - box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5); } - -.note code { - background-color: #333; - background-color: rgba(0, 0, 0, 0.2); - margin-left: 2.5px; - margin-right: 2.5px; - font-size: 0.8em; } - -.highlight { - margin: 1em 0; - padding: 10px 0; - width: 100%; - overflow: auto; } +pre, code { white-space: pre; display: inline-block; margin: 0; font: 14px/1.8em Menlo, Consolas, "Courier New", Courier, "Liberation Mono", monospace; padding: 0 0.5em; } + +@media (min-width: 768px) { pre, code { font-size: 16px; } } + +.highlight, p > pre, p > code, p > nobr > code, li > code, h5 > code, .note > code { background-color: #2b2b2b; color: #fff; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 rgba(255, 255, 255, 0.1), 0 -1px 0 rgba(0, 0, 0, 0.5); box-shadow: inset 0 1px 10px rgba(0, 0, 0, 0.3), 0 1px 0 [...] + +.note code { background-color: #333; background-color: rgba(0, 0, 0, 0.2); margin-left: 2.5px; margin-right: 2.5px; font-size: 0.8em; } + +.highlight { margin: 1em 0; padding: 10px 0; width: 100%; overflow: auto; } /* HTML Elements */ -h1, h2, h3, h4, h5, h6 { - margin: 0; } +h1, h2, h3, h4, h5, h6 { margin: 0; } + +a { color: #199acf; text-decoration: none; -webkit-transition: all 0.25s; -moz-transition: all 0.25s; -o-transition: all 0.25s; transition: all 0.25s; } -a { - color: #199acf; - text-decoration: none; - -webkit-transition: all 0.25s; - -moz-transition: all 0.25s; - -o-transition: all 0.25s; - transition: all 0.25s; } - a:hover { - color: #199acf; } +a:hover { color: #199acf; } -strong { - font-weight: 700; } +strong { font-weight: 700; } -p { - line-height: 1.5em; } +p { line-height: 1.5em; } -.left { - float: left; } +.left { float: left; } -.right { - float: right; } +.right { float: right; } -.align-right { - text-align: right; } +.align-right { text-align: right; } -.align-left { - text-align: left; } +.align-left { text-align: left; } -.align-center { - text-align: center; } +.align-center { text-align: center; } /* Article HTML */ -article h2, article h3, article h4, article h5, article h6 { - margin: 1em 0; } -article h4 { - color: #fff; } -article ul li p { - margin: 0; } -article ul li blockquote { - margin: 10px 0; } -article ul li, -article ol li { - line-height: 1.5em; - margin-bottom: 0.5em; } - -h5, h6 { - font-size: 1em; - font-style: italic; } - -blockquote { - border-left: 2px solid #777; - padding-left: 20px; - font-style: italic; - font-size: 18px; - font-weight: 500; } +article h2, article h3, article h4, article h5, article h6 { margin: 1em 0; } + +article h4 { color: #fff; } + +article ul li p { margin: 0; } + +article ul li blockquote { margin: 10px 0; } + +article ul li, article ol li { line-height: 1.5em; margin-bottom: 0.5em; } + +h5, h6 { font-size: 1em; font-style: italic; } + +blockquote { border-left: 2px solid #777; padding-left: 20px; font-style: italic; font-size: 18px; font-weight: 500; } /* Tables */ -table { - width: 100%; - background-color: #555; - margin: .5em 0; - -webkit-border-radius: 5px; - -moz-border-radius: 5px; - border-radius: 5px; - -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); - box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } - -thead { - -webkit-border-top-left-radius: 5px; - -moz-border-radius-topleft: 5px; - border-top-left-radius: 5px; - -webkit-border-top-right-radius: 5px; - -moz-border-radius-topright: 5px; - border-top-right-radius: 5px; - color: #fff; - background-color: #3a3a3a; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzNhM2EzYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIH [...] - background-image: -webkit-gradient(linear, left top, left bottom, from(#3a3a3a), to(#1e1e1e)); - background-image: -webkit-linear-gradient(top, #3a3a3a 0%, #1e1e1e 100%); - background-image: -moz-linear-gradient(top, #3a3a3a 0%, #1e1e1e 100%); - background-image: -o-linear-gradient(top, #3a3a3a 0%, #1e1e1e 100%); - background-image: linear-gradient(to bottom, #3a3a3a 0%, #1e1e1e 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a3a3a', endColorstr='#1e1e1e',GradientType=0 ); } - thead th { - position: relative; - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } - thead th:first-child { - -webkit-border-top-left-radius: 5px; - -moz-border-radius-topleft: 5px; - border-top-left-radius: 5px; } - thead th:last-child { - -webkit-border-top-right-radius: 5px; - -moz-border-radius-topright: 5px; - border-top-right-radius: 5px; } - -td { - padding: .5em .75em; } - -td p { - margin: 0; } - -th { - text-transform: uppercase; - font-size: 16px; - padding: .5em .75em; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9); - color: #888; } - -tbody td { - border-top: 1px solid #747474; - border-top: 1px solid rgba(0, 0, 0, 0.1); - -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); - -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); - box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); - background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIwLjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3Rv [...] - background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.1)), to(rgba(255, 255, 255, 0))); - background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -moz-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%); - background-image: -o-linear-gradient(top, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%); - background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.1) 0%, rgba(255, 255, 255, 0) 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1affffff', endColorstr='#00ffffff',GradientType=0 ); } - tbody td p { - font-size: 16px; } - tbody td p code { - font-size: 14px; } - -code.option, -th .option, -code.filter, -th .filter { - color: #50B600; } - -code.flag, -th .flag, -code.output, -th .output { - color: #049DCE; } - -code.option, -code.flag, -code.filter, -code.output { - margin-bottom: 2px; } +table { width: 100%; background-color: #555; margin: .5em 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); } + +thead { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; color: #fff; background-color: #3a3a3a; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckd [...] + +thead th { position: relative; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); } + +thead th:first-child { -webkit-border-top-left-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } + +thead th:last-child { -webkit-border-top-right-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; } + +td { padding: .5em .75em; } + +td p { margin: 0; } + +th { text-transform: uppercase; font-size: 16px; padding: .5em .75em; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.9); color: #888; } + +tbody td { border-top: 1px solid #747474; border-top: 1px solid rgba(0, 0, 0, 0.1); -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.1); background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyY [...] + +tbody td p { font-size: 16px; } + +tbody td p code { font-size: 14px; } + +code.option, th .option, code.filter, th .filter { color: #50B600; } + +code.flag, th .flag, code.output, th .output { color: #049DCE; } + +code.option, code.flag, code.filter, code.output { margin-bottom: 2px; } /* Note types */ -.note { - margin: 30px 0; - margin-left: -30px; - padding: 20px 20px 24px; - padding-left: 50px; - -webkit-border-radius: 0 5px 5px 0; - -moz-border-radius: 0 5px 5px 0; - border-radius: 0 5px 5px 0; - position: relative; - -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3); - -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3); - box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3); - background-color: #7e6d42; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzdlNmQ0MiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIH [...] - background-image: -webkit-gradient(linear, left top, left bottom, from(#7e6d42), to(#5c4e35)); - background-image: -webkit-linear-gradient(top, #7e6d42 0%, #5c4e35 100%); - background-image: -moz-linear-gradient(top, #7e6d42 0%, #5c4e35 100%); - background-image: -o-linear-gradient(top, #7e6d42 0%, #5c4e35 100%); - background-image: linear-gradient(to bottom, #7e6d42 0%, #5c4e35 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7e6d42', endColorstr='#5c4e35',GradientType=0 ); } - -@media (max-width: 568px) { - .note { - margin-right: -30px; } } -@media (min-width: 768px) { - .note { - margin-left: -50px; } } -.configtable { - font-size: 14px; } - -.note:before { - content: ""; - position: absolute; - top: -10px; - left: 0; - border-color: transparent #222 #222 transparent; - border-style: solid; - border-width: 5px; - width: 0; - height: 0; } -.note h5, -.note p { - margin: 0; - color: #fff; } -.note h5 { - line-height: 1.5em; - font-weight: 900; - font-style: normal; } -.note p { - font-weight: 400; - font-size: .75em; } -.note:after { - content: '\2605'; - color: #199acf; - position: absolute; - top: 14px; - left: 14px; - font-size: 28px; - font-weight: 700; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } - -.info { - background-color: #0389aa; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzODlhYSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIH [...] - background-image: -webkit-gradient(linear, left top, left bottom, from(#0389aa), to(#00617f)); - background-image: -webkit-linear-gradient(top, #0389aa 0%, #00617f 100%); - background-image: -moz-linear-gradient(top, #0389aa 0%, #00617f 100%); - background-image: -o-linear-gradient(top, #0389aa 0%, #00617f 100%); - background-image: linear-gradient(to bottom, #0389aa 0%, #00617f 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#0389aa', endColorstr='#00617f',GradientType=0 ); } - -.warning { - background-color: #1B3850; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllMjgxMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIH [...] - background-image: -webkit-gradient(linear, left top, left bottom, from(#1B3850), to(#204c69)); - background-image: -webkit-linear-gradient(top, #1B3850 0%, #204c69 100%); - background-image: -moz-linear-gradient(top, #1B3850 0%, #204c69 100%); - background-image: -o-linear-gradient(top, #1B3850 0%, #204c69 100%); - background-image: linear-gradient(to bottom, #1B3850 0%, #204c69 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1B3850', endColorstr='#204c69',GradientType=0 ); } - -.unreleased { - background-color: #cd9239; - background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkOTIzOSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIH [...] - background-image: -webkit-gradient(linear, left top, left bottom, from(#cd9239), to(#a27528)); - background-image: -webkit-linear-gradient(top, #cd9239 0%, #a27528 100%); - background-image: -moz-linear-gradient(top, #cd9239 0%, #a27528 100%); - background-image: -o-linear-gradient(top, #cd9239 0%, #a27528 100%); - background-image: linear-gradient(to bottom, #cd9239 0%, #a27528 100%); - filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cd9239', endColorstr='#a27528',GradientType=0 ); } - -.info:before { - border-color: transparent #00617f #00617f transparent; } - -.warning:before { - border-color: transparent #204c69 #204c69 transparent; } - -.unreleased:before { - border-color: transparent #664719 #664719 transparent; } - -.info:after { - content: '\24D8'; - color: #fff; - position: absolute; - top: 15px; - left: 15px; - font-size: 28px; - font-weight: 700; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } - -.warning:after { - content: '\203C'; - color: #199acf; - position: absolute; - top: 15px; - left: 15px; - font-size: 32px; - font-weight: 700; - text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } - -.unreleased:after { - content: '\2692'; - color: #2b2a12; - position: absolute; - top: 8px; - left: 15px; - font-size: 38px; - font-weight: 700; - text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } +.note { margin: 30px 0; margin-left: -30px; padding: 20px 20px 24px; padding-left: 50px; -webkit-border-radius: 0 5px 5px 0; -moz-border-radius: 0 5px 5px 0; border-radius: 0 5px 5px 0; position: relative; -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.2), inset 0 -1px 0 rgba(0, 0, 0, 0.3); box-shadow: 0 1px 5px rgba(0, 0, 0, 0.3 [...] + +@media (max-width: 568px) { .note { margin-right: -30px; } } + +@media (min-width: 768px) { .note { margin-left: -50px; } } + +.configtable { font-size: 14px; } + +.note:before { content: ""; position: absolute; top: -10px; left: 0; border-color: transparent #222 #222 transparent; border-style: solid; border-width: 5px; width: 0; height: 0; } + +.note h5, .note p { margin: 0; color: #fff; } + +.note h5 { line-height: 1.5em; font-weight: 900; font-style: normal; } + +.note p { font-weight: 400; font-size: .75em; } + +.note:after { content: '\2605'; color: #199acf; position: absolute; top: 14px; left: 14px; font-size: 28px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } + +.info { background-color: #0389aa; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAzODlhYSIgc3RvcC1vcGFjaXR5PSIxIi8+C [...] + +.warning { background-color: #1B3850; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzllMjgxMiIgc3RvcC1vcGFjaXR5PSIxIi [...] + +.unreleased { background-color: #cd9239; background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2NkOTIzOSIgc3RvcC1vcGFjaXR5PSI [...] + +.info:before { border-color: transparent #00617f #00617f transparent; } + +.warning:before { border-color: transparent #204c69 #204c69 transparent; } + +.unreleased:before { border-color: transparent #664719 #664719 transparent; } + +.info:after { content: '\24D8'; color: #fff; position: absolute; top: 15px; left: 15px; font-size: 28px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } + +.warning:after { content: '\203C'; color: #199acf; position: absolute; top: 15px; left: 15px; font-size: 32px; font-weight: 700; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.5); } + +.unreleased:after { content: '\2692'; color: #2b2a12; position: absolute; top: 8px; left: 15px; font-size: 38px; font-weight: 700; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.25); } /* Responsive tables */ -@media (max-width: 768px) { - .mobile-side-scroller { - overflow-x: scroll; - margin: 0 -40px; - padding: 0 10px; } } -.show-on-mobiles { - display: none; } - -@media screen and (max-width: 568px) { - .show-on-mobiles { - display: block !important; } - - a .show-on-mobiles { - display: inline !important; } } -/* Helper class taken from Bootstrap. - Hides an element to all devices except screen readers. -*/ -.sr-only { - position: absolute; - width: 1px; - height: 1px; - padding: 0; - margin: -1px; - overflow: hidden; - clip: rect(0, 0, 0, 0); - border: 0; } +@media (max-width: 768px) { .mobile-side-scroller { overflow-x: scroll; margin: 0 -40px; padding: 0 10px; } } + +.show-on-mobiles { display: none; } + +@media screen and (max-width: 568px) { .show-on-mobiles { display: block !important; } + a .show-on-mobiles { display: inline !important; } } + +/* Helper class taken from Bootstrap. Hides an element to all devices except screen readers. */ +.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; } + +/*# sourceMappingURL=screen.css.map */ \ No newline at end of file diff --git a/css/screen.css.map b/css/screen.css.map new file mode 100644 index 0000000..7aa2146 --- /dev/null +++ b/css/screen.css.map @@ -0,0 +1,22 @@ +{ + "version": 3, + "file": "screen.css", + "sources": [ + "screen.scss", + "_sass/_mixins.scss", + "_sass/_normalize.scss", + "_sass/_gridism.scss", + "_sass/_pygments.scss", + "_sass/_font-awesome.scss" + ], + "sourcesContent": [ + "@import \"mixins\";\n@import \"normalize\";\n@import \"gridism\";\n@import \"pygments\";\n@import \"font-awesome\";\n\n/* Base */\n\n* {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\nbody {\n font: 300 21px Lato, 'Helvetica Neue', Helvetica, Arial, sans-serif;\n color: #ddd;\n background-color: #333;\n border-top: 5px solid #199acf;\n @include box-shadow(inset 0 3px 30px rgba(0,0,0,.3));\n text-shadow: 0 1px 3px rgba(0,0,0,.5 [...] + "@mixin box-shadow($shadow...) {\n -webkit-box-shadow: $shadow;\n -moz-box-shadow: $shadow;\n box-shadow: $shadow;\n}\n\n@mixin border-radius($radius...) {\n -webkit-border-radius: $radius;\n -moz-border-radius: $radius;\n border-radius: $radius;\n}\n\n@mixin border-top-left-radius($radius...) {\n -webkit-border-top-left-radius: $radius;\n -moz-border-radius-topleft: $radius;\n border-top-left-radius: $radius;\n}\n\n@mixin border-top-right-rad [...] + "/*! normalize.css v3.0.2 | MIT License | git.io/normalize */html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}body{margin:0}article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary{display:block}audio,canvas,progress,video{display:inline-block;vertical-align:baseline}audio:not([controls]){display:none;height:0}[hidden],template{display:none}a{background-color:transparent}a:active,a:hover{outline:0}abbr[title]{border-b [...] + "/*\n * Gridism\n * A simple, responsive, and handy CSS grid by @cobyism\n * https://github.com/cobyism/gridism\n */\n\n/* Preserve some sanity */\n.grid,\n.unit {\n -webkit-box-sizing: border-box;\n -moz-box-sizing: border-box;\n box-sizing: border-box;\n}\n\n/* Set up some rules to govern the grid */\n.grid {\n display: block;\n clear: both;\n}\n.grid .unit {\n float: left;\n width: 100%;\n padding: 10px;\n}\n\n/* This ensures the outer gutters are equal to the (doubled) inne [...] + ".highlight {\n .hll { background-color: #ffffcc }\n .c { color: #87ceeb} /* Comment */\n .err { color: #ffffff} /* Error */\n .g { color: #ffffff} /* Generic */\n .k { color: #f0e68c} /* Keyword */\n .l { color: #ffffff} /* Literal */\n .n { color: #ffffff} /* Name */\n .o { color: #ffffff} /* Operator */\n .x { color: #ffffff} /* Other */\n .p { color: #ffffff} /* Punctuation */\n .cm { color: #87ceeb} /* Comment.Multiline */\n .cp { color: #cd5c5c} /* Comment.Preproc */\ [...] + "/*!\n * Font Awesome 4.2.0 by @davegandy - http://fontawesome.io - @fontawesome\n * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)\n */\n@font-face {\n font-family: 'FontAwesome';\n src: url('../fonts/fontawesome-webfont.eot?v=4.2.0');\n src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.2.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff?v=4.2.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.2.0') format('truet [...] + ], + "names": [], + "mappings": ";AEAA,4DAA4D;AAAA,AAAA,IAAI,CAAA,EAAC,WAAW,EAAC,UAAU,EAAC,oBAAoB,EAAC,IAAI,EAAC,wBAAwB,EAAC,IAAI,GAAE;;AAAD,AAAA,IAAI,CAAA,EAAC,MAAM,EAAC,CAAC,GAAE;;AAAD,AAAA,OAAO,EAAC,KAAK,EAAC,OAAO,EAAC,UAAU,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,MAAM,EAAC,IAAI,EAAC,IAAI,EAAC,GAAG,EAAC,OAAO,EAAC,OAAO,CAAA,EAAC,OAAO,EAAC,KAAK,GAAE;;AAAD,AAAA,KAAK,EAAC,MAAM,EAAC,QAAQ,EAAC,KAAK,CAAA,EAAC,OAAO,EAAC,YAAY,EAAC,cAAc,EAAC,QAAQ,GAAE;;AAAD,AAAA,KAAK,AAAA,IAAK,EAAA,AAAA,QAAC,AAAA,GAAU,EAAC,OAAO,EAAC,IA [...] +} \ No newline at end of file diff --git a/feed.xml b/feed.xml index 92ae6ea..3350fcb 100644 --- a/feed.xml +++ b/feed.xml @@ -5,9 +5,9 @@ <description></description> <link>http://localhost:4000/</link> <atom:link href="http://localhost:4000/feed.xml" rel="self" type="application/rss+xml"/> - <pubDate>Wed, 15 May 2019 17:22:18 -0400</pubDate> - <lastBuildDate>Wed, 15 May 2019 17:22:18 -0400</lastBuildDate> - <generator>Jekyll v3.8.5</generator> + <pubDate>Mon, 28 Oct 2019 12:24:58 -0600</pubDate> + <lastBuildDate>Mon, 28 Oct 2019 12:24:58 -0600</lastBuildDate> + <generator>Jekyll v4.0.0</generator> <item> <title>Debo Dutta joins PPMC</title> @@ -21,7 +21,7 @@ the Metron website.</p> <p>Please join me to welcome Debo.</p> </description> - <pubDate>Fri, 08 Jan 2016 11:23:00 -0500</pubDate> + <pubDate>Fri, 08 Jan 2016 09:23:00 -0700</pubDate> <link>http://localhost:4000/news/2016/01/08/debo-committer/</link> <guid isPermaLink="true">http://localhost:4000/news/2016/01/08/debo-committer/</guid> @@ -37,7 +37,7 @@ the Metron website.</p> <p><img src="http://localhost:4000/img/logo.png" alt="metron logo" title="metron logo" /></p> </description> - <pubDate>Sat, 12 Dec 2015 07:00:00 -0500</pubDate> + <pubDate>Sat, 12 Dec 2015 05:00:00 -0700</pubDate> <link>http://localhost:4000/news/2015/12/12/new-logo/</link> <guid isPermaLink="true">http://localhost:4000/news/2015/12/12/new-logo/</guid> @@ -50,7 +50,7 @@ the Metron website.</p> <title>Metron accepted into Apache Incubator</title> <description><p>Congratulations! Metron accepted into the Apache Incubator.</p> </description> - <pubDate>Sun, 06 Dec 2015 15:48:00 -0500</pubDate> + <pubDate>Sun, 06 Dec 2015 13:48:00 -0700</pubDate> <link>http://localhost:4000/news/2015/12/06/metron-incubator/</link> <guid isPermaLink="true">http://localhost:4000/news/2015/12/06/metron-incubator/</guid>