nav#main { margin-bottom: 15px; } .navbar.navbar-default.navbar-openshift.navbar-origin { background: linear-gradient(rgba(0, 61, 110, 0.34), rgba(0, 61, 110, 0.34)), url("../_images/origin-masthead.jpg") 20% 25% repeat-x; background-size: 150rem; border: 0; height: 90px; margin-bottom: 20px; z-index: 10; } /* fixed look and feel for OKD sidebar and toc update */ @media (min-width: 1425px) { .navbar.navbar-default.navbar-openshift.navbar-origin { width: 100%; position: fixed; z-index: 10; } } @media (max-width: 767px) { .navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: #dedede; background: white; filter: drop-shadow(0.6em 0.01em 0.2em); } } .navbar.navbar-default.navbar-openshift .navbar-brand.origin { background: url("../_images/okd_logo.svg") no-repeat scroll 0% 95%; background-size: 140px; margin-left: 20px; } /* Styling for new page/section edit buttons */ .edit-page-button { z-index: 1; /* Absolutely aligns element with next "relative" parent */ position: absolute; top: 15px; /* 25px to match parent padding */ right: 25px; } .edit-section-button { z-index: 1; float: right; position: relative; top: 5px; right: 10px; } /* Tweaks for the Google-generated search widget */ .cse .gsc-control-cse, .gsc-control-cse, table.gsc-search-box td.gsc-input { padding: 0; } td.gsc-clear-button { display: none; } div.gsc-option-menu-container>div.gsc-selected-option-container { width: auto !important } .mastfoot a { margin: 0 10px; } /* ------------------------------------------------------------ Image: "Spin" https://www.flickr.com/photos/eflon/3655695161/ Author: eflon https://www.flickr.com/photos/eflon/ License: https://creativecommons.org/licenses/by/2.0/ ---------------------------------------------------------------*/ .attribution { text-align: center; position: relative; bottom: -20px; } .attribution .btn { color: #808080; color: rgba(175, 175, 175, .65); font-size: 11px; } .attribution .btn:hover { text-decoration: none; color: #aaa; } .popover-content { font-size: 12px; line-height: 1.3; font-weight: normal; } /* Footer Edits 12/11/2015 */ @media screen and (max-width: 768px) { .footer-openshift { height: 190px; } } .footer-openshift a { top: 0; margin-left: 0; } .footer-origin-docs { padding: 20px; color: #ccc; background-color: #1b2a38; border: none; height: auto; position: absolute; width: 100%; bottom: 0; z-index: 999; } .footer-origin-docs a { text-decoration: none; } #footer_social { text-align: center; margin: 10px 0 20px; } #footer_social a { margin: 0 10px; } #footer_logo { margin-left: 0; } #powered_by_openshift img { text-align: center; } #built_with_asciibinder img { width: 140px; } @media screen and (min-width: 769px) { body { margin-bottom: 200px; } } @media screen and (max-width: 768px) { .sidebar { border-right: 1px solid #e7e7e7; background: #fff; } .footer-origin-docs, .footer-openshift { display: none; /* hide absolute positioned footer at mobile */ } .visible-xs-block .footer-origin-docs, .visible-xs-block .footer-openshift { /* show alternate footer positioned relative at mobile */ display: block; position: relative; margin-top: 50px; } footer { text-align: center; } footer img { margin: 10px 0; } footer .text-right { text-align: center !important; } #footer_social>a { top: 24px; } } /* End footer edits */ /* ClipboardJS */ p.clipboard-button-container { position: relative; } span.clipboard-button { position: absolute; right: 0px; bottom: -28px; z-index: 1; display: block; width: 30px; padding: 5px; text-align: center; } span.clipboard-button:hover { cursor: pointer; } .fa-clipboard { color: #404040; } .fa-clipboard:hover { color: #AAAAAA; } .fa-check { color: #73804E; } @media (hover: none) and (pointer: coarse) { .fa-clipboard:hover { color: #404040; } } /* End ClipboardJS edits */ /* Collapsible content */ details { width: 100%; margin-bottom: 10px; } details>summary { font-size: 0.92em; padding: 4px 6px; background-color: #f9f9f9; border: none; box-shadow: 2px 2px 2px #8a8a8a; cursor: pointer; margin-top: 0.8em; margin-bottom: 1.5em; display: list-item; } details>div { border-radius: 0 0 5px 5px; background-color: #f9f9f9; padding: 4px 6px; margin: 0.5em 0.7em 1.5em 0.7em; box-shadow: 2px 2px 2px #8a8a8a; } #collapsibleButtonDiv { position: relative; width: 100%; padding: 1em 0em; font-size: .92em; } button[name="button-collapse-expand-all"] { position: absolute; right: 100px; bottom: 0px; margin-right: 10px; z-index: 1; } .span-collapse-expand-all { display: inline-block; width: 100px; position: absolute; right: 0px; bottom: 0px; text-align: justify; z-index: 1; } .span-collapse-expand-all:hover { cursor: pointer; } /* END Collapsible content */ .fa-inverse:hover { color: #ccc; } .breadcrumb { margin: 0; padding: 3px 0 20px; font-size: 0.92em; } @media screen and (min-width: 768px) { .breadcrumb { border-bottom: 1px solid #e7e7e7; padding-top: 0; } } .collapse a.active { background-color: #DEEAF4; color: #000; position: relative; } .collapse a.active:hover { text-decoration: none; } .collapse a.active:before { background-color: #A0C3E5; content: ""; display: inline-block; height: 100%; left: 0; position: absolute; top: 0; width: 3px; } .main h2, .main .h2 { border-top: 0px; padding-top: 3px; margin-top: 0; } .page-header { height: 100% !important; } .page-header h1 { font-size: 30px; font-weight: 400; letter-spacing: inherit; color: inherit; margin: 10px 0 0 0; padding: 2px 0 0 0; } .ulist p, .olist p { margin-bottom: 1em; } .nav>li>a.hover { background-color: none; } h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 { position: relative; text-transform: none; overflow-wrap: break-word; padding-right: 35px !important; } h2>a.anchor, h3>a.anchor, h4>a.anchor, h5>a.anchor, h6>a.anchor { display: block; font-weight: normal; margin-left: -1.5ex; position: absolute; text-align: center; text-decoration: none !important; visibility: hidden; width: 1.5ex; z-index: 2; } h2>a.anchor:before, h3>a.anchor:before, h4>a.anchor:before, h5>a.anchor:before, h6>a.anchor:before { content: "\f0c1"; display: block; font-family: FontAwesome; font-size: 0.7em; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; padding-top: 0.2em; } h4>a.anchor:before, h5>a.anchor:before, h6>a.anchor:before { font-size: 1em; } h2:hover>a.anchor, h2>a.anchor:hover, h3:hover>a.anchor, h3>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; } .main { border-left: 1px solid #e7e7e7; margin-left: -1px; padding-left: 25px; } /* keyframe animation */ @keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Firefox < 16 */ @-moz-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Safari, Chrome and Opera > 12.1 */ @-webkit-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Internet Explorer */ @-ms-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /* Opera < 12.1 */ @-o-keyframes fadein { from { opacity: 0; } to { opacity: 1; } } /*fixed sidebar, navbar, and breadcrumb css */ @media (min-width: 1425px) { html { scroll-padding-top: 155px; /* height of fixed header */ } body { margin: 0px; margin-bottom: 40px; } .main { margin-top: 130px; border-left: 0px solid #e7e7e7; margin-left: 315px; width: 800px; } .sidebar { font-weight: 300; overflow-wrap: break-word; position: fixed; overflow-y: scroll; z-index: 2; width: 300px; background-color: #fff; margin-left: 5px; display: flex; flex-flow: column; top: 190px; bottom: 10px; display: block; -webkit-animation: fadein 0.35s ease-in; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 0.35s ease-in; /* Firefox < 16 */ -ms-animation: fadein 0.35s ease-in; /* Internet Explorer */ -o-animation: fadein 0.35s ease-in; /* Opera < 12.1 */ animation: fadein 0.35s ease-in; } #hc-search { position: fixed; top: 160px; width: 358px; } #hc-search-btn { border: 1px solid lightgrey; font-size: 12px; height: 25px; width: 31px; } .breadcrumb { margin: 0; padding: 18px 0 10px; font-size: 0.92em; min-height: 65px; position: fixed; z-index: 2; background-color: #fff; width: 1400px; margin-top: 60px; margin-left: 5px; } .container { width: 1440px; position: relative; } nav#main { height: 90px; position: fixed; top: 0; left: 0; z-index: 5; width: 100%; } .page-header h1 { font-size: 30px; font-weight: 400; letter-spacing: inherit; color: inherit; margin: 10px 0 0 0; padding: 2px 0 15px 0; } #hc-modal-content { height: 80vh; margin: auto; width: 80%; z-index: 4; background-color: white; } footer#rh { background-color: #000; padding: 0px 0; z-index: 5; } .close-btn-sm { display: none; } /*side toc styling here */ #toc:before { font-family: "RedHatText",Overpass,"Open Sans",Helvetica,Arial,sans-serif; content: "TABLE OF CONTENTS"; color: #545454; font-size: 0.82em; text-decoration: none; text-align: left; padding-bottom: 0.6em; padding-top: 0.6em; padding-left: 0.8em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } #toc { float: right; padding-top: 0.1em !important; font-size: 0.8em; overflow-wrap: break-word; width: 300px; position: fixed; display: flex; flex-flow: column; top: 165px; bottom: 1px; margin-left: 780px; height: auto; max-height: 800px; overflow-y: auto; z-index: 2; vertical-align: top; border-left: solid; border-width: 1px; border-color: #E7E7E7; -webkit-animation: fadein 0.35s ease-in; -moz-animation: fadein 0.35s ease-in; -ms-animation: fadein 0.35s ease-in; -o-animation: fadein 0.35s ease-in; animation: fadein 0.35s ease-in; } #toc>ul { margin-left: -2em !important; list-style: outside none none !important; height: inherit; } #toc ul.sectlevel0>li>a { list-style: outside none none !important; } #toc ul.sectlevel2 { margin-left: -20px; } #toc ul.sectlevel0 ul.sectlevel1 { margin-top: 0.2em; list-style: outside none none !important; } #toc ul { font-family: "Open Sans", "DejaVu Sans", "Sans", sans-serif; list-style-type: none; margin-bottom: 0.2em !important; } #toc li { margin-bottom: 0.4em !important; } #toc a:link { text-decoration: none; font-size: inherit; } #toc a:hover { text-decoration: underline; } #toc a:active { font-weight: bold; } .toc-active { font-weight: bold; } #toctitle { color: #7a2518; } } /*Sidebar*/ .nav-header { font-size: 18px; } .nav-header ul { font-size: 14px; } .nav-header ul li a { display: block; padding: 5px 20px 5px 25px; font-size: 16px; font-weight: normal; line-height: 1.3; } .nav-sidebar .fa { text-align: center; top: -1px; width: 14px; } .nav-sidebar li a { line-height: 1.3; color: inherit; font-size: 0.92em; } .nav-sidebar li a:hover { color: #000; } .nav-sidebar ul li ul.nav-tertiary li a { padding-left: 50px; } .nav-sidebar>li>a { padding: 7px 0; } .nav-sidebar>li>a:focus, .nav-sidebar>li>a:hover { background: transparent; } .sidebar { font-weight: 300; padding-top: 13px; overflow-wrap: break-word; } /*tablet browsers*/ @media (max-width: 1424px) { html { scroll-padding-top: 155px; /* height of fixed header */ } body { margin: 0px; margin-bottom: 40px; } .main { margin-top: 130px; border-left: 0px solid #e7e7e7; margin-left: 250px; width: 54%; } .sidebar { font-weight: 300; overflow-wrap: break-word; position: fixed; overflow-y: scroll; z-index: 2; width: 263px; background-color: #fff; margin-left: 5px; display: flex; flex-flow: column; top: 190px; bottom: 10px; display: block; -webkit-animation: fadein 0.35s ease-in; /* Safari, Chrome and Opera > 12.1 */ -moz-animation: fadein 0.35s ease-in; /* Firefox < 16 */ -ms-animation: fadein 0.35s ease-in; /* Internet Explorer */ -o-animation: fadein 0.35s ease-in; /* Opera < 12.1 */ animation: fadein 0.35s ease-in; } #hc-search { position: fixed; top: 160px; width: 305px; } #hc-search-btn { border: 1px solid lightgrey; font-size: 12px; height: 25px; width: 30px; padding: 1px; } #hc-search-input { border: 1px solid lightgrey; font-size: 12px; height: 25px; } .breadcrumb { margin: 0; padding: 18px 0 10px; font-size: 0.92em; min-height: 65px; position: fixed; z-index: 2; background-color: #fff; width: 97%; margin-top: 60px; margin-left: 5px; } .container { width: 100%; position: relative; } nav#main { height: 90px; position: fixed; top: 0; left: 0; z-index: 5; width: 100%; } .page-header h1 { font-size: 30px; font-weight: 400; letter-spacing: inherit; color: inherit; margin: 10px 0 0 0; padding: 2px 0 15px 0; } #hc-modal-content { height: 80vh; margin: auto; width: 80%; z-index: 4; background-color: white; } footer#rh { background-color: #000; padding: 0px 0; z-index: 5; } .close-btn-sm { display: none; } /*side toc styling here */ #toc:before { font-family: "RedHatText",Overpass,"Open Sans",Helvetica,Arial,sans-serif; content: "TABLE OF CONTENTS"; color: #545454; font-size: 0.82em; text-decoration: none; text-align: left; padding-bottom: 0.6em; padding-top: 0.6em; padding-left: 0.8em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } #toc { float: right; padding-top: 0.1em !important; font-size: 0.8em; overflow-wrap: break-word; width: 20%; position: fixed; display: flex; flex-flow: column; top: 165px; bottom: 1px; margin-left: 52%; height: auto; max-height: 800px; overflow-y: auto; z-index: 2; vertical-align: top; border-left: solid; border-width: 1px; border-color: #E7E7E7; -webkit-animation: fadein 0.35s ease-in; -moz-animation: fadein 0.35s ease-in; -ms-animation: fadein 0.35s ease-in; -o-animation: fadein 0.35s ease-in; animation: fadein 0.35s ease-in; } #toc>ul { margin-left: -2em !important; list-style: outside none none !important; height: inherit; } #toc ul.sectlevel0>li>a { list-style: outside none none !important; } #toc ul.sectlevel2 { margin-left: -20px; } #toc ul.sectlevel0 ul.sectlevel1 { margin-top: 0.2em; list-style: outside none none !important; } #toc ul { font-family: "Open Sans", "DejaVu Sans", "Sans", sans-serif; list-style-type: none; margin-bottom: 0.2em !important; } #toc li { margin-bottom: 0.3em !important; } #toc a:link { text-decoration: none; font-size: inherit; } #toc a:hover { text-decoration: underline; } #toc a:active { font-weight: bold; } .toc-active { font-weight: bold; } #toctitle { color: #7a2518; } } /*Sidebar*/ .nav-header { font-size: 18px; } .nav-header ul { font-size: 14px; } .nav-header ul li a { display: block; padding: 5px 20px 5px 25px; font-size: 16px; font-weight: normal; line-height: 1.3; } .nav-sidebar .fa { text-align: center; top: -1px; width: 14px; } .nav-sidebar li a { line-height: 1.3; color: inherit; font-size: 0.92em; } .nav-sidebar li a:hover { color: #000; } .nav-sidebar ul li ul.nav-tertiary li a { padding-left: 50px; } .nav-sidebar>li>a { padding: 7px 0; } .nav-sidebar>li>a:focus, .nav-sidebar>li>a:hover { background: transparent; } .sidebar { font-weight: 300; padding-top: 13px; overflow-wrap: break-word; } /*mobile browsers*/ @media screen and (max-width: 1007px) { .main{ width: 100%; margin-top: 165px; margin-left: unset; } nav#main { height: 90px; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; } .nav { padding-top: 15px; } #toc:before { display: none; } #toc { float: unset; padding-top: unset; font-size: unset; overflow-wrap: break-word; width: unset; position: unset; display: unset; flex-flow: unset; top: 165px; bottom: 1px; margin-left: unset; height: auto; max-height: unset; overflow-y: auto; z-index: 2; vertical-align: top; border-left: unset; border-width: 1px; border-color: #E7E7E7; -webkit-animation: fadein 0.35s ease-in; -moz-animation: fadein 0.35s ease-in; -ms-animation: fadein 0.35s ease-in; -o-animation: fadein 0.35s ease-in; animation: fadein 0.35s ease-in; } #toc>ul { font-size: 0.92em; margin-left: unset !important; } .toc-active { font-weight: unset; } .breadcrumb { margin: 0; padding: 3px 0 20px; font-size: 0.92em; top: 100px; position: absolute; width: 96%; } .sidebar { font-weight: 300; overflow-wrap: break-word; position: fixed; overflow-y: scroll; padding-top: 10px; height: 100%; border-right: 1px solid #e7e7e7; display: block; z-index: 9999; width: 300px; background-color: #fff; filter: drop-shadow(0 0 0.15rem grey); transition: all .3s ease; display: none; top: unset; left: -5px; } .breadcrumb { margin: 0; padding: 3px 0 20px; font-size: 0.92em; } .open-btn-sm { margin-top: 30px; font-size: 20px; opacity: 90%; position: fixed; z-index: 9999; filter: drop-shadow(0 0 0.1rem grey); } .close-btn-sm { border: 1px solid lightgrey; font-size: 14px; height: 25px; width: 26px; padding: 2px; margin-bottom: 3px; } .btn-close { padding: 2px; } .close-btn-sm { display: unset; } #hc-search { top: 40px; position: unset; } } /* * Off Canvas * -------------------------------------------------- */ body>.container { overflow-x: hidden; } .toggle-nav { margin-right: 20px; } p { margin: 0 0 0.92em; font-size: 0.92em; } /* for code lines inside tables*/ table>tbody>tr>td>p>code { white-space: pre-wrap; word-wrap: break-word; } /* for codeblocks inside tables*/ table>tbody>tr>td>div>div>div>pre { white-space: pre-wrap; } /* for column code lines inside tables*/ table>tbody>tr>td>div>div>p>code { white-space: pre-wrap; word-wrap: break-word; } /* Remnants of Asciidoctor default stylesheet - remove styles as needed */ #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; } .left { float: left !important; } .right { float: right !important; } .text-left { text-align: left !important; } .text-right { text-align: right !important; } .text-center { text-align: center !important; } .text-justify { text-align: justify !important; } .hide { display: none; } /* code blocks */ .audioblock, .imageblock, .literalblock, .listingblock, .stemblock, .verseblock, .videoblock { margin-bottom: 1em; } .admonitionblock td.content > .title, .audioblock > .title, .exampleblock > .title, .imageblock > .title, .listingblock > .title, .literalblock > .title, .stemblock > .title, .openblock > .title, .paragraph > .title, .quoteblock > .title, table.tableblock > .title, .verseblock > .title, .videoblock > .title, .dlist > .title, .olist > .title, .ulist > .title, .qlist > .title, .hdlist > .title { text-rendering: optimizeLegibility; text-align: left; font-family: "Noto Serif", "DejaVu Serif", "Serif", serif; font-weight: normal; font-style: italic; font-size: 16px; } table.tableblock > caption.title { white-space: nowrap; overflow: visible; max-width: 0; } table.tableblock #preamble > .sectionbody > .paragraph:first-of-type p { font-size: inherit; } .admonitionblock > table { border: 0; background: none; width: 100%; table-layout: fixed; } .admonitionblock.note { background: #4e9fde15; border-left: solid #4e9fde; } .admonitionblock.important { background: #ee210015; border-left: solid #ee2100; } .admonitionblock.warning { background: #ec7a0915; border-left: solid #ec7a09; } .admonitionblock.caution { background: #ec7a0915; border-left: solid #ec7a09; } .admonitionblock.tip { background: #32859615; border-left: solid #328596; } .admonitionblock > table td.icon { vertical-align: top; text-align: center; width: 80px; } .admonitionblock > table td.icon img { max-width: none; } .admonitionblock > table td.icon .title { font-weight: 300; text-transform: uppercase; } .admonitionblock > table td.content { padding-left: 0; padding-right: 1.25em; color: #6e6e6e; font-size: .85rem; } .admonitionblock.note td.content:before { content: "NOTE\a"; white-space: pre; color: #404040; font-weight: bold; } .subheader, #content #toctitle, .admonitionblock td.content>.title, .audioblock>.title, .exampleblock>.title, .imageblock>.title, .listingblock>.title, .literalblock>.title, .stemblock>.title, .openblock>.title, .paragraph>.title, .quoteblock>.title, table.tableblock>.title, .verseblock>.title, .videoblock>.title, .dlist>.title, .olist>.title, .ulist>.title, .qlist>.title, .hdlist>.title { line-height: 1.4; color: #7a2518; font-weight: 300; margin-top: 0.2em; margin-bottom: 0.5em; } abbr, acronym { text-transform: uppercase; font-size: 90%; color: #333333; border-bottom: 1px dotted #dddddd; cursor: help; } abbr { text-transform: none; } blockquote { margin: 0 0 1.25em; padding: 0.5625em 1.25em 0 1.1875em; border-left: 3px solid #487c58; } blockquote cite { display: block; font-size: inherit; color: #454545; } blockquote cite:before { content: "\2014 \0020"; } blockquote cite a, blockquote cite a:visited { color: #454545; } blockquote, blockquote p { line-height: 1.6; color: #6e6e6e; } @media only screen and (min-width: 768px) { #toctitle, .sidebarblock>.content>.title { line-height: 1.4; } #toctitle, .sidebarblock>.content>.title { font-size: 1.6875em; } } table { background: white; margin-bottom: 1.25em; border: solid 1px #dddddd; font-size: 15px; } 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: #333333; text-align: left; } table tr th, table tr td { padding: 0.5625em 0.625em; font-size: 14px; color: #545454; font-weight: 400; } 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.8; } .clearfix:before, .clearfix:after, .float-group:before, .float-group:after { content: " "; display: table; } .clearfix:after, .float-group:after { clear: both; } *:not(pre)>code { background-color: #f9f9f9; border: 0 solid #dddddd; -webkit-border-radius: 0px; border-radius: 0px; text-shadow: none; line-height: 1; font-weight: 400; /* normal */ vertical-align: baseline; padding: 2px 4px; word-wrap: break-word; } pre code { text-shadow: none; } .keyseq { color: #666666; } kbd:not(.keyseq) { display: inline-block; color: #333333; 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; } .keyseq kbd:first-child { margin-left: 0; } .keyseq kbd:last-child { margin-right: 0; } .menuseq, .menu { color: #1a1a1a; } b.button:before, b.button:after { position: relative; top: -1px; font-weight: normal; } b.button:before { content: "["; padding: 0 3px 0 2px; } b.button:after { content: "]"; padding: 0 2px 0 3px; } 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; } #content:before { content: none; } #header { margin-bottom: 2.5em; } #header>h1 { color: black; font-weight: 300; border-bottom: 1px solid #d8d8d8; margin-bottom: -28px; padding-bottom: 32px; } #header span { color: #6e6e6e; } #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 { padding-top: 1em; margin-bottom: 1.05em; } #toc>ul { margin-left: 0.25em; } #toc ul.sectlevel0 ul.sectlevel1 { margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; } #toc ul { font-family: "Open Sans", "DejaVu Sans", "Sans", sans-serif; list-style-type: none; } #toc a { text-decoration: none; font-size: 0.92em; } #toc a:active { text-decoration: underline; } #toctitle { color: #7a2518; } @media only screen and (min-width: 768px) { body.toc2 { padding-left: 15em; padding-right: 0; } #toc.toc2 { background-color: #fafaf9; position: fixed; width: 15em; left: 0; top: 0; border-right: 1px solid #e5e5e5; border-bottom: 0; z-index: 1000; padding: 1.25em 1em; height: 100%; overflow: auto; } #toc.toc2 #toctitle { margin-top: 0; font-size: 1.2em; } #toc.toc2>ul { font-size: .90em; margin-bottom: 0; } #toc.toc2 ul ul { margin-left: 0; padding-left: 1em; } #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: 15em; } body.toc2.toc-right #toc.toc2 { border-right: 0; border-left: 1px solid #e5e5e5; left: auto; right: 0; } } @media only screen and (min-width: 1280px) { body.toc2 { padding-left: 20em; padding-right: 0; } #toc.toc2 { width: 20em; } #toc.toc2 #toctitle { font-size: 1.375em; } #toc.toc2>ul { font-size: 0.95em; } #toc.toc2 ul ul { padding-left: 1.25em; } body.toc2.toc-right { padding-left: 0; padding-right: 20em; } } #content #toc { border-style: solid; border-width: 1px; border-color: #e3e3dd; margin-bottom: 1.25em; padding: 1.25em; background: #fafaf9; 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 #toctitle { font-size: 1.375em; } #footer { max-width: 100%; background-color: #333333; padding: 1.25em; } #footer-text { color: #cccccc; line-height: 1.44; } /* code blocks */ .audioblock, .imageblock, .literalblock, .listingblock, .stemblock, .verseblock, .videoblock { margin-bottom: 1em; } .admonitionblock td.content>.title, .audioblock>.title, .exampleblock>.title, .imageblock>.title, .listingblock>.title, .literalblock>.title, .stemblock>.title, .openblock>.title, .paragraph>.title, .quoteblock>.title, table.tableblock>.title, .verseblock>.title, .videoblock>.title, .dlist>.title, .olist>.title, .ulist>.title, .qlist>.title, .hdlist>.title { text-rendering: optimizeLegibility; text-align: left; font-family: "Noto Serif", "DejaVu Serif", "Serif", serif; font-weight: normal; font-style: italic; font-size: 16px; } table.tableblock>caption.title { white-space: nowrap; overflow: visible; max-width: 0; } table.tableblock #preamble>.sectionbody>.paragraph:first-of-type p { font-size: inherit; } .admonitionblock>table { border: 0; background: none; width: 100%; table-layout: fixed; } .admonitionblock.note { background: #4e9fde15; border-left: solid #4e9fde; } .admonitionblock.important { background: #ee210015; border-left: solid #ee2100; } .admonitionblock.warning { background: #ec7a0915; border-left: solid #ec7a09; } .admonitionblock.caution { background: #ec7a0915; border-left: solid #ec7a09; } .admonitionblock.tip { background: #32859615; border-left: solid #328596; } .admonitionblock>table td.icon { vertical-align: top; text-align: center; width: 80px; } .admonitionblock>table td.icon img { max-width: none; } .admonitionblock>table td.icon .title { font-weight: 300; text-transform: uppercase; } .admonitionblock>table td.content { padding-left: 0; padding-right: 1.25em; color: #6e6e6e; font-size: .85rem; } .admonitionblock.note td.content:before { content: "NOTE\a"; white-space: pre; color: #404040; font-weight: bold; } .admonitionblock.important td.content:before { content: "IMPORTANT\a"; white-space: pre; color: #404040; font-weight: bold; } .admonitionblock.warning td.content:before { content: "WARNING\a"; white-space: pre; color: #404040; font-weight: bold; } .admonitionblock.tip td.content:before { content: "TIP\a"; white-space: pre; color: #404040; font-weight: bold; } .admonitionblock.caution td.content:before { content: "CAUTION\a"; white-space: pre; color: #404040; font-weight: bold; } .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> :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.result>.content { -webkit-box-shadow: 0 1px 8px #e3e3dd; box-shadow: 0 1px 8px #e3e3dd; } .sidebarblock { border-style: solid; border-width: 1px; border-color: #e3e3dd; margin-top: -1.0em; margin-bottom: 1.6em; padding: .5em; background: #F1F3F5; -webkit-border-radius: 4px; border-radius: 4px; overflow-x: auto; } .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; } .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; } /* For this only we do not want padding */ .listingblock pre.rouge, .listingblock pre.rouge code { padding: 0; } /* source code appears in pre blocks */ .literalblock pre, .literalblock pre[class], .listingblock pre, .listingblock pre[class] { background-color: #f9f9f9; border: 1px #aab7b8 solid; padding: 1.75em 2em; word-wrap: break-word; color: #404040; font-family: "Roboto Mono", monospace; } .literalblock pre.nowrap, .literalblock pre[class].nowrap, .listingblock pre.nowrap, .listingblock pre[class].nowrap { overflow-x: auto; white-space: pre; word-wrap: normal; } .literalblock pre>code, .literalblock pre[class]>code, .listingblock pre>code, .listingblock pre[class]>code { display: block; } /* this adds overflow for code blocks */ /* negative padding undoes the parent padding for .iteralblock pre */ .listingblock pre.rouge code { padding: 22px; margin: -1.75em -2em; white-space: pre; overflow-x: auto; } .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.go:before { content: "go"; } .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.sass:before { content: "sass"; } .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 #d8d8d8; } .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 0; padding: 0.5625em 1.25em 0 1.1875em; border-left: 3px solid #487c58; } .quoteblock blockquote { margin: 0 0 1.25em 0; padding: 0 0 0.625em 0; border: 0; } .quoteblock blockquote>.paragraph:last-child p { margin-bottom: 0; } .quoteblock .attribution { margin-top: -0.625em; padding-bottom: 0.625em; font-size: inherit; color: #454545; line-height: 1.6; } .quoteblock .attribution br { display: none; } .quoteblock .attribution cite { display: block; } table.tableblock { max-width: 100%; } table.tableblock td .paragraph:last-child p>p:last-child, table.tableblock th>p:last-child, table.tableblock td>p:last-child { margin-bottom: 0; } table.tableblock, th.tableblock, td.tableblock { border: 0 solid #dddddd; } table.grid-all th.tableblock, table.grid-all td.tableblock { border-width: 0 1px 1px 0; } table.grid-all tfoot>tr>th.tableblock, table.grid-all tfoot>tr>td.tableblock { border-width: 1px 1px 0 0; } table.grid-cols th.tableblock, table.grid-cols td.tableblock { border-width: 0 1px 0 0; } table.grid-all *>tr>.tableblock:last-child, table.grid-cols *>tr>.tableblock:last-child { border-right-width: 0; } table.grid-rows th.tableblock, table.grid-rows td.tableblock { border-width: 0 0 1px 0; } table.grid-all tbody>tr:last-child>th.tableblock, table.grid-all tbody>tr:last-child>td.tableblock, table.grid-all thead:last-child>tr>th.tableblock, table.grid-rows tbody>tr:last-child>th.tableblock, table.grid-rows tbody>tr:last-child>td.tableblock, table.grid-rows thead:last-child>tr>th.tableblock { border-bottom-width: 0; } table.grid-rows tfoot>tr>th.tableblock, table.grid-rows tfoot>tr>td.tableblock { border-width: 1px 0 0 0; } table.frame-all { border-width: 1px; } table.frame-sides { border-width: 0 1px; } table.frame-topbot { border-width: 1px 0; } table.tableblock th.halign-left, table.tableblock td.halign-left { text-align: left; } table.tableblock th.halign-right, table.tableblock td.halign-right { text-align: right; } table.tableblock th.halign-center, table.tableblock td.halign-center { text-align: center; } table.tableblock th.valign-top, table.tableblock td.valign-top { vertical-align: top; } table.tableblock th.valign-bottom, table.tableblock td.valign-bottom { vertical-align: bottom; } table.tableblock th.valign-middle, table.tableblock td.valign-middle { vertical-align: middle; } table thead th, table tfoot th { font-weight: bold; } tbody tr th { display: table-cell; line-height: 1.6; background: whitesmoke; } tbody tr th, tbody tr th p, tfoot tr th, tfoot tr th p { color: #333333; font-weight: bold; } td>div.verse { white-space: pre; } 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>.fa-check-square-o: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.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; } 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; margin-bottom: 0; word-break: break-word; } .hdlist>table>tbody>tr, .colist>table>tbody>tr { background: none; } td.hdlist1 { padding-right: .75em; 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 .75em; line-height: 1; vertical-align: top } .colist>table tr>td:last-of-type { padding: 0 0 0.5em 0; } /* Fix subsequent paras for same bullet */ .colist .paragraph p { font-size: 14px; line-height: 1.8; margin: 0.5em 0; } .colist .admonitionblock { margin-top: 0.5em; padding-top: 0.75em; } .qanda>ol>li>p>em:only-child { color: #1d4b8f; } .thumb, .th { line-height: 0; display: inline-block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px #dddddd; box-shadow: 0 0 0 1px #dddddd; } .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; } span.footnote a:active, span.footnoteref a:active { text-decoration: underline; } .dlist dt { padding-bottom: 0.5em; } /* This overrides the 0 margin from subdomain.css */ .dlist dd { margin-left: 1.5em; } #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%; } div.unbreakable { page-break-inside: avoid; } code { color: #404040; background-color: #e7e7e7; font-weight: bold; font-family: "Roboto Mono", monospace; } h5 { color: #404040; } strong { color: #404040; font-weight: bold; } a strong { color: inherit; } a code { color: inherit; } .replaceable { font-style: italic; font-family: inherit; } .parameter { font-style: italic; font-family: monospace; } .userinput { font-weight: bold; font-family: monospace; } .envar { font-weight: bold; font-family: monospace; font-size: 90%; } .sysitem { font-weight: bold; font-size: 90%; } .package { font-weight: bold; font-size: 90%; } .filename { font-weight: bold; font-style: italic; font-size: 90%; } .big { font-size: larger; } .small { font-size: smaller; } .underline { text-decoration: underline; } .overline { text-decoration: overline; } .line-through { text-decoration: line-through; } .aqua { color: #00bfbf; } .aqua-background { background-color: #00fafa; } .black { color: black; } .black-background { background-color: black; } .blue { color: #0000bf; } .blue-background { background-color: #0000fa; } .fuchsia { color: #bf00bf; } .fuchsia-background { background-color: #fa00fa; } .gray { color: #606060; } .gray-background { background-color: #7d7d7d; } .green { color: #006000; } .green-background { background-color: #007d00; } .lime { color: #00bf00; } .lime-background { background-color: #00fa00; } .maroon { color: #600000; } .maroon-background { background-color: #7d0000; } .navy { color: #000060; } .navy-background { background-color: #00007d; } .olive { color: #606000; } .olive-background { background-color: #7d7d00; } .purple { color: #600060; } .purple-background { background-color: #7d007d; } .red { color: #bf0000; } .red-background { background-color: #fa0000; } .silver { color: #909090; } .silver-background { background-color: #bcbcbc; } .teal { color: #006060; } .teal-background { background-color: #007d7d; } .white { color: #bfbfbf; } .white-background { background-color: #fafafa; } .yellow { color: #bfbf00; } .yellow-background { background-color: #fafa00; } span.icon>.fa { cursor: default; } .admonitionblock td.icon [class^="fa icon-"] { font-size: 2.5em; cursor: default; padding-top: .125em; } .admonitionblock td.icon .icon-note:before { content: "\f05a"; color: #4E9FDD; } .admonitionblock td.icon .icon-tip:before { content: "\f0eb"; color: #2C8596; } .admonitionblock td.icon .icon-warning:before { content: "\f071"; color: #ec7a08; } .admonitionblock td.icon .icon-caution:before { content: "\f06d"; color: #ec7a08; } .admonitionblock td.icon .icon-important:before { content: "\f06a"; color: #e00; } .conum[data-value] { display: inline-block; color: white !important; background-color: #394b54; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 20px; height: 20px; font-size: 12px; line-height: 20px; font-family: "Open Sans", "Sans", sans-serif; font-style: normal; font-weight: bold; text-indent: -1px; } .conum[data-value] * { color: white !important; } .conum[data-value]+b { display: none; } .conum[data-value]:after { content: attr(data-value); } pre .conum[data-value] { text-shadow: 0 0; position: relative; top: -2px; } b.conum * { color: inherit !important; } .conum:not([data-value]):empty { display: none; } .print-only { display: none !important; } .print-logo { display: none; }