- ## AsciiBinder-specific ignores

- _preview

- _package

- *.swp

- diag-*.png

- diag-*.png.cache

- 

- ## Project-specific ignores

- 

- *.html

- Please report Issues and submit Pull Requests for **Content Fixes** here.  General appearance issues and publishing issues should be reported against the [publisher](https://pagure.io/fedora-docs/docs-fp-o).

- Look for easy edits in the _topic_map.yml.  The files commented out need your help.

- ## How to edit this document

- This document set is coded in AsciiDoc.  The content is in the en-US directory.  There is a shared entity file in the en-US directory.  Do not edit the content in the Common_Content directory.

- ## Testing your changes locally

- To test your changes, first install `asciibinder`

- $ gem install ascii_binder

- To build your changes, from the root directory:

- $ asciibinder package

- $ firefox _package/main/index.html

- ---

- fedora:

-   name: Fedora Quick Docs

-   author: Fedora Documentation Project <docs@lists.fedoraproject.org>

-   site: main

-   site_name: Home

-   site_url: https://docs.fedoraproject.org/

-   branches:

-     master:

-       name: quick-docs

-       dir: quick-docs

- <?xml version="1.0" encoding="UTF-8" standalone="no"?>

- <!-- Created with Inkscape (http://www.inkscape.org/) -->

- 

- <svg

-    xmlns:svg="http://www.w3.org/2000/svg"

-    xmlns="http://www.w3.org/2000/svg"

-    version="1.0"

-    width="220"

-    height="70"

-    id="svg6180">

-   <defs

-      id="defs6182" />

-   <g

-      transform="translate(-266.55899,-345.34488)"

-      id="layer1">

-     <path

-        d="m 316.7736,397.581 c 0,0 0,0 -20.53889,0 0.3327,4.45245 3.92157,7.77609 8.70715,7.77609 3.38983,0 6.31456,-1.39616 8.64094,-3.65507 0.46553,-0.46679 0.99726,-0.59962 1.59519,-0.59962 0.79781,0 1.59561,0.39932 2.12692,1.06388 0.3327,0.46553 0.53216,0.99726 0.53216,1.52857 0,0.73118 -0.3327,1.52857 -0.93106,2.12734 -2.7919,2.99052 -7.51086,4.98503 -12.16403,4.98503 -8.44149,0 -15.22074,-6.77967 -15.22074,-15.22158 0,-8.44149 6.58022,-15.22074 15.02171,-15.22074 8.37529,0 14.62323,6.51317 14.62323,15.08749 0,1.26418 -1.12924,2.12861 -2.39258,2.12861 z m -12.23065,-11.76512 c -4.45329,0 -7.51085,2.92473 -8.17499,7.17731 10.03626,0 16.35083,0 16.35083,0 -0.59836,-4.05355 -3.78874,-7.17731 -8.17584,-7.17731 z"

-        id="path11"

-        style="fill:#3c6eb4" />

-     <path

-        d="m 375.46344,410.80807 c -8.44106,0 -15.22074,-6.77968 -15.22074,-15.22159 0,-8.44149 6.77968,-15.22074 15.22074,-15.22074 8.44234,0 15.22159,6.77925 15.22159,15.22074 -4.2e-4,8.44149 -6.77968,15.22159 -15.22159,15.22159 z m 0,-24.65992 c -5.31688,0 -8.77377,4.25427 -8.77377,9.43833 0,5.18364 3.45689,9.43833 8.77377,9.43833 5.31731,0 8.77504,-4.25469 8.77504,-9.43833 -4.2e-4,-5.18406 -3.45773,-9.43833 -8.77504,-9.43833 z"

-        id="path13"

-        style="fill:#3c6eb4" />

-     <path

-        d="m 412.66183,380.36574 c -4.45963,0 -7.40966,1.319 -10.01391,4.62956 l -0.24036,-1.53995 0,0 c -0.20198,-1.60743 -1.57326,-2.84926 -3.23382,-2.84926 -1.80139,0 -3.26206,1.459 -3.26206,3.26081 0,0.003 0,0.005 0,0.008 l 0,0 0,0.003 0,0 0,23.40712 c 0,1.79464 1.46194,3.25743 3.257,3.25743 1.79465,0 3.25744,-1.46279 3.25744,-3.25743 l 0,-12.56209 c 0,-5.71621 4.98502,-8.57432 10.23613,-8.57432 1.59519,0 2.85726,-1.32953 2.85726,-2.92515 0,-1.59561 -1.26207,-2.85726 -2.85768,-2.85726 z"

-        id="path15"

-        style="fill:#3c6eb4" />

-     <path

-        d="m 447.02614,395.58648 c 0.0666,-8.17541 -5.78326,-15.22074 -15.222,-15.22074 -8.44192,0 -15.28779,6.77925 -15.28779,15.22074 0,8.44191 6.64684,15.22159 14.68985,15.22159 4.01434,0 7.62682,-2.06621 9.23846,-4.22518 l 0.79359,2.01434 0,0 c 0.42589,1.13177 1.5176,1.93717 2.7978,1.93717 1.65001,0 2.98756,-1.33671 2.99009,-2.98545 l 0,0 0,-7.80687 0,0 0,-4.1556 z m -15.222,9.43833 c -5.31773,0 -8.77419,-4.25469 -8.77419,-9.43833 0,-5.18406 3.45604,-9.43833 8.77419,-9.43833 5.3173,0 8.77419,4.25427 8.77419,9.43833 0,5.18364 -3.45689,9.43833 -8.77419,9.43833 z"

-        id="path17"

-        style="fill:#3c6eb4" />

-     <path

-        d="m 355.01479,368.3337 c 0,-1.7938 -1.46194,-3.18997 -3.25659,-3.18997 -1.79422,0 -3.25743,1.39659 -3.25743,3.18997 l 0,17.1499 c -1.66097,-3.05756 -5.25026,-5.11786 -9.50495,-5.11786 -8.64052,0 -14.42336,6.51318 -14.42336,15.22074 0,8.70757 5.98229,15.22159 14.42336,15.22159 3.76555,0 7.03057,-1.55429 8.98587,-4.25554 l 0.72317,1.83428 c 0.44782,1.25912 1.64917,2.16024 3.06051,2.16024 1.78621,0 3.24984,-1.45435 3.24984,-3.24815 0,-0.005 0,-0.009 0,-0.0139 l 0,0 0,-38.95128 -4.2e-4,0 z m -15.22116,36.69111 c -5.31731,0 -8.70715,-4.25469 -8.70715,-9.43833 0,-5.18406 3.38984,-9.43833 8.70715,-9.43833 5.31773,0 8.70714,4.0544 8.70714,9.43833 0,5.38309 -3.38941,9.43833 -8.70714,9.43833 z"

-        id="path19"

-        style="fill:#3c6eb4" />

-     <path

-        d="m 287.21553,365.34023 c -0.59414,-0.0877 -1.19966,-0.13198 -1.80097,-0.13198 -6.73118,0 -12.20746,5.4767 -12.20746,12.20788 l 0,3.8132 -3.98903,0 c -1.46237,0 -2.65908,1.19671 -2.65908,2.65781 0,1.46321 1.19671,2.93738 2.65908,2.93738 l 3.98819,0 0,20.46004 c 0,1.79464 1.46236,3.25743 3.25658,3.25743 1.79507,0 3.25744,-1.46279 3.25744,-3.25743 l 0,-20.46004 4.40986,0 c 1.46194,0 2.65823,-1.47417 2.65823,-2.93738 0,-1.46152 -1.19629,-2.65823 -2.65823,-2.65823 l -4.40733,0 0,-3.8132 c 0,-3.13852 2.55323,-6.11469 5.69175,-6.11469 0.28294,0 0.56757,0.0211 0.84672,0.062 1.78031,0.26355 3.4358,-0.54269 3.70019,-2.32342 0.2627,-1.77904 -0.96606,-3.43538 -2.74594,-3.69935 z"

-        id="path21"

-        style="fill:#3c6eb4" />

-     <path

-        d="m 482.01243,363.57426 c 0,-10.06788 -8.16108,-18.22938 -18.22897,-18.22938 -10.06282,0 -18.22179,8.15475 -18.22854,18.21631 l -4.2e-4,-4.2e-4 0,14.1071 4.2e-4,4.2e-4 c 0.005,2.28463 1.85832,4.13409 4.14463,4.13409 0.007,0 0.0127,-8.4e-4 0.0194,-8.4e-4 l 0.001,8.4e-4 14.07083,0 0,0 c 10.06409,-0.004 18.22138,-8.16276 18.22138,-18.22812 z"

-        id="path25"

-        style="fill:#294172" />

-     <path

-        d="m 469.13577,349.66577 c -4.72528,0 -8.55576,3.83049 -8.55576,8.55577 0,0.002 0,0.004 0,0.006 l 0,4.52836 -4.51444,0 c -8.5e-4,0 -8.5e-4,0 -0.001,0 -4.72528,0 -8.55576,3.81193 -8.55576,8.53678 0,4.72528 3.83048,8.55577 8.55576,8.55577 4.72486,0 8.55534,-3.83049 8.55534,-8.55577 0,-0.002 0,-0.004 0,-0.006 l 0,-4.54733 4.51444,0 c 8.5e-4,0 0.001,0 0.002,0 4.72486,0 8.55534,-3.79296 8.55534,-8.51781 0,-4.72528 -3.83048,-8.55577 -8.55534,-8.55577 z m -8.55576,21.63483 c -0.004,2.48998 -2.02446,4.50811 -4.51571,4.50811 -2.49378,0 -4.53426,-2.02193 -4.53426,-4.5157 0,-2.49421 2.04048,-4.55366 4.53426,-4.55366 0.002,0 0.004,4.2e-4 0.006,4.2e-4 l 3.86971,0 c 0.001,0 0.002,-4.2e-4 0.003,-4.2e-4 0.35209,0 0.63799,0.28505 0.63799,0.63715 0,4.2e-4 -4.2e-4,8.4e-4 -4.2e-4,0.001 l 0,3.92284 -4.2e-4,0 z m 8.55534,-8.5448 c -0.001,0 -0.003,0 -0.004,0 l -3.87223,0 c -8.4e-4,0 -0.002,0 -0.002,0 -0.35252,0 -0.63757,-0.28506 -0.63757,-0.63758 l 0,-4.2e-4 0,-3.90343 c 0.004,-2.49083 2.02446,-4.50854 4.51571,-4.50854 2.49378,0 4.53468,2.02193 4.53468,4.51613 4.2e-4,2.49336 -2.04048,4.53384 -4.53426,4.53384 z"

-        id="path29"

-        style="fill:#3c6eb4" />

-     <path

-        d="m 460.58001,362.7558 0,-4.52836 c 0,-0.002 0,-0.004 0,-0.006 0,-4.72528 3.83048,-8.55577 8.55576,-8.55577 0.71685,0 1.22623,0.0805 1.88952,0.25469 0.96774,0.25385 1.75796,1.04618 1.75838,1.96922 4.2e-4,1.11575 -0.80919,1.92621 -2.0194,1.92621 -0.57642,0 -0.78473,-0.11048 -1.62892,-0.11048 -2.49125,0 -4.51149,2.01771 -4.51571,4.50854 l 0,3.90385 0,4.2e-4 c 0,0.35252 0.28505,0.63758 0.63757,0.63758 4.3e-4,0 0.001,0 0.002,0 l 2.96521,0 c 1.10521,0 1.99747,0.88467 1.99832,1.99283 0,1.10816 -0.89353,1.99114 -1.99832,1.99114 l -3.60489,0 0,4.54733 c 0,0.002 0,0.004 0,0.006 0,4.72485 -3.83048,8.55534 -8.55534,8.55534 -0.71684,0 -1.22623,-0.0805 -1.88952,-0.25469 -0.96774,-0.25343 -1.75838,-1.04618 -1.7588,-1.9688 0,-1.11575 0.80919,-1.92663 2.01982,-1.92663 0.576,0 0.78473,0.11048 1.6285,0.11048 2.49125,0 4.51191,-2.01771 4.51613,-4.50811 0,0 0,-3.92368 0,-3.9241 0,-0.35168 -0.2859,-0.63673 -0.63799,-0.63673 -4.3e-4,0 -8.5e-4,0 -0.002,0 l -2.96521,-4.2e-4 c -1.10521,0 -1.99831,-0.88214 -1.99831,-1.9903 -4.3e-4,-1.11533 0.90238,-1.99367 2.01939,-1.99367 l 3.58339,0 0,0 z"

-        id="path31"

-        style="fill:#ffffff" />

-     <path

-        d="m 477.41661,378.55292 2.81558,0 0,0.37898 -1.18152,0 0,2.94935 -0.45254,0 0,-2.94935 -1.18152,0 0,-0.37898 m 3.26144,0 0.67101,0 0.84937,2.26496 0.85381,-2.26496 0.67102,0 0,3.32833 -0.43917,0 0,-2.9226 -0.85828,2.28279 -0.45255,0 -0.85827,-2.28279 0,2.9226 -0.43694,0 0,-3.32833"

-        id="text6223"

-        style="fill:#294172;enable-background:new" />

-   </g>

-   <path

-      d="m 181.98344,61.675273 2.81558,0 0,0.37898 -1.18152,0 0,2.94935 -0.45254,0 0,-2.94935 -1.18152,0 0,-0.37898 m 3.26144,0 0.67101,0 0.84937,2.26496 0.85381,-2.26496 0.67102,0 0,3.32833 -0.43917,0 0,-2.9226 -0.85828,2.28279 -0.45255,0 -0.85827,-2.28279 0,2.9226 -0.43694,0 0,-3.32833"

-      id="path2391"

-      style="fill:#294172;enable-background:new" />

- </svg>

- $(document).ready(function () {

-   $('[data-toggle="offcanvas"]').click(function () {

-     $('.sidebar').show();

-     $('.row-offcanvas').toggleClass('active');

-   });

- });

- @import url(https://maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css);

- /* ------------------------------------------------------------

- Image: "Spin" https://www.flickr.com/photos/eflon/3655695161/

- Author: eflon https://www.flickr.com/photos/eflon/

- License: https://creativecommons.org/licenses/by/2.0/

- ---------------------------------------------------------------*/

- .attribution {

-   text-align: center;

-   position: relative;

-   bottom: -20px;

- }

- .attribution .btn {

-   color: #808080;

-   color: rgba(175,175,175, .65);

-   font-size: 11px;

- }

- .attribution .btn:hover {

-   text-decoration: none;

-   color: #aaa;

- }

- .popover-content {

-   font-size: 12px;

-   line-height: 1.3;

-   font-weight: normal;

- }

- 

- @media screen and (max-width: 980px) {

-   body {

-     margin-bottom: 200px;

-   }

-   footer {

-     text-align: center;

-   }

-   footer .text-right {

-     text-align: center !important;

-   }

-   #footer_social .first {

-     margin-left: 0;

-   }

-   #footer_social > a {

-     top: 24px;

-   }

- }

- 

- .fa-inverse:hover {

-   color: #ccc;

- }

- 

- .collapse a.active {

-   background-color: #DEEAF4;

-   color: #000;

-   position: relative;

- }

- 

- .collapse a.active:hover {

-   text-decoration: none;

- }

- 

- .collapse a.active:before {

-   background-color: #A0C3E5;

-   content: "";

-   display: inline-block;

-   height: 100%;

-   left: 0;

-   position: absolute;

-   top: 0;

-   width: 3px;

- }

- 

- .main h2, .main .h2 {

-   border-top: 0px;

-   padding-top: 10px;

-   font-size: 28px;

- }

- 

- .page-header {

-   height: 100% !important;

- }

- .page-header .img-responsive {

-   display: inline;

- }

- .page-header h2 {

-   font-size: 32px;

-   display: inline;

-   vertical-align: bottom;

- }

- 

- .navbar-brand {

-   padding: initial;

-   height: initial;

-   padding: 12px;

- }

- 

- .nav > li  > a.hover{

-   background-color: none;

- }

- 

- h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

-   position: relative;

- }

