-@import url(http://fonts.googleapis.com/css?family=Lato);
+@import url(https://fonts.googleapis.com/css?family=Lato);
/*! normalize.css v3.0.1 | MIT License | git.io/normalize */
html {
font-family: sans-serif;
float: left;
clear: left;
}
+ .stripe .section > .force-right {
+ padding-left: 1em;
+ padding-right: 1em;
+ }
.stripe .section > .force-right,
.stripe .section > [class*=highlight] {
float: none;
clear: none;
+ margin-left: 50%;
+ width: 50%;
+ color: #eeeeee;
+ }
+ .stripe .section > .force-right a,
+ .stripe .section > [class*=highlight] a {
+ color: #d9a8cc;
+ }
+ .stripe .section > .force-right code,
+ .stripe .section > [class*=highlight] code,
+ .stripe .section > .force-right .literal,
+ .stripe .section > [class*=highlight] .literal {
+ color: #f9f2f4;
+ background-color: #555555;
+ }
+ .stripe .section > .force-right:not(.highlight-json) .highlight,
+ .stripe .section > [class*=highlight]:not(.highlight-json) .highlight {
+ border-bottom-color: #777777;
+ }
+ .stripe .section > .force-right.admonition,
+ .stripe .section > [class*=highlight].admonition {
margin-left: 51%;
+ width: 49%;
+ border-top-color: #777777;
+ border-bottom-color: #777777;
+ border-right-color: #777777;
+ }
+ .stripe .section > .force-right pre,
+ .stripe .section > [class*=highlight] pre {
+ padding: 0;
+ margin: 10px;
+ background: none;
+ border: none;
+ }
+ .stripe .section > .force-right .highlight,
+ .stripe .section > [class*=highlight] .highlight {
+ border-color: #555555;
+ border-style: solid;
+ border-width: 1px 0;
+ color: #cccccc;
+ background: none;
+ /* Line Numbers */
+ /* 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 */
+ /* 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 */
+ }
+ .stripe .section > .force-right .highlight .lineno,
+ .stripe .section > [class*=highlight] .highlight .lineno {
+ color: #586e75;
+ }
+ .stripe .section > .force-right .highlight .c,
+ .stripe .section > [class*=highlight] .highlight .c {
+ color: #586e75;
+ }
+ .stripe .section > .force-right .highlight .err,
+ .stripe .section > [class*=highlight] .highlight .err {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .g,
+ .stripe .section > [class*=highlight] .highlight .g {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .k,
+ .stripe .section > [class*=highlight] .highlight .k {
+ color: #859900;
+ }
+ .stripe .section > .force-right .highlight .l,
+ .stripe .section > [class*=highlight] .highlight .l {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .n,
+ .stripe .section > [class*=highlight] .highlight .n {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .o,
+ .stripe .section > [class*=highlight] .highlight .o {
+ color: #859900;
+ }
+ .stripe .section > .force-right .highlight .x,
+ .stripe .section > [class*=highlight] .highlight .x {
+ color: #cb4b16;
+ }
+ .stripe .section > .force-right .highlight .p,
+ .stripe .section > [class*=highlight] .highlight .p {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .cm,
+ .stripe .section > [class*=highlight] .highlight .cm {
+ color: #586e75;
+ }
+ .stripe .section > .force-right .highlight .cp,
+ .stripe .section > [class*=highlight] .highlight .cp {
+ color: #859900;
+ }
+ .stripe .section > .force-right .highlight .c1,
+ .stripe .section > [class*=highlight] .highlight .c1 {
+ color: #586e75;
+ }
+ .stripe .section > .force-right .highlight .cs,
+ .stripe .section > [class*=highlight] .highlight .cs {
+ color: #859900;
+ }
+ .stripe .section > .force-right .highlight .gd,
+ .stripe .section > [class*=highlight] .highlight .gd {
+ color: #2aa198;
+ }
+ .stripe .section > .force-right .highlight .ge,
+ .stripe .section > [class*=highlight] .highlight .ge {
+ color: #cccccc;
+ font-style: italic;
+ }
+ .stripe .section > .force-right .highlight .gr,
+ .stripe .section > [class*=highlight] .highlight .gr {
+ color: #dc322f;
+ }
+ .stripe .section > .force-right .highlight .gh,
+ .stripe .section > [class*=highlight] .highlight .gh {
+ color: #cb4b16;
+ }
+ .stripe .section > .force-right .highlight .gi,
+ .stripe .section > [class*=highlight] .highlight .gi {
+ color: #859900;
+ }
+ .stripe .section > .force-right .highlight .go,
+ .stripe .section > [class*=highlight] .highlight .go {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .gp,
+ .stripe .section > [class*=highlight] .highlight .gp {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .gs,
+ .stripe .section > [class*=highlight] .highlight .gs {
+ color: #cccccc;
+ font-weight: bold;
+ }
+ .stripe .section > .force-right .highlight .gu,
+ .stripe .section > [class*=highlight] .highlight .gu {
+ color: #cb4b16;
+ }
+ .stripe .section > .force-right .highlight .gt,
+ .stripe .section > [class*=highlight] .highlight .gt {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .kc,
+ .stripe .section > [class*=highlight] .highlight .kc {
+ color: #cb4b16;
+ }
+ .stripe .section > .force-right .highlight .kd,
+ .stripe .section > [class*=highlight] .highlight .kd {
+ color: #268bd2;
+ }
+ .stripe .section > .force-right .highlight .kn,
+ .stripe .section > [class*=highlight] .highlight .kn {
+ color: #859900;
+ }
+ .stripe .section > .force-right .highlight .kp,
+ .stripe .section > [class*=highlight] .highlight .kp {
+ color: #859900;
+ }
+ .stripe .section > .force-right .highlight .kr,
+ .stripe .section > [class*=highlight] .highlight .kr {
+ color: #268bd2;
+ }
+ .stripe .section > .force-right .highlight .kt,
+ .stripe .section > [class*=highlight] .highlight .kt {
+ color: #dc322f;
+ }
+ .stripe .section > .force-right .highlight .ld,
+ .stripe .section > [class*=highlight] .highlight .ld {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .m,
+ .stripe .section > [class*=highlight] .highlight .m {
+ color: #2aa198;
+ }
+ .stripe .section > .force-right .highlight .s,
+ .stripe .section > [class*=highlight] .highlight .s {
+ color: #2aa198;
+ }
+ .stripe .section > .force-right .highlight .na,
+ .stripe .section > [class*=highlight] .highlight .na {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .nb,
+ .stripe .section > [class*=highlight] .highlight .nb {
+ color: #b58900;
+ }
+ .stripe .section > .force-right .highlight .nc,
+ .stripe .section > [class*=highlight] .highlight .nc {
+ color: #268bd2;
+ }
+ .stripe .section > .force-right .highlight .no,
+ .stripe .section > [class*=highlight] .highlight .no {
+ color: #cb4b16;
+ }
+ .stripe .section > .force-right .highlight .nd,
+ .stripe .section > [class*=highlight] .highlight .nd {
+ color: #268bd2;
+ }
+ .stripe .section > .force-right .highlight .ni,
+ .stripe .section > [class*=highlight] .highlight .ni {
+ color: #cb4b16;
+ }
+ .stripe .section > .force-right .highlight .ne,
+ .stripe .section > [class*=highlight] .highlight .ne {
+ color: #cb4b16;
+ }
+ .stripe .section > .force-right .highlight .nf,
+ .stripe .section > [class*=highlight] .highlight .nf {
+ color: #268bd2;
+ }
+ .stripe .section > .force-right .highlight .nl,
+ .stripe .section > [class*=highlight] .highlight .nl {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .nn,
+ .stripe .section > [class*=highlight] .highlight .nn {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .nx,
+ .stripe .section > [class*=highlight] .highlight .nx {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .py,
+ .stripe .section > [class*=highlight] .highlight .py {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .nt,
+ .stripe .section > [class*=highlight] .highlight .nt {
+ color: #268bd2;
+ }
+ .stripe .section > .force-right .highlight .nv,
+ .stripe .section > [class*=highlight] .highlight .nv {
+ color: #268bd2;
+ }
+ .stripe .section > .force-right .highlight .ow,
+ .stripe .section > [class*=highlight] .highlight .ow {
+ color: #859900;
+ }
+ .stripe .section > .force-right .highlight .w,
+ .stripe .section > [class*=highlight] .highlight .w {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .mf,
+ .stripe .section > [class*=highlight] .highlight .mf {
+ color: #2aa198;
+ }
+ .stripe .section > .force-right .highlight .mh,
+ .stripe .section > [class*=highlight] .highlight .mh {
+ color: #2aa198;
+ }
+ .stripe .section > .force-right .highlight .mi,
+ .stripe .section > [class*=highlight] .highlight .mi {
+ color: #2aa198;
+ }
+ .stripe .section > .force-right .highlight .mo,
+ .stripe .section > [class*=highlight] .highlight .mo {
+ color: #2aa198;
+ }
+ .stripe .section > .force-right .highlight .sb,
+ .stripe .section > [class*=highlight] .highlight .sb {
+ color: #586e75;
+ }
+ .stripe .section > .force-right .highlight .sc,
+ .stripe .section > [class*=highlight] .highlight .sc {
+ color: #2aa198;
+ }
+ .stripe .section > .force-right .highlight .sd,
+ .stripe .section > [class*=highlight] .highlight .sd {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .s2,
+ .stripe .section > [class*=highlight] .highlight .s2 {
+ color: #2aa198;
+ }
+ .stripe .section > .force-right .highlight .se,
+ .stripe .section > [class*=highlight] .highlight .se {
+ color: #cb4b16;
+ }
+ .stripe .section > .force-right .highlight .sh,
+ .stripe .section > [class*=highlight] .highlight .sh {
+ color: #cccccc;
+ }
+ .stripe .section > .force-right .highlight .si,
+ .stripe .section > [class*=highlight] .highlight .si {
+ color: #2aa198;
+ }
+ .stripe .section > .force-right .highlight .sx,
+ .stripe .section > [class*=highlight] .highlight .sx {
+ color: #2aa198;
+ }
+ .stripe .section > .force-right .highlight .sr,
+ .stripe .section > [class*=highlight] .highlight .sr {
+ color: #dc322f;
+ }
+ .stripe .section > .force-right .highlight .s1,
+ .stripe .section > [class*=highlight] .highlight .s1 {
+ color: #2aa198;
+ }
+ .stripe .section > .force-right .highlight .ss,
+ .stripe .section > [class*=highlight] .highlight .ss {
+ color: #2aa198;
+ }
+ .stripe .section > .force-right .highlight .bp,
+ .stripe .section > [class*=highlight] .highlight .bp {
+ color: #268bd2;
+ }
+ .stripe .section > .force-right .highlight .vc,
+ .stripe .section > [class*=highlight] .highlight .vc {
+ color: #268bd2;
+ }
+ .stripe .section > .force-right .highlight .vg,
+ .stripe .section > [class*=highlight] .highlight .vg {
+ color: #268bd2;
+ }
+ .stripe .section > .force-right .highlight .vi,
+ .stripe .section > [class*=highlight] .highlight .vi {
+ color: #268bd2;
+ }
+ .stripe .section > .force-right .highlight .il,
+ .stripe .section > [class*=highlight] .highlight .il {
+ color: #2aa198;
+ }
+ .stripe .body > .section > .section {
+ border-top: 1px solid #eeeeee;
}
.stripe .section > h1,
.stripe .section > h2,
.stripe .section > h4,
.stripe .section > h5,
.stripe .section > h6 {
- background-color: rgba(255, 255, 255, 0.7);
+ max-width: 50%;
}
.stripe .section > h1,
.stripe .section > h2,
float: none;
clear: both;
}
- .stripe .bodywrapper {
- position: relative;
+ .stripe .documentwrapper {
+ overflow: auto;
}
- .stripe .bodywrapper:before {
+ .stripe .documentwrapper:before {
position: absolute;
top: 0;
bottom: 0;
left: 50%;
content: "";
- width: 0;
- border-left: 1px solid #777777;
+ width: 50%;
+ background: #333333;
}
.stripe .highlight pre {
white-space: pre-wrap;
}
+ .stripe .btn-clipboard {
+ background-color: transparent;
+ color: #eeeeee;
+ border-color: #777777;
+ border-top: none;
+ border-top-right-radius: 0;
+ }
+ .stripe .btn-clipboard.active {
+ background-color: #555555;
+ -webkit-transition: background-color 0.5s linear;
+ -o-transition: background-color 0.5s linear;
+ transition: background-color 0.5s linear;
+ }
}
.stripe .switcher {
color: white;
width: auto !important;
float: none !important;
- position: fixed;
+ position: absolute;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-end;
margin: 0;
z-index: 5;
}
+.stripe .switcher.affix {
+ position: fixed;
+ top: 0;
+}
.stripe .switcher li {
background-color: #0f131a;
padding: 0.4em 1em;
}
.stripe .switcher li:first-child {
border-left-width: 1px;
- border-radius: 5px 0 0 5px;
+ border-radius: 0 0 0 5px;
}
.stripe .switcher li:last-child {
- border-radius: 0 5px 5px 0;
+ border-radius: 0 0 5px 0;
}
.stripe .switcher li:hover {
background-color: #222;