diff --git a/.gitignore b/.gitignore index 5d9007f05d44..08ec31762c07 100644 --- a/.gitignore +++ b/.gitignore @@ -14,3 +14,5 @@ dev_guide/builds/images/chained-build.png.cache .gem bin commercial_package +.vscode +.vale diff --git a/.travis.yml b/.travis.yml deleted file mode 100644 index 421c9e8214e0..000000000000 --- a/.travis.yml +++ /dev/null @@ -1,19 +0,0 @@ -language: python - -cache: pip - -sudo: required - -before_install: - - gem install asciidoctor - - gem install asciidoctor-diagram - -install: - - pip3 install pyyaml - - pip3 install aura.tar.gz - -script: - - python3 build.py --distro openshift-enterprise --product "OpenShift Container Platform" --version 4.7 --no-upstream-fetch && python3 makeBuild.py - -after_success: -- bash ./automerge.sh diff --git a/.travis.yml.old b/.travis.yml.old new file mode 100644 index 000000000000..c05f06b0ae16 --- /dev/null +++ b/.travis.yml.old @@ -0,0 +1,45 @@ +language: python +cache: + pip: true + directories: + - /home/travis/.rvm/gems +git: + depth: 2 +jobs: + allow_failures: + env: + - CAN_FAIL=true + + include: + - stage: cache-and-validate + name: "Create install cache and validate updated assemblies" + install: + - gem install asciidoctor asciidoctor-diagram rouge + - pip3 install pyyaml aura.tar.gz + script: + # Fail if Asciidoctor encounters errors. Run only if there are modified AsciiDoc files + - chmod +x ./scripts/check-asciidoctor-build.sh + - ./scripts/check-asciidoctor-build.sh || travis_terminate 1 + + - stage: build + name: "Build openshift-acs distro" + install: + - gem install asciidoctor asciidoctor-diagram rouge + - pip3 install pyyaml aura.tar.gz + script: + - python3 build.py --distro openshift-acs --product "Red Hat Advanced Cluster Security for Kubernetes" --version 4.1 --no-upstream-fetch && python3 makeBuild.py + + - stage: netlify + name: "Create Netlify preiview" + env: + - CAN_FAIL=true + language: minimal + if: type IN (pull_request) AND branch IN (rhacs-docs, rhacs-docs-4.1, rhacs-docs-4.2, rhacs-docs-4.3, rhacs-docs-4.4) + script: + - chmod +x autopreview.sh + - ./autopreview.sh + +stages: + - cache-and-validate + - build + - netlify diff --git a/.vale.ini b/.vale.ini new file mode 100644 index 000000000000..4746c2d9f605 --- /dev/null +++ b/.vale.ini @@ -0,0 +1,30 @@ +StylesPath = .vale/styles + +MinAlertLevel = suggestion + +Packages = RedHat, AsciiDoc, OpenShiftAsciiDoc + +# Ignore files in dirs starting with `.` to avoid raising errors for `.vale/fixtures/*/testinvalid.adoc` files +[[!.]*.adoc] +BasedOnStyles = RedHat, AsciiDoc, OpenShiftAsciiDoc + +# Disabling rules (NO) +RedHat.ReleaseNotes = NO + +# Use local OpenShiftDocs Vocab terms +Vale.Terms = YES +Vale.Avoid = YES + +# Disable module specific rules +OpenShiftAsciiDoc.ModuleContainsParentAssemblyComment = NO +OpenShiftAsciiDoc.NoNestingInModules = NO +OpenShiftAsciiDoc.NoXrefInModules = NO +OpenShiftAsciiDoc.IdHasContextVariable = NO +OpenShiftAsciiDoc.NoTocInModules = NO + +# Optional: pass doc attributes to asciidoctor before linting +# Temp values are used for Prow CI comment linting only +[asciidoctor] +temp-ifdef = YES +temp-ifndef = NO +temp-ifeval = temp diff --git a/.yamllint b/.yamllint new file mode 100644 index 000000000000..db8d47ebf1ea --- /dev/null +++ b/.yamllint @@ -0,0 +1,11 @@ +--- +extends: relaxed +rules: + indentation: { spaces: 2, indent-sequences: false } + line-length: disable + colons: + max-spaces-before: 0 + max-spaces-after: 1 + empty-lines: disable + trailing-spaces: enable + new-line-at-end-of-file: enable diff --git a/_distro_map.yml b/_distro_map.yml index 46a417972f5d..23c318e520ee 100644 --- a/_distro_map.yml +++ b/_distro_map.yml @@ -1,183 +1,11 @@ --- -openshift-origin: - name: OKD - author: OKD Documentation Project - site: community - site_name: Documentation - site_url: https://docs.okd.io/ - branches: - master: - name: 4 - dir: latest - enterprise-3.2: - name: '1.2' - dir: '1.2' - enterprise-3.3: - name: '1.3' - dir: '1.3' - enterprise-3.4: - name: '1.4' - dir: '1.4' - enterprise-3.5: - name: '1.5' - dir: '1.5' - enterprise-3.6: - name: '3.6' - dir: '3.6' - enterprise-3.7: - name: '3.7' - dir: '3.7' - enterprise-3.9: - name: '3.9' - dir: '3.9' - enterprise-3.10: - name: '3.10' - dir: '3.10' - enterprise-3.11: - name: '3.11' - dir: '3.11' -openshift-online: - name: OpenShift Online - author: OpenShift Documentation Project - site: commercial - site_name: Documentation - site_url: https://docs.openshift.com/ - branches: - enterprise-3.11: - name: 'Pro' - dir: online/pro -openshift-enterprise: - name: OpenShift Container Platform - author: OpenShift Documentation Project - site: commercial - site_name: Documentation - site_url: https://docs.openshift.com/ - branches: - enterprise-3.0: - name: '3.0' - dir: enterprise/3.0 - distro-overrides: - name: OpenShift Enterprise - enterprise-3.1: - name: '3.1' - dir: enterprise/3.1 - distro-overrides: - name: OpenShift Enterprise - enterprise-3.2: - name: '3.2' - dir: enterprise/3.2 - distro-overrides: - name: OpenShift Enterprise - enterprise-3.3: - name: '3.3' - dir: container-platform/3.3 - enterprise-3.4: - name: '3.4' - dir: container-platform/3.4 - enterprise-3.5: - name: '3.5' - dir: container-platform/3.5 - enterprise-3.6: - name: '3.6' - dir: container-platform/3.6 - enterprise-3.7: - name: '3.7' - dir: container-platform/3.7 - enterprise-3.9: - name: '3.9' - dir: container-platform/3.9 - enterprise-3.10: - name: '3.10' - dir: container-platform/3.10 - enterprise-3.11: - name: '3.11' - dir: container-platform/3.11 - enterprise-4.1: - name: '4.1' - dir: container-platform/4.1 - enterprise-4.2: - name: '4.2' - dir: container-platform/4.2 - enterprise-4.3: - name: '4.3' - dir: container-platform/4.3 - enterprise-4.4: - name: '4.4' - dir: container-platform/4.4 - enterprise-4.5: - name: '4.5' - dir: container-platform/4.5 - enterprise-4.6: - name: '4.6' - dir: container-platform/4.6 - enterprise-4.7: - name: '4.7' - dir: container-platform/4.7 - enterprise-4.8: - name: '4.8' - dir: container-platform/4.8 -openshift-dedicated: - name: OpenShift Dedicated - author: OpenShift Documentation Project +openshift-acs: + name: Red Hat Advanced Cluster Security for Kubernetes + author: OpenShift documentation team site: commercial site_name: Documentation site_url: https://docs.openshift.com/ branches: - enterprise-3.11: - name: '3' - dir: dedicated/3 - enterprise-4.3: - name: '4' - dir: dedicated/4 - dedicated-4: + rhacs-docs: name: '' - dir: dedicated/ -openshift-aro: - name: Azure Red Hat OpenShift - author: OpenShift Documentation Project - site: commercial - site_name: Documentation - site_url: https://docs.openshift.com/ - branches: - enterprise-3.11: - name: '3' - dir: aro/3 - enterprise-4.3: - name: '4' - dir: aro/4 -openshift-rosa: - name: Red Hat OpenShift Service on AWS - author: OpenShift Documentation Project - site: commercial - site_name: Documentation - site_url: https://docs.openshift.com/ - branches: - dedicated-4: - name: '' - dir: rosa/ -partner-roks: - name: Red Hat OpenShift on IBM Cloud - author: OpenShift Documentation Project - site: commercial - site_name: Documentation - site_url: https://docs.openshift.com/ - branches: - enterprise-4.3: - name: '4' - dir: roks/4 -openshift-webscale: - name: OpenShift Container Platform - author: OpenShift Documentation Project - site: commercial - site_name: Documentation - site_url: https://docs.openshift.com/ - branches: - enterprise-4.4: - name: '4.4' - dir: container-platform-ocp/4.4 - enterprise-4.5: - name: '4.5' - dir: container-platform-ocp/4.5 - enterprise-4.7: - name: '4.7' - dir: container-platform-ocp/4.7 + dir: acs diff --git a/_javascripts/page-loader.js b/_javascripts/page-loader.js index c0b516a97e72..ca0a0cfe1fba 100644 --- a/_javascripts/page-loader.js +++ b/_javascripts/page-loader.js @@ -1,50 +1,125 @@ +let newLink = ""; +let newVersion = ""; +let currentVersion = ""; +let fileRequested = ""; + +const urlMappings = { + "openshift-acs": "https://docs.openshift.com/acs/", + "openshift-builds": "https://docs.openshift.com/builds/", + "openshift-enterprise": "https://docs.openshift.com/container-platform/", + "openshift-gitops": "https://docs.openshift.com/gitops/", + "openshift-lightspeed": "https://docs.openshift.com/lightspeed/", + "openshift-origin": "https://docs.okd.io/", + "openshift-pipelines": "https://docs.openshift.com/pipelines/", + "openshift-serverless": "https://docs.openshift.com/serverless/", + "openshift-telco": "https://docs.openshift.com/container-platform-telco/", +}; + function versionSelector(list) { + "use strict"; - // the version we want newVersion = list[list.selectedIndex].value; - // the new final link to load - newLink = ""; - - // the fileRequested - var fileRequested = ""; - - // spilt the current path - var pathArray = window.location.pathname.split( '/' ); - - // so we can get the current version - currentVersion = pathArray[2]; - - // if switching major versions, just take the user to the main landing page - // as files change a lot between major versions. - - if(currentVersion.charAt(0) === newVersion.charAt(0)) { - // the file path is just the version number + the end of the path - fileRequested = - window.location.pathname.substring( - window.location.pathname.lastIndexOf(currentVersion) + - currentVersion.length); + if (dk === "openshift-origin") { + currentVersion = window.location.pathname.split("/")[1]; } else { - fileRequested = "/welcome/index.html"; + currentVersion = window.location.pathname.split("/")[2]; } + let baseUrl = urlMappings[dk]; - // alert(fileRequested); + //Handle special OCP case + if (["3.0", "3.1", "3.2"].includes(newVersion) && dk === "openshift-enterprise") { + baseUrl = "https://docs.openshift.com/enterprise/"; + } - // in 3.3 and above, we changed to container-platform - if(newVersion == '3.0' || newVersion == '3.1' || newVersion == '3.2') { - newLink = "https://docs.openshift.com/enterprise/" + - newVersion + - fileRequested; + if ((dk === "openshift-enterprise" || dk === "openshift-origin") && currentVersion.charAt(0) !== newVersion.charAt(0)){ + fileRequested = "/welcome/index.html"; } else { - newLink = "https://docs.openshift.com/container-platform/" + - newVersion + - fileRequested; + const versionIndex = window.location.pathname.lastIndexOf(currentVersion) + currentVersion.length; + fileRequested = window.location.pathname.substring(versionIndex); } + newLink = `${baseUrl}${newVersion}${fileRequested}`; + // without doing async loads, there is no way to know if the path actually // exists - so we will just have to load - window.location = newLink; + // window.location = newLink; + // testing async validations + $.ajax({ + type: 'HEAD', + url: newLink, + success: function() { + window.location.href = newLink; + }, + error: function(jqXHR, exception) { + if(jqXHR.status == 404) { + list.value = currentVersion; + const confirmMessage = `This page doesn't exist in version ${newVersion}. Click OK to search the ${newVersion} docs OR Cancel to stay on this page.`; + if(confirm(confirmMessage)) { + let searchUrl; + if (["3.0", "3.1", "3.2"].includes(newVersion) && dk === "openshift-enterprise") { + searchUrl = `https://google.com/search?q=site:${baseUrl}${newVersion} ${document.title}`; + } else { + searchUrl = `https://google.com/search?q=site:${urlMappings[dk]}${newVersion} ${document.title}`; + } + window.location.href = searchUrl; + } else { + // do nothing, user doesn't want to search + } + } else { + window.location.href = newLink; // assumption here is that we can follow through with a redirect + } + } + }); +} + +// checks what language was selected and then sends the user to the portal for their localized version +function selectLang(langList) { + + var lang = langList[langList.selectedIndex].value; + var winPath = window.location.pathname; + + console.log("Lang: " + lang); + console.log("Win Path: " + winPath); + + var currentVersion = document.getElementById("version-selector").value; + console.log("CurrentVersion: " + currentVersion); + + // path for the file to reference on portal (the last bit removes .html) + var path = winPath.substring(winPath.lastIndexOf(currentVersion) + (currentVersion.length + 1), winPath.length - 5); + + var parts = path.split("/"); + + console.log(parts); + + // map things to html-single. While plain HTML is preferred, it is harder to map and get all anchors right. html-single ensures there is no 404 and the user at least lands on the right book + console.log(parts[parts.length-1]); + + var anchorid = parts[parts.length-1]; + var book = parts[0]; + + // add changed book names here + if(book == "updating") book = "updating_clusters"; + if(book == "virt") book = "openshift_virtualization"; + if(book == "post_installation_configuration") book = "post-installation_configuration"; + + // var section = parts[1].replace(/\_/g, "-"); // replace underscore with dash + // var section = subGroup.toLowerCase().replace(" ", "-"); + // console.log(section); + // var subsection = parts[2].replace(/\_/g, "-"); + // console.log(subsection); + + // path = book + "/" + section + "#" + subsection; + path = book + "#" + anchorid; + + console.log("Path: " + path); + + var portalBaseURL = "https://access.redhat.com/documentation"; + var finalURL = portalBaseURL + "/" + lang + "/openshift_container_platform/" + currentVersion + "/html-single/" + path; + + console.log("Final URL: " + finalURL); + window.location.href = finalURL; } @@ -87,8 +162,8 @@ function selectVersion(currentVersion) { // main file to edit is the file path after the version to the html at // the end. - // Example: https://docs.openshift.com/container-platform/4.4/updating/updating-cluster-between-minor.html - // file path is updating/updating-cluster-between-minor.adoc + // Example: https://docs.openshift.com/container-platform/4.4/updating/updating-cluster-within-minor.html + // file path is updating/updating-cluster-within-minor.adoc mainFileToEdit = window.location.pathname.substring( diff --git a/_snippets/glusterfs.adoc b/_snippets/glusterfs.adoc deleted file mode 100644 index bb6b2cbe2acc..000000000000 --- a/_snippets/glusterfs.adoc +++ /dev/null @@ -1,27 +0,0 @@ -//// -How to use this file: - -* Use `include::_snippets/glusterfs.adoc[]` to enable the variables on a given - page. -* When discussing the storage technology itself, just use "GlusterFS", e.g. - "GlusterFS volumes". It is incorrect to say, for example, "Red Hat Gluster - Storage volumes". -* When discussing the base project or product, use `{gluster}`. -* When discussing configurations of {gluster} that are managed by heketi, use - `{gluster-native}` if {gluster} is containerized and `{gluster-external}` if - it is not containerized. -//// -:gluster: GlusterFS -:gluster-native: Containerized GlusterFS -:gluster-external: External GlusterFS -:gluster-install-link: https://docs.gluster.org/en/latest/Install-Guide/Overview/ -:gluster-admin-link: https://docs.gluster.org/en/latest/Administrator%20Guide/overview/ -:gluster-role-link: https://github.com/openshift/openshift-ansible/tree/master/roles/openshift_storage_glusterfs -ifdef::openshift-enterprise,openshift-webscale[] -:gluster: Red Hat Gluster Storage -:gluster-native: Container-Native Storage -:gluster-external: Container-Ready Storage -:gluster-install-link: https://access.redhat.com/documentation/en-us/red_hat_gluster_storage/3.3/html/installation_guide/ -:gluster-admin-link: https://access.redhat.com/documentation/en-us/red_hat_gluster_storage/3.3/html/administration_guide/ -:cns-link: https://access.redhat.com/documentation/en-us/red_hat_gluster_storage/3.3/html/container-native_storage_for_openshift_container_platform/ -endif::[] diff --git a/_stylesheets/docs.css b/_stylesheets/docs.css index 433a38952bee..cdc1a0bff0b3 100644 --- a/_stylesheets/docs.css +++ b/_stylesheets/docs.css @@ -4,15 +4,30 @@ nav#main { .navbar.navbar-default.navbar-openshift.navbar-origin { background: - linear-gradient( - rgba(0, 61, 110, 0.34), - rgba(0, 61, 110, 0.34) - ), - url("https://github.com/_images/origin-masthead.jpg") 20% 25% repeat-x; + linear-gradient(rgba(0, 61, 110, 0.34), rgba(0, 61, 110, 0.34)), url("https://github.com/_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 { @@ -21,6 +36,23 @@ nav#main { 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; @@ -30,7 +62,7 @@ td.gsc-clear-button { display: none; } -div.gsc-option-menu-container > div.gsc-selected-option-container { +div.gsc-option-menu-container>div.gsc-selected-option-container { width: auto !important } @@ -38,6 +70,21 @@ div.gsc-option-menu-container > div.gsc-selected-option-container { margin: 0 10px; } +/* target safari only hack: https://stackoverflow.com/a/25975282/6758654 */ +/* Addresses https://github.com/openshift/openshift-docs/issues/40909 */ +@media not all and (min-resolution:.001dpcm) { @supports (-webkit-appearance:none) and (stroke-color:transparent) { + #hc-search.wide { + z-index: 50; + margin-top: 28px; + margin-left: -15px; + } + + .sidebar.wide { + padding-top: 30px; + } +}} +/* end safari only */ + /* ------------------------------------------------------------ Image: "Spin" https://www.flickr.com/photos/eflon/3655695161/ Author: eflon https://www.flickr.com/photos/eflon/ @@ -48,15 +95,18 @@ License: https://creativecommons.org/licenses/by/2.0/ position: relative; bottom: -20px; } + .attribution .btn { color: #808080; - color: rgba(175,175,175, .65); + 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; @@ -66,13 +116,15 @@ License: https://creativecommons.org/licenses/by/2.0/ /* Footer Edits 12/11/2015 */ @media screen and (max-width: 768px) { .footer-openshift { - height: 190px; + height: 190px; } } + .footer-openshift a { top: 0; margin-left: 0; } + .footer-origin-docs { padding: 20px; color: #ccc; @@ -82,15 +134,18 @@ License: https://creativecommons.org/licenses/by/2.0/ 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; } @@ -98,43 +153,52 @@ License: https://creativecommons.org/licenses/by/2.0/ #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; - } + 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 */ + + .footer-origin-docs, .footer-openshift { + display: none; + /* hide absolute positioned footer at mobile */ } - .visible-xs-block .footer-origin-docs, - .visible-xs-block .footer-openshift { + + .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 { + + #footer_social>a { top: 24px; } } @@ -178,6 +242,7 @@ span.clipboard-button:hover { color: #404040; } } + /* End ClipboardJS edits */ /* Collapsible content */ @@ -185,7 +250,8 @@ details { width: 100%; margin-bottom: 10px; } - details > summary { + +details>summary { font-size: 0.92em; padding: 4px 6px; background-color: #f9f9f9; @@ -193,21 +259,25 @@ details { box-shadow: 2px 2px 2px #8a8a8a; cursor: pointer; margin-top: 0.8em; + margin-bottom: 1.5em; display: list-item; } - details > div { + +details>div { border-radius: 0 0 5px 5px; background-color: #f9f9f9; padding: 4px 6px; - margin: 0.5em 0.7em; + 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; @@ -215,8 +285,9 @@ button[name="button-collapse-expand-all"] { margin-right: 10px; z-index: 1; } + .span-collapse-expand-all { - display:inline-block; + display: inline-block; width: 100px; position: absolute; right: 0px; @@ -224,9 +295,11 @@ button[name="button-collapse-expand-all"] { text-align: justify; z-index: 1; } + .span-collapse-expand-all:hover { cursor: pointer; } + /* END Collapsible content */ .fa-inverse:hover { @@ -269,7 +342,7 @@ button[name="button-collapse-expand-all"] { .main h2, .main .h2 { border-top: 0px; - padding-top: 10px; + padding-top: 3px; margin-top: 0; } @@ -286,21 +359,22 @@ button[name="button-collapse-expand-all"] { padding: 2px 0 0 0; } -.ulist p, -.olist p { +.ulist p, .olist p { margin-bottom: 1em; } -.nav > li > a.hover{ +.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 { +h2>a.anchor, h3>a.anchor, h4>a.anchor, h5>a.anchor, h6>a.anchor { display: block; font-weight: normal; margin-left: -1.5ex; @@ -309,10 +383,10 @@ h2 > a.anchor, h3 > a.anchor, h4 > a.anchor, h5 > a.anchor, h6 > a.anchor { text-decoration: none !important; visibility: hidden; width: 1.5ex; - z-index: 1001; + z-index: 2; } -h2 > a.anchor:before, h3 > a.anchor:before, h4 > a.anchor:before, h5 > a.anchor:before, h6 > a.anchor:before { +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; @@ -322,20 +396,11 @@ h2 > a.anchor:before, h3 > a.anchor:before, h4 > a.anchor:before, h5 > a.anchor: padding-top: 0.2em; } -h4 > a.anchor:before, h5 > a.anchor:before, h6 > a.anchor:before { +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 { +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; } @@ -345,16 +410,240 @@ h6 > a.anchor:hover { 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; + } -@media (min-width: 768px) { .main { - padding-left: 30px; + 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; } -/* - * Sidebar - */ + #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 { + user-select: none; + 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; @@ -392,458 +681,479 @@ h6 > a.anchor:hover { padding-left: 50px; } -.nav-sidebar > li > a { +.nav-sidebar>li>a { padding: 7px 0; } -.nav-sidebar > li > a:focus, .nav-sidebar > li > a:hover { +.nav-sidebar>li>a:focus, .nav-sidebar>li>a:hover { background: transparent; } .sidebar { font-weight: 300; - display: none; padding-top: 13px; overflow-wrap: break-word; } -@media screen and (max-width: 767px) { - .sidebar { - padding-left: 30px; - padding-right: 0; +/*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%; } -} -@media screen and (min-width: 768px) { .sidebar { - border-right: 1px solid #e7e7e7; + 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; } -} -/* - * Off Canvas - * -------------------------------------------------- - */ + #hc-search { + position: fixed; + top: 160px; + width: 305px; + } -body > .container { - overflow-x: hidden; -} + #hc-search-btn { + border: 1px solid lightgrey; + font-size: 12px; + height: 25px; + width: 30px; + padding: 1px; + } -.toggle-nav { - margin-right: 20px; -} + #hc-search-input { + border: 1px solid lightgrey; + font-size: 12px; + height: 25px; + } -@media screen and (max-width: 767px) { - .row-offcanvas { - position: relative; - -webkit-transition: all .25s ease-out; - -o-transition: all .25s ease-out; - transition: all .25s ease-out; + .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; } - .row-offcanvas-right { - right: 0; + .container { + width: 100%; + position: relative; } - .row-offcanvas-left { + nav#main { + height: 90px; + position: fixed; + top: 0; left: 0; + z-index: 5; + width: 100%; } - .row-offcanvas-right - .sidebar-offcanvas { - right: -75%; /* 8 columns */ +.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; } - .row-offcanvas-left - .sidebar-offcanvas { - left: -75%; /* 8 columns */ + footer#rh { + background-color: #000; + padding: 0px 0; + z-index: 5; } - .row-offcanvas-right.active { - right: 75%; /* 8 columns */ + .close-btn-sm { + display: none; } - .row-offcanvas-left.active { - left: 75%; /* 8 columns */ + /*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; } - .sidebar-offcanvas { - overflow: hidden; - position: absolute; - top: 0; - width: 75%; /* 8 columns */ + #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; } -} - p { - margin: 0 0 0.92em; - font-size: 0.92em; - } + #toc>ul { + margin-left: -2em !important; + list-style: outside none none !important; + height: inherit; + } - /* for code lines inside tables*/ - table > tbody > tr > td> p > code { - white-space: pre-wrap; - word-wrap: break-word; - } + #toc ul.sectlevel0>li>a { + list-style: outside none none !important; + } - /* for codeblocks inside tables*/ -table > tbody > tr > td > div > div > div > pre { - white-space: pre-wrap; -} + #toc ul.sectlevel2 { + margin-left: -20px; + } - /* for column code lines inside tables*/ -table > tbody > tr > td > div > div > p > code { - white-space: pre-wrap; - word-wrap: break-word; -} + #toc ul.sectlevel0 ul.sectlevel1 { + margin-top: 0.2em; + list-style: outside none none !important; + } - /* Remnants of Asciidoctor default stylesheet - remove styles as needed */ + #toc ul { + font-family: "Open Sans", "DejaVu Sans", "Sans", sans-serif; + list-style-type: none; + margin-bottom: 0.2em !important; + } -#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; -} - .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; + #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; + } } - table thead, table tfoot { - background: whitesmoke; - font-weight: bold; + +/*Sidebar*/ + +.nav-header { + font-size: 18px; } - 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; + +.nav-header ul { + font-size: 14px; } - table tr th, table tr td { - padding: 0.5625em 0.625em; - font-size: 14px; - color: #545454; - font-weight: 400; + +.nav-header ul li a { + display: block; + padding: 5px 20px 5px 25px; + font-size: 16px; + font-weight: normal; + line-height: 1.3; } - table tr.even, table tr.alt, table tr:nth-of-type(even) { - background: #f9f9f9; + +.nav-sidebar .fa { + text-align: center; + top: -1px; + width: 14px; } - 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; + +.nav-sidebar li a { + line-height: 1.3; + color: inherit; + font-size: 0.92em; } - .clearfix:before, .clearfix:after, .float-group:before, .float-group:after { - content: " "; - display: table; + +.nav-sidebar li a:hover { + color: #000; } - .clearfix:after, .float-group:after { - clear: both; + +.nav-sidebar ul li ul.nav-tertiary li a { + padding-left: 50px; } - *:not(pre) > code { - white-space: nowrap; - 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; -} - 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; + +.nav-sidebar>li>a { + padding: 7px 0; } - .keyseq kbd:first-child { - margin-left: 0; + +.nav-sidebar>li>a:focus, .nav-sidebar>li>a:hover { + background: transparent; } - .keyseq kbd:last-child { - margin-right: 0; + +.sidebar { + font-weight: 300; + padding-top: 13px; + overflow-wrap: break-word; } - .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 { - border-bottom: 3px double #e5e5e5; - padding-top: 1em; - margin-bottom: 1.05em; -} - #toc > ul { - margin-left: 0.25em; + +/*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; + } + } - #toc ul.sectlevel0 > li > a { - font-style: italic; + +/* + * Off Canvas + * -------------------------------------------------- + */ + +body>.container { + overflow-x: hidden; } - #toc ul.sectlevel0 ul.sectlevel1 { - margin-left: 0; - margin-top: 0.5em; - margin-bottom: 0.5em; + +.toggle-nav { + margin-right: 20px; } - #toc ul { - font-family: "Open Sans", "DejaVu Sans", "Sans", sans-serif; - list-style-type: none; + +p { + margin: 0 0 0.92em; + font-size: 0.92em; } - #toc a { - text-decoration: none; - font-size: 0.92em; + +/* for code lines inside tables*/ +table>tbody>tr>td>p>code { + white-space: pre-wrap; + word-wrap: break-word; } - #toc a:active { - text-decoration: underline; + +/* for codeblocks inside tables*/ +table>tbody>tr>td>div>div>div>pre { + white-space: pre-wrap; } - #toctitle { - color: #7a2518; + +/* for column code lines inside tables*/ +table>tbody>tr>td>div>div>p>code { + white-space: pre-wrap; + word-wrap: break-word; } - @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; - } + +/* 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; } - @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; - } + +.left { + float: left !important; } - #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; + +.right { + float: right !important; } - #content #toc > :first-child { - margin-top: 0; + +.text-left { + text-align: left !important; } - #content #toc > :last-child { - margin-bottom: 0; + +.text-right { + text-align: right !important; } - #content #toctitle { - font-size: 1.375em; + +.text-center { + text-align: center !important; } - #footer { - max-width: 100%; - background-color: #333333; - padding: 1.25em; + +.text-justify { + text-align: justify !important; } - #footer-text { - color: #cccccc; - line-height: 1.44; + +.hide { + display: none; } + /* code blocks */ .audioblock, .imageblock, .literalblock, .listingblock, .stemblock, .verseblock, .videoblock { margin-bottom: 1em; @@ -868,6 +1178,7 @@ table > tbody > tr > td > div > div > p > code { border: 0; background: none; width: 100%; + table-layout: fixed; } .admonitionblock.note { background: #4e9fde15; @@ -913,120 +1224,617 @@ table > tbody > tr > td > div > div > p > code { color: #404040; font-weight: bold; } - .admonitionblock.important td.content:before { - content: "IMPORTANT\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; } - .admonitionblock.warning td.content:before { - content: "WARNING\a"; - white-space: pre; - color: #404040; - font-weight: bold; + +abbr, acronym { + text-transform: uppercase; + font-size: 90%; + color: #333333; + border-bottom: 1px dotted #dddddd; + cursor: help; } - .admonitionblock.tip td.content:before { - content: "TIP\a"; - white-space: pre; - color: #404040; - font-weight: bold; + +abbr { + text-transform: none; } - .admonitionblock.caution td.content:before { - content: "CAUTION\a"; - white-space: pre; - color: #404040; - font-weight: bold; + +blockquote { + margin: 0 0 1.25em; + padding: 0.5625em 1.25em 0 1.1875em; + border-left: 3px solid #487c58; } - .admonitionblock > table td.content > :last-child > :last-child { - margin-bottom: 0; + +blockquote cite { + display: block; + font-size: inherit; + color: #454545; } - .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; + +blockquote cite:before { + content: "\2014 \0020"; } - .exampleblock > .content > :first-child { - margin-top: 0; + +blockquote cite a, blockquote cite a:visited { + color: #454545; } - .exampleblock > .content > :last-child { - margin-bottom: 0; + +blockquote, blockquote p { + line-height: 1.6; + color: #6e6e6e; } - .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; + +@media only screen and (min-width: 768px) { + + #toctitle, .sidebarblock>.content>.title { + line-height: 1.4; + } + + #toctitle, .sidebarblock>.content>.title { + font-size: 1.6875em; + } } - .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; + +table { + background: white; + margin-bottom: 1.25em; + border: solid 1px #dddddd; + font-size: 15px; } - .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; + +table thead, table tfoot { + background: whitesmoke; + font-weight: bold; } - .exampleblock.result > .content { - -webkit-box-shadow: 0 1px 8px #e3e3dd; - box-shadow: 0 1px 8px #e3e3dd; + +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; } - .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; + +table tr th, table tr td { + padding: 0.5625em 0.625em; + font-size: 14px; + color: #545454; + font-weight: 400; } - .sidebarblock > :first-child { - margin-top: 0; + +table tr.even, table tr.alt, table tr:nth-of-type(even) { + background: #f9f9f9; } - .sidebarblock > :last-child { - margin-bottom: 0; + +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; } - .sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6, .sidebarblock p { - color: #333333; + +b.button:before { + content: "["; + padding: 0 3px 0 2px; } - .sidebarblock h1, .sidebarblock h2, .sidebarblock h3, .sidebarblock #toctitle, .sidebarblock > .content > .title, .sidebarblock h4, .sidebarblock h5, .sidebarblock h6 { - line-height: 1; - margin-bottom: 0.625em; + +b.button:after { + content: "]"; + padding: 0 2px 0 3px; } - .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; + +p a>code:hover { + color: #561309; } - .sidebarblock > .content > .title { - color: #7a2518; - margin-top: 0; - line-height: 1.6; + +#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; } - .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; + +#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; +.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 { @@ -1035,708 +1843,778 @@ table > tbody > tr > td > div > div > p > code { white-space: pre; overflow-x: auto; } - .listingblock > .content { - position: relative; + +.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[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.asciidoc:before { + content: "asciidoc"; } - .listingblock:hover code.clojure:before { - content: "clojure"; + +.listingblock:hover code.clojure:before { + content: "clojure"; } - .listingblock:hover code.css:before { - content: "css"; + +.listingblock:hover code.css:before { + content: "css"; } - .listingblock:hover code.go:before { - content: "go"; + +.listingblock:hover code.go:before { + content: "go"; } - .listingblock:hover code.groovy:before { - content: "groovy"; + +.listingblock:hover code.groovy:before { + content: "groovy"; } - .listingblock:hover code.html:before { - content: "html"; + +.listingblock:hover code.html:before { + content: "html"; } - .listingblock:hover code.java:before { - content: "java"; + +.listingblock:hover code.java:before { + content: "java"; } - .listingblock:hover code.javascript:before { - content: "javascript"; + +.listingblock:hover code.javascript:before { + content: "javascript"; } - .listingblock:hover code.python:before { - content: "python"; + +.listingblock:hover code.python:before { + content: "python"; } - .listingblock:hover code.ruby:before { - content: "ruby"; + +.listingblock:hover code.ruby:before { + content: "ruby"; } - .listingblock:hover code.sass:before { - content: "sass"; + +.listingblock:hover code.sass:before { + content: "sass"; } - .listingblock:hover code.scss:before { - content: "scss"; + +.listingblock:hover code.scss:before { + content: "scss"; } - .listingblock:hover code.xml:before { - content: "xml"; + +.listingblock:hover code.xml:before { + content: "xml"; } - .listingblock:hover code.yaml:before { - content: "yaml"; + +.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:before { + content: attr(data-prompt); + padding-right: 0.5em; + color: #999; } - .listingblock.terminal pre .command:not([data-prompt]):before { - content: '$'; + +.listingblock.terminal pre .command:not([data-prompt]):before { + content: '$'; } - table.pyhltable { - border: 0; - margin-bottom: 0; + +table.pyhltable { + border: 0; + margin-bottom: 0; } - table.pyhltable td { - vertical-align: top; - padding-top: 0; - padding-bottom: 0; + +table.pyhltable td { + vertical-align: top; + padding-top: 0; + padding-bottom: 0; } - table.pyhltable td.code { - padding-left: .75em; - padding-right: 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, 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; + +.highlight.pygments .lineno { + display: inline-block; + margin-right: .25em; } - table.pyhltable .linenodiv { - background-color: transparent !important; - padding-right: 0 !important; + +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 { + 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 { + margin: 0 0 1.25em 0; + padding: 0 0 0.625em 0; + border: 0; } - .quoteblock blockquote > .paragraph:last-child p { - margin-bottom: 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 { + margin-top: -0.625em; + padding-bottom: 0.625em; + font-size: inherit; + color: #454545; + line-height: 1.6; } - .quoteblock .attribution br { - display: none; + +.quoteblock .attribution br { + display: none; } - .quoteblock .attribution cite { - display: block; + +.quoteblock .attribution cite { + display: block; } - table.tableblock { - max-width: 100%; + +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 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.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 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-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-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-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-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-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.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-all { + border-width: 1px; } - table.frame-sides { - border-width: 0 1px; + +table.frame-sides { + border-width: 0 1px; } - table.frame-topbot { - border-width: 1px 0; + +table.frame-topbot { + border-width: 1px 0; } - table.tableblock th.halign-left, table.tableblock td.halign-left { - text-align: left; + +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-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.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-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-bottom, table.tableblock td.valign-bottom { + vertical-align: bottom; } - table.tableblock th.valign-middle, table.tableblock td.valign-middle { - vertical-align: middle; + +table.tableblock th.valign-middle, table.tableblock td.valign-middle { + vertical-align: middle; } - table thead th, table tfoot th { - font-weight: bold; + +table thead th, table tfoot th { + font-weight: bold; } - tbody tr th { - display: table-cell; - line-height: 1.6; - background: whitesmoke; + +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; + +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; + +td>div.verse { + white-space: pre; } - ul.unstyled, ol.unnumbered, ul.checklist, ul.none { - list-style-type: none; + +ul.unstyled, ol.unnumbered, ul.checklist, ul.none { + list-style-type: none; } - ul.unstyled, ol.unnumbered, ul.checklist { - margin-left: 0.625em; + +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>.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.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 { + 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 { + list-style: none; + float: left; + margin-left: 1.375em; + display: block; } - ul.inline > li > * { - display: block; + +ul.inline>li>* { + display: block; } - .unstyled dl dt { - font-weight: normal; - font-style: normal; + +.unstyled dl dt { + font-weight: normal; + font-style: normal; } - ol.arabic { - list-style-type: decimal; + +ol.arabic { + list-style-type: decimal; } - ol.decimal { - list-style-type: decimal-leading-zero; + +ol.decimal { + list-style-type: decimal-leading-zero; } - ol.loweralpha { - list-style-type: lower-alpha; + +ol.loweralpha { + list-style-type: lower-alpha; } - ol.upperalpha { - list-style-type: upper-alpha; + +ol.upperalpha { + list-style-type: upper-alpha; } - ol.lowerroman { - list-style-type: lower-roman; + +ol.lowerroman { + list-style-type: lower-roman; } - ol.upperroman { - list-style-type: upper-roman; + +ol.upperroman { + list-style-type: upper-roman; } - ol.lowergreek { - list-style-type: lower-greek; + +ol.lowergreek { + list-style-type: lower-greek; } - .hdlist > table, .colist > table { - border: 0; - background: none; - margin-bottom: 0; + +.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; + +.hdlist>table>tbody>tr, .colist>table>tbody>tr { + background: none; } - td.hdlist1 { - padding-right: .75em; - font-weight: bold; + +td.hdlist1 { + padding-right: .75em; + font-weight: bold; } - td.hdlist1, td.hdlist2 { - vertical-align: top; + +td.hdlist1, td.hdlist2 { + vertical-align: top; } - .literalblock + .colist, .listingblock + .colist { - margin-top: -0.5em; + +.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: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; + +.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; + +.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; + +.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.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.right, .imageblock[style*="float: right"] { + margin: 0.25em 0 1.25em 0.625em; } - .imageblock > .title { - margin-bottom: 0; + +.imageblock>.title { + margin-bottom: 0; } - .imageblock.thumb, .imageblock.th { - border-width: 6px; + +.imageblock.thumb, .imageblock.th { + border-width: 6px; } - .imageblock.thumb > .title, .imageblock.th > .title { - padding: 0 0.125em; + +.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, .image.right { + margin-top: 0.25em; + margin-bottom: 0.25em; + display: inline-block; + line-height: 0; } - .image.left { - margin-right: 0.625em; + +.image.left { + margin-right: 0.625em; } - .image.right { - margin-left: 0.625em; + +.image.right { + margin-left: 0.625em; } - a.image { - text-decoration: none; + +a.image { + text-decoration: none; } - span.footnote, span.footnoteref { - vertical-align: super; - font-size: 0.875em; + +span.footnote, span.footnoteref { + vertical-align: super; + font-size: 0.875em; } - span.footnote a, span.footnoteref a { - text-decoration: none; + +span.footnote a, span.footnoteref a { + text-decoration: none; } - span.footnote a:active, span.footnoteref a:active { - text-decoration: underline; + +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; + +#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; } - .gist .file-data > table td.line-data { - width: 99%; + +#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; } - div.unbreakable { - page-break-inside: avoid; + +#footnotes .footnote a:first-of-type { + font-weight: bold; + text-decoration: none; } - code { - color: #404040; - background-color: #e7e7e7; - font-weight: bold; - font-family: "Roboto Mono", monospace; + +#footnotes .footnote:last-of-type { + margin-bottom: 0; } - h5 { - color: #404040; + +#content #footnotes { + margin-top: -0.625em; + margin-bottom: 0; + padding: 0.75em 0; } - strong { - color: #404040; - font-weight: bold; + +.gist .file-data>table { + border: none; + background: #fff; + width: 100%; + margin-bottom: 0; } - a strong { - color: inherit; + +.gist .file-data>table td.line-data { + width: 99%; } - a code { - color: inherit; + +div.unbreakable { + page-break-inside: avoid; } - .replaceable { - font-style: italic; - font-family: inherit; + +code { + color: #404040; + background-color: #e7e7e7; + font-weight: bold; + font-family: "Roboto Mono", monospace; } - .parameter { - font-style: italic; - font-family: monospace; + +h5 { + color: #404040; +} + +strong { + color: #404040; + font-weight: bold; +} + +a strong { + color: inherit; } - .userinput { - font-weight: bold; - font-family: monospace; + +a code { + color: inherit; +} + +.replaceable { + font-style: italic; + font-family: inherit; } - .envar { - font-weight: bold; - font-family: monospace; - font-size: 90%; + +.parameter { + font-style: italic; + font-family: monospace; } - .sysitem { - font-weight: bold; - font-size: 90%; + +.userinput { + font-weight: bold; + font-family: monospace; } - .package { - font-weight: bold; - font-size: 90%; + +.envar { + font-weight: bold; + font-family: monospace; + font-size: 90%; } - .filename { - font-weight: bold; - font-style: italic; - 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; + +.big { + font-size: larger; } - .small { - font-size: smaller; + +.small { + font-size: smaller; } - .underline { - text-decoration: underline; + +.underline { + text-decoration: underline; } - .overline { - text-decoration: overline; + +.overline { + text-decoration: overline; } - .line-through { - text-decoration: line-through; + +.line-through { + text-decoration: line-through; } - .aqua { - color: #00bfbf; + +.aqua { + color: #00bfbf; } - .aqua-background { - background-color: #00fafa; + +.aqua-background { + background-color: #00fafa; } - .black { - color: black; + +.black { + color: black; } - .black-background { - background-color: black; + +.black-background { + background-color: black; } - .blue { - color: #0000bf; + +.blue { + color: #0000bf; } - .blue-background { - background-color: #0000fa; + +.blue-background { + background-color: #0000fa; } - .fuchsia { - color: #bf00bf; + +.fuchsia { + color: #bf00bf; } - .fuchsia-background { - background-color: #fa00fa; + +.fuchsia-background { + background-color: #fa00fa; } - .gray { - color: #606060; + +.gray { + color: #606060; } - .gray-background { - background-color: #7d7d7d; + +.gray-background { + background-color: #7d7d7d; } - .green { - color: #006000; + +.green { + color: #006000; } - .green-background { - background-color: #007d00; + +.green-background { + background-color: #007d00; } - .lime { - color: #00bf00; + +.lime { + color: #00bf00; } - .lime-background { - background-color: #00fa00; + +.lime-background { + background-color: #00fa00; } - .maroon { - color: #600000; + +.maroon { + color: #600000; } - .maroon-background { - background-color: #7d0000; + +.maroon-background { + background-color: #7d0000; } - .navy { - color: #000060; + +.navy { + color: #000060; } - .navy-background { - background-color: #00007d; + +.navy-background { + background-color: #00007d; } - .olive { - color: #606000; + +.olive { + color: #606000; } - .olive-background { - background-color: #7d7d00; + +.olive-background { + background-color: #7d7d00; } - .purple { - color: #600060; + +.purple { + color: #600060; } - .purple-background { - background-color: #7d007d; + +.purple-background { + background-color: #7d007d; } - .red { - color: #bf0000; + +.red { + color: #bf0000; } - .red-background { - background-color: #fa0000; + +.red-background { + background-color: #fa0000; } - .silver { - color: #909090; + +.silver { + color: #909090; } - .silver-background { - background-color: #bcbcbc; + +.silver-background { + background-color: #bcbcbc; } - .teal { - color: #006060; + +.teal { + color: #006060; } - .teal-background { - background-color: #007d7d; + +.teal-background { + background-color: #007d7d; } - .white { - color: #bfbfbf; + +.white { + color: #bfbfbf; } - .white-background { - background-color: #fafafa; + +.white-background { + background-color: #fafafa; } - .yellow { - color: #bfbf00; + +.yellow { + color: #bfbf00; } - .yellow-background { - background-color: #fafa00; + +.yellow-background { + background-color: #fafa00; } - span.icon > .fa { - cursor: default; + +span.icon>.fa { + cursor: default; } - .admonitionblock td.icon [class^="fa icon-"] { - font-size: 2.5em; - cursor: default; - padding-top: .125em; + +.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-note:before { + content: "\f05a"; + color: #4E9FDD; } - .admonitionblock td.icon .icon-tip:before { - content: "\f0eb"; - color: #2C8596; + +.admonitionblock td.icon .icon-tip:before { + content: "\f0eb"; + color: #2C8596; } - .admonitionblock td.icon .icon-warning:before { - content: "\f071"; - color: #ec7a08; + +.admonitionblock td.icon .icon-warning:before { + content: "\f071"; + color: #ec7a08; } - .admonitionblock td.icon .icon-caution:before { - content: "\f06d"; - color: #ec7a08; + +.admonitionblock td.icon .icon-caution:before { + content: "\f06d"; + color: #ec7a08; } - .admonitionblock td.icon .icon-important:before { - content: "\f06a"; - color: #e00; + +.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] { + 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] * { + color: white !important; } - .conum[data-value] + b { - display: none; + +.conum[data-value]+b { + display: none; } - .conum[data-value]:after { - content: attr(data-value); + +.conum[data-value]:after { + content: attr(data-value); } - pre .conum[data-value] { - text-shadow: 0 0; - position: relative; - top: -2px; + +pre .conum[data-value] { + text-shadow: 0 0; + position: relative; + top: -2px; } - b.conum * { - color: inherit !important; + +b.conum * { + color: inherit !important; } - .conum:not([data-value]):empty { - display: none; + +.conum:not([data-value]):empty { + display: none; } - .print-only { - display: none !important; + +.print-only { + display: none !important; } - @media print { - @page { - margin: 1.25cm 0.75cm; - } - * { - -webkit-box-shadow: none !important; - box-shadow: none !important; - text-shadow: none !important; - } - a, a:visited { - color: inherit !important; - text-decoration: underline !important; - } - a[href^="http:"]:after, a[href^="https:"]:after { - content: " (" attr(href) ")"; - } - a[href^="#"], a[href^="#"]:visited, a[href^="mailto:"], a[href^="mailto:"]:visited { - text-decoration: none !important; - } - abbr[title]:after { - content: " (" attr(title) ")"; - } - pre, blockquote { - page-break-inside: avoid; - } - code { - color: #191919; - } - thead { - display: table-header-group; - } - tr, img { - page-break-inside: avoid; - } - img { - max-width: 100% !important; - } - p { - orphans: 3; - widows: 3; - } - h2, h3, #toctitle, .sidebarblock > .content > .title, #toctitle, .sidebarblock > .content > .title { - page-break-after: avoid; - } - #toc, .sidebarblock { - background: none !important; - } - #toc { - border-bottom: 1px solid #d8d8d8 !important; - padding-bottom: 0 !important; - } - .sect1 { - padding-bottom: 0 !important; - } - .sect1 + .sect1 { - border: none !important; - } - body.book #header { - text-align: center; - } - body.book #header > h1 { - border: none !important; - margin: 2.5em 0 1em 0; - padding: 0; - } - body.book #header span { - line-height: 1.6; - } - body.book #header br { - display: block; - } - body.book #header br + span { - padding-left: 0; - } - body.book #header br + span:before { - content: none !important; - } - body.book #toc { - border: none !important; - text-align: left !important; - padding: 0 !important; - } - #footer { - background: none !important; - } - #footer-text { - color: #333333 !important; - } - .hide-on-print { - display: none !important; - } - .print-only { - display: block !important; - } - .hide-for-print { - display: none !important; - } - .show-for-print { - display: inherit !important; - } + +.print-logo { + display: none; } diff --git a/_stylesheets/print.css b/_stylesheets/print.css new file mode 100644 index 000000000000..d58c9b108315 --- /dev/null +++ b/_stylesheets/print.css @@ -0,0 +1,461 @@ +/** print stylesheet for docs.openshift.com **/ + +@page { + size: auto; + margin: 20mm 15mm 15mm 10mm; +} + +body { + margin: 0px; +} + +#content, +#page { + width: 100%; + float: none; +} + +.main { + margin-top: 100px; +} + +::-webkit-scrollbar { + display: none; +} + +.clipboard-button-container { + display: none !important; +} + +.search-progress-indicator { + display: none; +} + +#hc-modal-content { + display: none; +} + +.open-btn-sm { + display: none !important; +} + +#toc, +.sidebarblock { + background: none !important; +} + +#toc { + border-bottom: 1px solid #d8d8d8 !important; + padding-bottom: 0 !important; + display: contents; +} + +#toc:before { + display: none; +} + +.sect1 { + padding-bottom: 0 !important; +} + +.sect1+.sect1 { + border: none !important; +} + +#footer { + background: none !important; +} + +#footer-text { + color: #333333 !important; +} + +.hide-on-print { + display: none !important; +} + +.print-only { + display: block !important; +} + +.hide-for-print { + display: none !important; +} + +.show-for-print { + display: inherit !important; +} + +.print-logo { + position: relative; + display: block !important; + height: 40px; + width: 220px; + top: 70px; + padding-bottom: 10px; +} + +.page-header { + padding: 0; + border: 0; + margin: 0; + height: unset; +} + +.page-header h1 { + font-size: 22pt; + padding: 0; + border: 0; + margin: 0; + margin-top: 20px; + margin-bottom: 25px; + height: 55px; + letter-spacing: unset; + font-weight: 400; +} + +h2, +h3, +h4 { + font-size: 18pt; + margin-top: 25px; +} + +h1, +h2, +h3, +h4, +h5, +h6 { + break-inside: avoid; + page-break-after: avoid; + break-after: avoid; + text-transform: unset; +} + +h2::after { + content: ""; + display: block; + height: 100px; + margin-bottom: -100px; +} + +h3::after { + content: ""; + display: block; + height: 100px; + margin-bottom: -100px; +} + +h2, +h3 { + padding-top: 20 px; +} + +#collapsibleButtonDiv { + display: none; +} + +b, +optgroup, +strong { + font-weight: 700; + padding: 3px; +} + +td, +th { + padding: 3px; + overflow: hidden; + text-overflow: ellipsis; + word-wrap: break-word; +} + +p, +a { + break-inside: avoid; +} + +.table { + table-layout: fixed; + font-size: 80%; +} + +caption { + padding-top: 8px; + padding-bottom: 8px; + font-style: italic; + font-size: initial; +} + +.admonitionblock { + break-inside: avoid; +} + +.admonitionblock.note { + border-left: solid #4e9fde; +} + +.admonitionblock.important { + border-left: solid #ee2100; +} + +.admonitionblock.warning { + border-left: solid #ec7a09; +} + +.admonitionblock.caution { + border-left: solid #ec7a09; +} + +.admonitionblock.tip { + border-left: solid #328596; +} + +.admonitionblock>table { + border: 0; + background: none; + width: 100%; + table-layout: fixed; + margin-bottom: 10px; + margin-top: 10px; +} + +.admonitionblock td.content>.title { + color: #7a2518; + font-weight: 400; + margin-top: 0; + margin-bottom: .25em +} + +.admonitionblock td.content>.title { + text-rendering: optimizeLegibility; + text-align: left; + font-family: "Noto Serif", "DejaVu Serif", serif; + font-size: 1rem; + font-style: italic +} + +.admonitionblock>table { + border-collapse: separate; + border: 0; + background: none; + width: 100%; + padding-top: 10px; + padding-bottom: 10px; +} + +.admonitionblock>table td.icon { + text-align: center; + width: 80px +} + +.admonitionblock>table td.icon img { + max-width: none +} + +.admonitionblock>table td.icon .title { + font-weight: bold; + font-family: "Open Sans", "DejaVu Sans", sans-serif; + text-transform: uppercase +} + +.admonitionblock>table td.content { + padding-left: 1.125em; + padding-right: 1.25em; + border-left: 1px solid #ddddd8; + color: rgba(0, 0, 0, .6) +} + +.admonitionblock>table td.content>:last-child>:last-child { + margin-bottom: 0 +} + +.admonitionblock td.icon [class^="fa icon-"] { + font-size: 2em; + text-shadow: 1px 1px 2px rgba(0, 0, 0, .5); + cursor: default +} + +.admonitionblock td.icon .icon-note:before { + content: "\f05a"; + color: #19407c +} + +.admonitionblock td.icon .icon-tip:before { + content: "\f0eb"; + text-shadow: 1px 1px 2px rgba(155, 155, 0, .8); + color: #111 +} + +.admonitionblock td.icon .icon-warning:before { + content: "\f071"; + color: #bf6900 +} + +.admonitionblock td.icon .icon-caution:before { + content: "\f06d"; + color: #bf3400 +} + +.admonitionblock td.icon .icon-important:before { + content: "\f06a"; + color: #bf0000 +} + +tr, +img { + break-inside: avoid; +} + +a[href]:after { + display: none; +} + +blockquote { + break-inside: avoid; +} + +img { + break-inside: avoid; + break-after: avoid; + max-width: 100% !important; +} + +dl { + break-before: avoid +} + +ul, +ol { + list-style: square; + margin-left: 2pt; + margin-bottom: 5pt; +} + +a:link, +a:visited, +a { + background: transparent; + text-align: left; + text-decoration: underline; +} + +a { + break-inside: avoid +} + +.entry iframe, +ins { + display: none; + width: 0 !important; + height: 0 !important; + overflow: hidden !important; + line-height: 0pt !important; + white-space: nowrap; +} + +.embed-youtube, +.embed-responsive { + position: absolute; + height: 0; + overflow: hidden; +} + +footer, +aside, +form, +button, +iframe, +span.clipboard-button, +.navbar, +.menu { + display: none; +} + +nav, +.sidebar, +.heading, +.site-title img, +.post-tags, +.readability, +.navbar.navbar-default.navbar-openshift { + display: none; +} + +p, +address, +li, +dt, +dd, +blockquote { + font-size: 100% +} + +p { + orphans: 3; + widows: 3; +} + +.listingblock pre.rouge code { + white-space: pre-wrap; + width: 100%; + display: inline-block; + margin-top: 4px; + margin-bottom: 4px; + margin-left: -6px; + word-break: break-word; + +} + +pre, pre code { + display: unset; + font-size: medium; +} + +pre code { + font-family: "Courier New", Courier, mono; + font-style: normal !important; + letter-spacing: 0; + text-rendering: optimizeSpeed; + word-wrap: break-word; + padding: 8px; + background: #d3d3d347 padding-box !important; + border-radius: 5px; +} + +pre { + margin: 0 0 10px; + word-break: break-all; + background-color: #f0f3f5; + border: 0; + border-radius: 4px; +} + +div.title { + font-weight: 600; + margin-top: 10px; + margin-bottom: 5px; +} + +#truste-consent-track, +#truste-consent-text, +.truste-banner, +.truste_overlay, +.truste_box_overlay, +.truste_titlee, +.mainContent { + display: none !important; +} + +* { + -webkit-box-shadow: none !important; + -webkit-print-color-adjust: exact; + print-color-adjust: exact; + box-shadow: none !important; + text-shadow: none !important; +} + +.breadcrumb { + display: none; +} \ No newline at end of file diff --git a/_templates/_nav_openshift.html.erb b/_templates/_nav_openshift.html.erb index e1e2ddb5f71c..7da260ff6e71 100644 --- a/_templates/_nav_openshift.html.erb +++ b/_templates/_nav_openshift.html.erb @@ -1,127 +1,29 @@