- 

- h2 > a.anchor, h3 > a.anchor, h4 > a.anchor, h5 > a.anchor, h6 > a.anchor {

-   display: block;

-   font-weight: normal;

-   margin-left: -1.5ex;

-   position: absolute;

-   text-align: center;

-   text-decoration: none !important;

-   visibility: hidden;

-   width: 1.5ex;

-   z-index: 1001;

- }

- 

- h2 > a.anchor:before, h3 > a.anchor:before, h4 > a.anchor:before, h5 > a.anchor:before, h6 > a.anchor:before {

-   content: "\f0c1";

-   display: block;

-   font-family: FontAwesome;

-   font-size: 0.7em;

-   -webkit-font-smoothing: antialiased;

-   -moz-osx-font-smoothing: grayscale;

-   padding-top: 0.2em;

- }

- 

- h4 > a.anchor:before, h5 > a.anchor:before, h6 > a.anchor:before {

-   font-size: 1em;

- }

- 

- h2:hover > a.anchor,

- h2 > a.anchor:hover,

- h3:hover > a.anchor,

- h3 > a.anchor:hover,

- h4:hover > a.anchor,

- h4 > a.anchor:hover,

- h5:hover > a.anchor,

- h5 > a.anchor:hover,

- h6:hover > a.anchor,

- h6 > a.anchor:hover {

-   visibility: visible;

- }

- 

- .main {

-   border-left: 1px solid #e7e7e7;

-   margin-left: -1px;

-   padding-left: 25px;

- }

- 

- 

- @media (min-width: 768px) {

-   .main {

-     padding-left: 30px;

-   }

- }

- 

- /*

-  * Sidebar

-  */

- 

- .nav-header {

-   font-size: 16px;

- }

- 

- .nav-header ul {

-   font-size: 14px;

- }

- 

- .nav-header ul li a {

-   display: block;

-   padding: 5px 20px 5px 25px;

-   font-size: 13px;

-   font-weight: normal;

- }

- 

- .nav-sidebar .fa {

-   text-align: center;

-   top: -1px;

-   width: 14px;

- }

- 

- .nav-sidebar li a {

-   color: inherit;

- }

- 

- .nav-sidebar li a:hover {

-   color: #000;

- }

- 

- .nav-sidebar ul li ul.nav-tertiary li a {

-   padding-left: 50px;

- }

- 

- .nav-sidebar > li > a {

-   padding: 7px 0;

- }

- 

- .nav-sidebar > li > a:focus, .nav-sidebar > li > a:hover {

-   background: transparent;

- }

- 

- .sidebar {

-   font-weight: 300;

-   display: none;

-   padding-top: 13px;

- }

- 

- @media screen and (max-width: 767px) {

-   .sidebar {

-     padding-left: 30px;

-     padding-right: 0;

-   }

- }

- 

- @media screen and (min-width: 768px) {

-   .sidebar {

-     border-right: 1px solid #e7e7e7;

-     display: block;

-   }

- }

- 

- /*

-  * Off Canvas

-  * --------------------------------------------------

-  */

- 

- body, html {

-   overflow-x: hidden; /* Prevent scroll on narrow devices */

-   font-family: "Overpass", sans-serif;

- }

- 

- .toggle-nav {

-   margin-right: 20px;

- }

- 

- @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;

-   }

- 

-   .row-offcanvas-right {

-     right: 0;

-   }

- 

-   .row-offcanvas-left {

-     left: 0;

-   }

- 

-   .row-offcanvas-right

-   .sidebar-offcanvas {

-     right: -75%; /* 8 columns */

-   }

- 

-   .row-offcanvas-left

-   .sidebar-offcanvas {

-     left: -75%; /* 8 columns */

-   }

- 

-   .row-offcanvas-right.active {

-     right: 75%; /* 8 columns */

-   }

- 

-   .row-offcanvas-left.active {

-     left: 75%; /* 8 columns */

-   }

- 

-   .sidebar-offcanvas {

-     overflow: hidden;

-     position: absolute;

-     top: 0;

-     width: 75%; /* 8 columns */

-   }

- }

- 

-  p {

-   margin: 0 0 1.6em;

-  }

- 

-  /* Remnants of Asciidoctor default stylesheet - remove styles as needed */

- 

- #map_canvas img, #map_canvas embed, #map_canvas object, .map_canvas img, .map_canvas embed, .map_canvas object { max-width: none !important; }

- .left { float: left !important; }

- .right { float: right !important; }

- .text-left { text-align: left !important; }

- .text-right { text-align: right !important; }

- .text-center { text-align: center !important; }

- .text-justify { text-align: justify !important; }

- .hide { display: none; }

- .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; }

- table thead, table tfoot { background: whitesmoke; font-weight: bold; }

- table thead tr th, table thead tr td, table tfoot tr th, table tfoot tr td { padding: 0.5em 0.625em 0.625em; font-size: inherit; color: #333333; text-align: left; }

- table tr th, table tr td { padding: 0.5625em 0.625em; font-size: inherit; color: #333333; }

- table tr.even, table tr.alt, table tr:nth-of-type(even) { background: #f9f9f9; }

- table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { display: table-cell; line-height: 1.6; }

- .clearfix:before, .clearfix:after, .float-group:before, .float-group:after { content: " "; display: table; }

- .clearfix:after, .float-group:after { clear: both; }

- *:not(pre) > code { font-size: inherit; padding: 0; white-space: nowrap; background-color: inherit; border: 0 solid #dddddd; -webkit-border-radius: 4px; border-radius: 4px; text-shadow: none; line-height: 1; }

- .keyseq { color: #666666; }

- kbd:not(.keyseq) { display: inline-block; color: #333333; font-size: 0.75em; line-height: 1.4; background-color: #f7f7f7; border: 1px solid #ccc; -webkit-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2), 0 0 0 2px white inset; margin: -0.15em 0.15em 0 0.15em; padding: 0.2em 0.6em 0.2em 0.5em; vertical-align: middle; white-space: nowrap; }

- .keyseq kbd:first-child { margin-left: 0; }

- .keyseq kbd:last-child { margin-right: 0; }

- .menuseq, .menu { color: #1a1a1a; }

- b.button:before, b.button:after { position: relative; top: -1px; font-weight: normal; }

- b.button:before { content: "["; padding: 0 3px 0 2px; }

- b.button:after { content: "]"; padding: 0 2px 0 3px; }

- p a > code:hover { color: #561309; }

- #header, #content, #footnotes, #footer { width: 100%; margin-left: auto; margin-right: auto; margin-top: 0; margin-bottom: 0; max-width: 62.5em; *zoom: 1; position: relative; padding-left: 0.9375em; padding-right: 0.9375em; }

- #header:before, #header:after, #content:before, #content:after, #footnotes:before, #footnotes:after, #footer:before, #footer:after { content: " "; display: table; }

- #header:after, #content:after, #footnotes:after, #footer:after { clear: both; }

- #content:before { content: none; }

- #header { margin-bottom: 2.5em; }

- #header > h1 { color: black; font-weight: 300; border-bottom: 1px solid #d8d8d8; margin-bottom: -28px; padding-bottom: 32px; }

- #header span { color: #6e6e6e; }

- #header #revnumber { text-transform: capitalize; }

- #header br { display: none; }

- #header br + span { padding-left: 3px; }

- #header br + span:before { content: "\2013 \0020"; }

- #header br + span.author { padding-left: 0; }

- #header br + span.author:before { content: ", "; }

- #toc { border-bottom: 3px double #e5e5e5; padding-top: 1em; padding-bottom: 1.25em; }

- #toc > ul { margin-left: 0.25em; }

- #toc ul.sectlevel0 > li > a { font-style: italic; }

- #toc ul.sectlevel0 ul.sectlevel1 { margin-left: 0; margin-top: 0.5em; margin-bottom: 0.5em; }

- #toc ul { font-family: "Open Sans", "DejaVu Sans", "Sans", sans-serif; list-style-type: none; }

- #toc a { text-decoration: none; }

- #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; }

- .audioblock, .imageblock, .literalblock, .listingblock, .stemblock, .verseblock, .videoblock { margin-bottom: 2.5em; }

- .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; }

- 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%; }

- .admonitionblock > table td.icon { 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; }

- .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; margin-left: 1em; padding: .5em; background: #F1F3F5; -webkit-border-radius: 4px; border-radius: 4px; overflow-x: auto; float: right; width: 40%; }

- .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; }

- .literalblock pre, .literalblock pre[class], .listingblock pre, .listingblock pre[class] { border: 0px; background-color: #F0F3F5; -webkit-border-radius: 5px; border-radius: 5px; padding: 1.5em 2.5em; word-wrap: break-word; }

- .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; }

- .listingblock > .content { position: relative; }

- .listingblock:hover code[class*=" language-"]:before { text-transform: uppercase; font-size: 0.9em; color: #999; position: absolute; top: 0.375em; right: 0.375em; }

- .listingblock:hover code.asciidoc:before { content: "asciidoc"; }

- .listingblock:hover code.clojure:before { content: "clojure"; }

- .listingblock:hover code.css:before { content: "css"; }

- .listingblock:hover code.go:before { content: "go"; }

- .listingblock:hover code.groovy:before { content: "groovy"; }

- .listingblock:hover code.html:before { content: "html"; }

- .listingblock:hover code.java:before { content: "java"; }

- .listingblock:hover code.javascript:before { content: "javascript"; }

- .listingblock:hover code.python:before { content: "python"; }

- .listingblock:hover code.ruby:before { content: "ruby"; }

- .listingblock:hover code.sass:before { content: "sass"; }

- .listingblock:hover code.scss:before { content: "scss"; }

- .listingblock:hover code.xml:before { content: "xml"; }

- .listingblock:hover code.yaml:before { content: "yaml"; }

- .listingblock.terminal pre .command:before { content: attr(data-prompt); padding-right: 0.5em; color: #999; }

- .listingblock.terminal pre .command:not([data-prompt]):before { content: '$'; }

- table.pyhltable { border: 0; margin-bottom: 0; }

- table.pyhltable td { vertical-align: top; padding-top: 0; padding-bottom: 0; }

- table.pyhltable td.code { padding-left: .75em; padding-right: 0; }

- .highlight.pygments .lineno, table.pyhltable td:not(.code) { color: #999; padding-left: 0; padding-right: .5em; border-right: 1px solid #d8d8d8; }

- .highlight.pygments .lineno { display: inline-block; margin-right: .25em; }

- table.pyhltable .linenodiv { background-color: transparent !important; padding-right: 0 !important; }

- .quoteblock { margin: 0 0 1.25em 0; padding: 0.5625em 1.25em 0 1.1875em; border-left: 3px solid #487c58; }

- .quoteblock blockquote { margin: 0 0 1.25em 0; padding: 0 0 0.625em 0; border: 0; }

- .quoteblock blockquote > .paragraph:last-child p { margin-bottom: 0; }

- .quoteblock .attribution { margin-top: -0.625em; padding-bottom: 0.625em; font-size: inherit; color: #454545; line-height: 1.6; }

- .quoteblock .attribution br { display: none; }

- .quoteblock .attribution cite { display: block; }

- table.tableblock { max-width: 100%; }

- table.tableblock td .paragraph:last-child p > p:last-child, table.tableblock th > p:last-child, table.tableblock td > p:last-child { margin-bottom: 0; }

- table.spread { width: 100%; }

- table.tableblock, th.tableblock, td.tableblock { border: 0 solid #dddddd; }

- table.grid-all th.tableblock, table.grid-all td.tableblock { border-width: 0 1px 1px 0; }

- table.grid-all tfoot > tr > th.tableblock, table.grid-all tfoot > tr > td.tableblock { border-width: 1px 1px 0 0; }

- table.grid-cols th.tableblock, table.grid-cols td.tableblock { border-width: 0 1px 0 0; }

- table.grid-all * > tr > .tableblock:last-child, table.grid-cols * > tr > .tableblock:last-child { border-right-width: 0; }

- table.grid-rows th.tableblock, table.grid-rows td.tableblock { border-width: 0 0 1px 0; }

- table.grid-all tbody > tr:last-child > th.tableblock, table.grid-all tbody > tr:last-child > td.tableblock, table.grid-all thead:last-child > tr > th.tableblock, table.grid-rows tbody > tr:last-child > th.tableblock, table.grid-rows tbody > tr:last-child > td.tableblock, table.grid-rows thead:last-child > tr > th.tableblock { border-bottom-width: 0; }

- table.grid-rows tfoot > tr > th.tableblock, table.grid-rows tfoot > tr > td.tableblock { border-width: 1px 0 0 0; }

- table.frame-all { border-width: 1px; }

- table.frame-sides { border-width: 0 1px; }

- table.frame-topbot { border-width: 1px 0; }

- th.halign-left, td.halign-left { text-align: left; }

- th.halign-right, td.halign-right { text-align: right; }

- th.halign-center, td.halign-center { text-align: center; }

- th.valign-top, td.valign-top { vertical-align: top; }

- th.valign-bottom, td.valign-bottom { vertical-align: bottom; }

- th.valign-middle, td.valign-middle { vertical-align: middle; }

- table thead th, table tfoot th { font-weight: bold; }

- tbody tr th { display: table-cell; line-height: 1.6; background: whitesmoke; }

- tbody tr th, tbody tr th p, tfoot tr th, tfoot tr th p { color: #333333; font-weight: bold; }

- td > div.verse { white-space: pre; }

- ul.unstyled, ol.unnumbered, ul.checklist, ul.none { list-style-type: none; }

- ul.unstyled, ol.unnumbered, ul.checklist { margin-left: 0.625em; }

- ul.checklist li > p:first-child > .fa-check-square-o:first-child, ul.checklist li > p:first-child > input[type="checkbox"]:first-child { margin-right: 0.25em; }

- ul.checklist li > p:first-child > input[type="checkbox"]:first-child { position: relative; top: 1px; }

- ul.inline { margin: 0 auto 0.625em auto; margin-left: -1.375em; margin-right: 0; padding: 0; list-style: none; overflow: hidden; }

- ul.inline > li { list-style: none; float: left; margin-left: 1.375em; display: block; }

- ul.inline > li > * { display: block; }

- .unstyled dl dt { font-weight: normal; font-style: normal; }

- ol.arabic { list-style-type: decimal; }

- ol.decimal { list-style-type: decimal-leading-zero; }

- ol.loweralpha { list-style-type: lower-alpha; }

- ol.upperalpha { list-style-type: upper-alpha; }

- ol.lowerroman { list-style-type: lower-roman; }

- ol.upperroman { list-style-type: upper-roman; }

- ol.lowergreek { list-style-type: lower-greek; }

- .hdlist > table, .colist > table { border: 0; background: none; }

- .hdlist > table > tbody > tr, .colist > table > tbody > tr { background: none; }

- td.hdlist1 { padding-right: .75em; font-weight: bold; }

- td.hdlist1, td.hdlist2 { vertical-align: top; }

- .literalblock + .colist, .listingblock + .colist { margin-top: -0.5em; }

- .colist > table tr > td:first-of-type { padding: 0 .75em; line-height: 1; }

- .colist > table tr > td:last-of-type { padding: 0.25em 0; }

- .qanda > ol > li > p > em:only-child { color: #1d4b8f; }

- .thumb, .th { line-height: 0; display: inline-block; border: solid 4px white; -webkit-box-shadow: 0 0 0 1px #dddddd; box-shadow: 0 0 0 1px #dddddd; }

- .imageblock.left, .imageblock[style*="float: left"] { margin: 0.25em 0.625em 1.25em 0; }

- .imageblock.right, .imageblock[style*="float: right"] { margin: 0.25em 0 1.25em 0.625em; }

- .imageblock > .title { margin-bottom: 0; }

- .imageblock.thumb, .imageblock.th { border-width: 6px; }

- .imageblock.thumb > .title, .imageblock.th > .title { padding: 0 0.125em; }

- .image.left, .image.right { margin-top: 0.25em; margin-bottom: 0.25em; display: inline-block; line-height: 0; }

- .image.left { margin-right: 0.625em; }

- .image.right { margin-left: 0.625em; }

- a.image { text-decoration: none; }

- span.footnote, span.footnoteref { vertical-align: super; font-size: 0.875em; }

- span.footnote a, span.footnoteref a { text-decoration: none; }

- span.footnote a:active, span.footnoteref a:active { text-decoration: underline; }

- #footnotes { padding-top: 0.75em; padding-bottom: 0.75em; margin-bottom: 0.625em; }

- #footnotes hr { width: 20%; min-width: 6.25em; margin: -.25em 0 .75em 0; border-width: 1px 0 0 0; }

- #footnotes .footnote { padding: 0 0.375em; line-height: 1.3; font-size: 0.875em; margin-left: 1.2em; text-indent: -1.2em; margin-bottom: .2em; }

- #footnotes .footnote a:first-of-type { font-weight: bold; text-decoration: none; }

- #footnotes .footnote:last-of-type { margin-bottom: 0; }

- #content #footnotes { margin-top: -0.625em; margin-bottom: 0; padding: 0.75em 0; }

- .gist .file-data > table { border: none; background: #fff; width: 100%; margin-bottom: 0; }

- .gist .file-data > table td.line-data { width: 99%; }

- div.unbreakable { page-break-inside: avoid; }

- .replaceable { font-style: italic; font-color: inherit; font-family: inherit; }

- .parameter { font-style: italic; font-family: monospace; }

- .userinput { font-weight: bold; font-family: monospace; }

- .envar { font-weight: bold; font-family: monospace; font-size: 90%; }

- .sysitem { font-weight: bold; font-size: 90%; }

- .package { font-weight: bold; font-size: 90%; }

- .filename { font-weight: bold; font-style: italic; font-size: 90%; }

- .big { font-size: larger; }

- .small { font-size: smaller; }

- .underline { text-decoration: underline; }

- .overline { text-decoration: overline; }

- .line-through { text-decoration: line-through; }

- .aqua { color: #00bfbf; }

- .aqua-background { background-color: #00fafa; }

- .black { color: black; }

- .black-background { background-color: black; }

- .blue { color: #0000bf; }

- .blue-background { background-color: #0000fa; }

- .fuchsia { color: #bf00bf; }

- .fuchsia-background { background-color: #fa00fa; }

- .gray { color: #606060; }

- .gray-background { background-color: #7d7d7d; }

- .green { color: #006000; }

- .green-background { background-color: #007d00; }

- .lime { color: #00bf00; }

- .lime-background { background-color: #00fa00; }

- .maroon { color: #600000; }

- .maroon-background { background-color: #7d0000; }

- .navy { color: #000060; }

- .navy-background { background-color: #00007d; }

- .olive { color: #606000; }

- .olive-background { background-color: #7d7d00; }

- .purple { color: #600060; }

- .purple-background { background-color: #7d007d; }

- .red { color: #bf0000; }

- .red-background { background-color: #fa0000; }

- .silver { color: #909090; }

- .silver-background { background-color: #bcbcbc; }

- .teal { color: #006060; }

- .teal-background { background-color: #007d7d; }

- .white { color: #bfbfbf; }

- .white-background { background-color: #fafafa; }

- .yellow { color: #bfbf00; }

- .yellow-background { background-color: #fafa00; }

- span.icon > .fa { cursor: default; }

- .admonitionblock td.icon [class^="fa icon-"] { font-size: 2.5em; cursor: default; }

- .admonitionblock td.icon .icon-note:before { content: "\f05a"; color: #4E9FDD; }

- .admonitionblock td.icon .icon-tip:before { content: "\f0eb"; color: #2C8596; }

- .admonitionblock td.icon .icon-warning:before { content: "\f071"; color: #ec7a08; }

- .admonitionblock td.icon .icon-caution:before { content: "\f06d"; color: #ec7a08; }

- .admonitionblock td.icon .icon-important:before { content: "\f06a"; color: #c00; }

- .conum[data-value] { display: inline-block; color: white !important; background-color: #333333; -webkit-border-radius: 100px; border-radius: 100px; text-align: center; width: 20px; height: 20px; font-size: 12px; line-height: 20px; font-family: "Open Sans", "Sans", sans-serif; font-style: normal; font-weight: bold; text-indent: -1px; }

- .conum[data-value] * { color: white !important; }

- .conum[data-value] + b { display: none; }

- .conum[data-value]:after { content: attr(data-value); }

- pre .conum[data-value] { position: relative; top: -2px; }

- b.conum * { color: inherit !important; }

- .conum:not([data-value]):empty { display: none; }

- .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; } }

- <%- Dir.glob("_stylesheets/*").sort.each do |sheet| -%>

-   <link href="<%= File.join(css_path, File.basename(sheet)) %>" rel="stylesheet" />

- <%- end -%>

- <ul class="nav nav-sidebar">

-   <%- navigation.each.with_index do |topic_group, groupidx| -%>

-     <%- current_group = topic_group[:id] == group_id -%>

-     <li class="nav-header">

-       <a class="" href="#" data-toggle="collapse" data-target="#topicGroup<%= groupidx %>">

-         <span id="tgSpan<%= groupidx %>" class="fa <%= current_group ? 'fa-angle-down' : 'fa-angle-right' %>"></span><%= topic_group[:name] %>

-       </a>

-       <ul id="topicGroup<%= groupidx %>" class="collapse <%= current_group ? 'in' : '' %> list-unstyled">

-         <%- topic_group[:topics].each.with_index do |topic, topicidx| -%>

-           <%- if not topic.has_key?(:topics) -%>

-             <%- current_topic = current_group && (topic[:id] == topic_id) -%>

-             <li><a class="<%= current_topic ? ' active' : '' %>" href="<%= subtopic_shim %><%= topic[:path] %>"><%= topic[:name] %></a></li>

-           <%- else -%>

-             <%- current_subgroup = topic[:id] == subgroup_id -%>

-             <li class="nav-header">

-               <a class="" href="#" data-toggle="collapse" data-target="#topicSubGroup-<%= groupidx %>-<%= topicidx %>">

-                 <span id="sgSpan-<%= groupidx %>-<%= topicidx %>" class="fa <%= current_subgroup ? 'fa-caret-down' : 'fa-caret-right' %>"></span>&nbsp;<%= topic[:name] %>

-               </a>

-               <ul id="topicSubGroup-<%= groupidx %>-<%= topicidx %>" class="nav-tertiary list-unstyled collapse<%= current_subgroup ? ' in' : '' %>">

-                 <%- topic[:topics].each do |subtopic| -%>

-                   <%- current_subtopic = current_group && current_subgroup && (subtopic[:id] == topic_id) %>

-                   <li><a class="<%= current_subtopic ? ' active' : '' %>" href="<%= subtopic_shim %><%= subtopic[:path] %>"><%= subtopic[:name] %></a></li>

-                 <%- end -%>

-               </ul>

-             </li>

-           <%- end -%>

-         <%- end -%>

-       </ul>

-     </li>

-   <%- end -%>

- </ul>

- <!DOCTYPE html>

- <html>

- <head>

-   <meta charset="utf-8">

-   <meta content="IE=edge" http-equiv="X-UA-Compatible">

-   <meta content="width=device-width, initial-scale=1.0" name="viewport">

-   <title><%= distro %> <%= version %> | <%= [group_title, subgroup_title, topic_title].compact.join(' | ') %></title>

- 

-   <!-- Bootstrap -->

-   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap.min.css">

-   <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/css/bootstrap-theme.min.css">

- 

-   <!-- Overpass Font -->

-   <link rel="stylesheet" href="http://overpass-30e2.kxcdn.com/overpass.css">

- 

-   <%= render("_templates/_css.html.erb", :css_path => css_path) %>

- 

-    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->

-    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->

-    <!--[if lt IE 9]>

-      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>

-      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>

-    <![endif]-->

- 

-   <link href="<%= File.join(images_path, "favicon32x32.png") %>" rel="shortcut icon" type="text/css">

-   <!--[if IE]><link rel="shortcut icon" href="<%= File.join(images_path, "favicon.ico") %>"><![endif]-->

-   <meta content="AsciiBinder" name="application-name">

- </head>

- <body>

-   <div class="navbar navbar-default" role="navigation">

-     <div class="container-fluid">

-       <div class="navbar-header">

-         <a class="navbar-brand" href="https://docs.fedoraproject.org/"><img alt="Fedora Documentation" src="<%= File.join(images_path, "fedora.svg") %>"></a>

-       </div>

-     </div>

-   </div>

-   <div class="container">

-     <p class="toggle-nav visible-xs pull-left">

-       <button class="btn btn-default btn-sm" type="button" data-toggle="offcanvas">Toggle nav</button>

-     </p>

-     <ol class="breadcrumb">

-       <li class="sitename">

-         <a href="<%= site_home_path %>"><%= site_name %></a>

-       </li>

-       <li class="hidden-xs active">

-         <%= breadcrumb_root %>

-       </li>

-       <li class="hidden-xs active">

-         <%= breadcrumb_group %>

-       </li>

-       <%= breadcrumb_subgroup_block %>

-       <li class="hidden-xs active">

-         <%= breadcrumb_topic %>

-       </li>

-     </ol>

-     <div class="row row-offcanvas row-offcanvas-left">

-       <div class="col-xs-8 col-sm-3 col-md-3 sidebar sidebar-offcanvas">

-         <%= render("_templates/_nav.html.erb", :navigation => navigation, :group_id => group_id, :topic_id => topic_id, :subgroup_id => subgroup_id, :subtopic_shim => subtopic_shim) %>

-       </div>

-       <div class="col-xs-12 col-sm-9 col-md-9 main">

-         <div class="page-header">

-           <h2><%= article_title %></h2>

-         </div>

-         <%= content %>

-       </div>

-     </div>

-   </div>

-   <div id="bottom" class="text-muted py-3" >

-       <div class="foot">