#54 update styles & convert to fedora bootstrap
Merged 6 years ago by bex. Opened 6 years ago by ryanlerch.
fedora-docs/ ryanlerch/docs-fp-o update-styles  into  master

empty or binary file added
file added
+158
@@ -0,0 +1,158 @@ 

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

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

+ 

+ <svg

+    xmlns:dc="http://purl.org/dc/elements/1.1/"

+    xmlns:cc="http://creativecommons.org/ns#"

+    xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#"

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

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

+    xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"

+    xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"

+    width="32mm"

+    height="10.58333mm"

+    viewBox="0 0 32 10.58333"

+    id="svg2"

+    version="1.1"

+    inkscape:version="0.92.2 (5c3e80d, 2017-08-06)"

+    sodipodi:docname="docs_logo.svg"

+    inkscape:export-filename="/home/rlerch/Source/pagure/pagure/static/pagure-logo.png"

+    inkscape:export-xdpi="192"

+    inkscape:export-ydpi="192">

+   <defs

+      id="defs4" />

+   <sodipodi:namedview

+      id="base"

+      pagecolor="#ffffff"

+      bordercolor="#666666"

+      borderopacity="1.0"

+      inkscape:pageopacity="0.0"

+      inkscape:pageshadow="2"

+      inkscape:zoom="2.8284271"

+      inkscape:cx="107.3632"

+      inkscape:cy="-69.668191"

+      inkscape:document-units="mm"

+      inkscape:current-layer="g126"

+      showgrid="false"

+      fit-margin-top="0"

+      fit-margin-left="0"

+      fit-margin-right="0"

+      fit-margin-bottom="0"

+      inkscape:window-width="1920"

+      inkscape:window-height="1016"

+      inkscape:window-x="0"

+      inkscape:window-y="27"

+      inkscape:window-maximized="1"

+      inkscape:snap-bbox="true"

+      inkscape:bbox-nodes="true"

+      inkscape:snap-page="true"

+      inkscape:snap-global="false" />

+   <metadata

+      id="metadata7">

+     <rdf:RDF>

+       <cc:Work

+          rdf:about="">

+         <dc:format>image/svg+xml</dc:format>

+         <dc:type

+            rdf:resource="http://purl.org/dc/dcmitype/StillImage" />

+         <dc:title></dc:title>

+       </cc:Work>

+     </rdf:RDF>

+   </metadata>

+   <g

+      inkscape:label="Layer 1"

+      inkscape:groupmode="layer"

+      id="layer1"

+      transform="translate(-48.767028,-31.073165)">

+     <g

+        id="g4595"

+        transform="matrix(0.45619308,0,0,0.45619308,26.519847,-9.145808)">

+       <g

+          id="g4624"

+          transform="matrix(0.92003825,0,0,0.92003825,3.8994993,8.9046582)">

+         <text

+            id="text4225"

+            y="106.14349"

+            x="82.744614"

+            style="font-style:normal;font-weight:normal;line-height:0%;font-family:sans-serif;letter-spacing:0px;word-spacing:0px;fill:#555753;fill-opacity:1;stroke:none;stroke-width:0.29657274px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"

+            xml:space="preserve"><tspan

+              style="font-style:normal;font-variant:normal;font-weight:600;font-stretch:normal;font-size:11.86291027px;line-height:1.25;font-family:Montserrat;-inkscape-font-specification:'Montserrat Semi-Bold';fill:#555753;fill-opacity:1;stroke-width:0.29657274px"

+              y="106.14349"

+              x="82.744614"

+              id="tspan4227"

+              sodipodi:role="line">DOCS</tspan></text>

+         <g

+            transform="matrix(0.13021808,0,0,0.13021808,83.22229,87.323483)"

+            id="g4488">

+           <g

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

+              id="layer1-0">

+             <path

+                inkscape:connector-curvature="0"

+                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

+                inkscape:connector-curvature="0"

+                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

+                inkscape:connector-curvature="0"

+                d="m 412.66183,380.36574 c -4.45963,0 -7.40966,1.319 -10.01391,4.62956 l -0.24036,-1.53995 v 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 v 0 0.003 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 v -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

+                inkscape:connector-curvature="0"

+                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 v 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 v 0 -7.80687 0 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

+                inkscape:connector-curvature="0"

+                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 v 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 v 0 -38.95128 h -4.2e-4 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

+                inkscape:connector-curvature="0"

+                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 v 3.8132 h -3.98903 c -1.46237,0 -2.65908,1.19671 -2.65908,2.65781 0,1.46321 1.19671,2.93738 2.65908,2.93738 h 3.98819 v 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 v -20.46004 h 4.40986 c 1.46194,0 2.65823,-1.47417 2.65823,-2.93738 0,-1.46152 -1.19629,-2.65823 -2.65823,-2.65823 h -4.40733 v -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" />

+           </g>

+           <path

+              inkscape:connector-curvature="0"

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

+              id="path2391"

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

+         </g>

+         <g

+            id="g126"

+            transform="matrix(0.63038796,0,0,0.63038796,136.33122,166.95132)">

+           <g

+              transform="matrix(0.83326781,0,0,0.83326781,-499.2038,-411.67682)"

+              id="g132-9">

+             <path

+                inkscape:connector-curvature="0"

+                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 v 14.1071 l 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 10e-4,8.4e-4 h 14.07083 v 0 c 10.06409,-0.004 18.22138,-8.16276 18.22138,-18.22812 z"

+                id="path25-1"

+                style="fill:#294172" />

+             <path

+                inkscape:connector-curvature="0"

+                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 v 4.52836 h -4.51444 c -8.5e-4,0 -8.5e-4,0 -10e-4,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 v -4.54733 h 4.51444 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 h 3.86971 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,10e-4 v 3.92284 h -4.2e-4 z m 8.55534,-8.5448 c -0.001,0 -0.003,0 -0.004,0 h -3.87223 c -8.4e-4,0 -0.002,0 -0.002,0 -0.35252,0 -0.63757,-0.28506 -0.63757,-0.63758 v -4.2e-4 -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-2"

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

+             <path

+                inkscape:connector-curvature="0"

+                d="m 460.58001,362.7558 v -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 v 3.90385 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 h 2.96521 c 1.10521,0 1.99747,0.88467 1.99832,1.99283 0,1.10816 -0.89353,1.99114 -1.99832,1.99114 h -3.60489 v 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 h 3.58339 v 0 z"

+                id="path31-7"

+                style="fill:#ffffff" />

+             <path

+                inkscape:connector-curvature="0"

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

+                id="text6223-0"

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

+           </g>

+         </g>

+       </g>

+     </g>

+   </g>

+ </svg>

file modified
+53 -76
@@ -73,35 +73,62 @@ 

    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;

+ 

+ .docs-content h1,

+ .docs-content h2,

+ .docs-content h3,

+ .docs-content h4,

+ .docs-content h5,

+ .docs-content h6

+  {

+   font-weight: bold;

+   color: #444;

  }

  

- .navbar-brand {

-   padding: initial;

-   height: initial;

-   padding: 12px;

+ .docs-content h1{

+   font-size: 1.5rem

+ }

+ .docs-content h2{

+   font-size: 1.3rem

+ }

+ .docs-content h3{

+   font-size: 1.1rem

+ }

+ .docs-content h4,

+ .docs-content h5,

+ .docs-content h6{

+   font-size: 1rem;

  }

  

- .navbar-header h2 {

-   display: inline;

-   position: absolute;

-   font-weight: bold;

-   margin-top: 50px ;

+ .docs-content .page-header h1 {

+   line-height: 1.5rem;

+   padding-bottom: 0.2em;

+   margin-bottom: 0.7em;

+   border-bottom: 1px solid #ccc;

+ 

+ }

+ 

+ 

+ nav .breadcrumb{

+   background: none;

+   font-size:0.8em;

+   padding-left:10px;

+   padding-bottom:0px;

  }

  

  .nav > li  > a.hover{

    background-color: none;

  }

  

+ .breadcrumb-item + .breadcrumb-item::before{

+   content: '\f054';

+   font-family: FontAwesome;

+   font-size: 0.8em;

+ }

+ 

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

    position: relative;

  }
@@ -158,10 +185,20 @@ 

    }

  }

  

+ .masthead, .footer{

+   position: relative;

+   z-index: 1;

+ }

+ 

  /*

   * Sidebar

   */

  

+  .docs-sidebar{

+   background: #eee;

+   box-shadow: -3000px 0 0 3000px #eee;

+  }

+ 

  .nav-header {

    font-size: 16px;

  }
@@ -223,66 +260,6 @@ 

    }

  }

  

- /*

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

file modified
+4 -5
@@ -1,11 +1,9 @@ 

  <ul class="nav nav-sidebar">

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

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

+     <%- if current_group -%>

      <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">

+       <ul id="topicGroup<%= groupidx %>" class="collapse <%= current_group ? 'show' : '' %> 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) -%>
@@ -16,7 +14,7 @@ 

                <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' : '' %>">

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

                  <%- 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>
@@ -27,5 +25,6 @@ 

          <%- end -%>

        </ul>

      </li>

+     <%- end -%>

    <%- end -%>

  </ul>

file modified
+62 -56
@@ -7,11 +7,9 @@ 

    <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">

+   <link href="https://apps.fedoraproject.org/global/fedora-bootstrap-1.1.1/fedora-bootstrap.min.css" rel="stylesheet">

  

-   <!-- Overpass Font -->

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

+   <link rel="stylesheet" href="https://apps.fedoraproject.org/global/fedora-bootstrap-fonts/open-sans.css">

  

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

  
@@ -30,45 +28,53 @@ 

    <%- if version == "Rawhide" %>

      <div class="corner-ribbon"><a href="https://pagure.io/fedora-docs/<%= repo_path.sub('/') {|s| "/blob/#{branch}/f/en-US/"} %>">Improve this Page</a></div>

    <%- end %>

-   <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 class="masthead" role="navigation">

+     <div class="container">

+       <div>

+         <a href="https://docs.fedoraproject.org/"><img height=40px alt="Fedora Documentation" src="<%= File.join(images_path, "docs_logo.png") %>"></a>

        </div>

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

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

+     </p>-->

+     <nav aria-label="breadcrumb">

+       <ol class="breadcrumb mb-0">

+         <li class="breadcrumb-item active">

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

+         </li>

+         <li class="breadcrumb-item hidden-xs active">

+           <%= breadcrumb_root %>

+         </li>

+         <li class="breadcrumb-item hidden-xs active">

+           <%= breadcrumb_group %>

+         </li>

+         <%- if breadcrumb_subgroup -%>

+         <li class="breadcrumb-item hidden-xs active">

+         <%= breadcrumb_subgroup %>

+         </li>

+         <%- end -%>

+         <li class="breadcrumb-item hidden-xs active">

+           <%= breadcrumb_topic %>

+         </li>

+       </ol>

+     </nav>

      </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">

+   <div class="bg-white">

+     <div class="container">

+       <div class="row">

+         <div class="col-xs-8 col-sm-3 col-md-3 py-4 docs-sidebar">

          <%= 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 class="col-xs-12 col-sm-9 col-md-9 py-4 pl-4 docs-content">

+           <div class="page-header">

+             <h1><%= article_title %></h1>

+           </div>

+           <%= content %>

+         </div>

        </div>

      </div>

    </div>

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

+   <div class="footer text-white pt-5" >

        <div class="foot">

            <div class="container">

                <div class="row footerlinks">
@@ -159,29 +165,29 @@ 

     <!-- jQuery (necessary for Bootstrap's JavaScript plugins) -->

     <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.3/jquery.min.js"></script>

     <!-- Latest compiled and minified JavaScript -->

-    <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.5/js/bootstrap.min.js"></script>

-    <script src="<%= File.join(javascripts_path, "bootstrap-offcanvas.js") %>" type="text/javascript"></script>

+    <script src="https://apps.fedoraproject.org/global/fedora-bootstrap-1.1.1/fedora-bootstrap.min.js"></script>

     <script type="text/javascript">

-     /*<![CDATA[*/

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

-       $("[id^='topicGroup']").on('show.bs.collapse', function (event) {

-         if (!($(event.target).attr('id').match(/^topicSubGroup/))) {

-           $(this).parent().find("[id^='tgSpan']").toggleClass("fa-angle-right fa-angle-down");

-         }

-       });

-       $("[id^='topicGroup']").on('hide.bs.collapse', function (event) {

-         if (!($(event.target).attr('id').match(/^topicSubGroup/))) {

-           $(this).parent().find("[id^='tgSpan']").toggleClass("fa-angle-right fa-angle-down");

-         }

-       });

-       $("[id^='topicSubGroup']").on('show.bs.collapse', function () {

-         $(this).parent().find("[id^='sgSpan']").toggleClass("fa-caret-right fa-caret-down");

-       });

-       $("[id^='topicSubGroup']").on('hide.bs.collapse', function () {

-         $(this).parent().find("[id^='sgSpan']").toggleClass("fa-caret-right fa-caret-down");

+       /*<![CDATA[*/

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

+         $("[id^='topicGroup']").on('show.bs.collapse', function (event) {

+           if (!($(event.target).attr('id').match(/^topicSubGroup/))) {

+             $(this).parent().find("[id^='tgSpan']").toggleClass("fa-angle-right fa-angle-down");

+           }

+         });

+         $("[id^='topicGroup']").on('hide.bs.collapse', function (event) {

+           if (!($(event.target).attr('id').match(/^topicSubGroup/))) {

+             $(this).parent().find("[id^='tgSpan']").toggleClass("fa-angle-right fa-angle-down");

+           }

+         });

+         $("[id^='topicSubGroup']").on('show.bs.collapse', function () {

+           $(this).parent().find("[id^='sgSpan']").toggleClass("fa-caret-right fa-caret-down");

+         });

+         $("[id^='topicSubGroup']").on('hide.bs.collapse', function () {

+           $(this).parent().find("[id^='sgSpan']").toggleClass("fa-caret-right fa-caret-down");

+         });

        });

-     });

-     /*]]>*/

+       /*]]>*/

+    

    </script>

  </body>

  </html>

file modified
+48 -60
@@ -10,10 +10,9 @@ 

      <title>Fedora Documentation</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">

+     <link href="https://apps.fedoraproject.org/global/fedora-bootstrap-1.1.1/fedora-bootstrap.min.css" rel="stylesheet">

  

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

+     <link rel="stylesheet" href="https://apps.fedoraproject.org/global/fedora-bootstrap-fonts/open-sans.css">

      <link rel="stylesheet" href="_stylesheets/asciibinder.css">

  

  
@@ -25,67 +24,56 @@ 

      <![endif]-->

    </head>

    <body>

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

-         <div class="navbar-header">

-           <a class="navbar-brand" href="https://docs.fedoraproject.org/"><img alt="Fedora" src="_images/fedora.svg"></a>

-           <h2>Documentation</h2>

+     <div class="masthead">

+         <div class="container">

+           <a href="https://docs.fedoraproject.org/"><img alt="Fedora Documentation" height=40px src="_images/docs_logo.png"></a>

          </div>

      </div>

-     <div class="container">

-       <div class="row">

-         <div class="col-md-4">

-           <h5><strong>Fedora OS Documentation</strong></h5>

-           <div class="list-group">

-             <a href="f27/release-notes/index.html" class="list-group-item">

-               &nbsp;Release Notes

-             </a>

-             <a href="f27/install-guide/index.html" class="list-group-item">

-               &nbsp;Installation Guide

-             </a>

-             <a href="f27/system-administrators-guide/index.html" class="list-group-item">

-               &nbsp;System Administrator's Guide

-             </a>

-             <a href="other-releases.html" class="list-group-item">

-               &nbsp;Older and Beta Release Documentation

-             </a>

-           </div>

-           <h5><strong>Fedora Project and Community Information</strong></h5>

-           <div class="list-group">

-             <a href="fedora-project/project/fedora-overview.html" class="list-group-item">

-               &nbsp;Project Overview

-             </a>

-             <a href="fedora-project/council/charter.html" class="list-group-item">

-               &nbsp;Fedora Council

-             </a>

-             <a href="fedora-project/subprojects/collaboration.html" class="list-group-item">

-               &nbsp;Subprojects

-             </a>

-             <a href="https://budget.fedoraproject.org" class="list-group-item">

-               &nbsp;Budget <i class="fa fa-external-link" aria-hidden="true"></i>

-             </a>

-           </div>

-           <h5><strong>Fedora Participates In:</strong></h5>

-           <div class="list-group">

-             <a href="https://fedoraproject.org/wiki/Outreachy/2017" class="list-group-item">

-               &nbsp;Outreachy <i class="fa fa-external-link" aria-hidden="true"></i>

-             </a>

-             <a href="mentored-projects/gsoc/2018/index.html" class="list-group-item">

-               &nbsp;Google Summer of Code

-             </a>

+     <div class="bg-white py-4">

+       <div class="container">

+         <div class="row">

+           <div class="col-md-12">

+             <h5><strong>Fedora OS Documentation</strong></h5>

+             <div class="list-group">

+               <a href="f27/release-notes/index.html" class="list-group-item">

+                 &nbsp;Release Notes

+               </a>

+               <a href="f27/install-guide/index.html" class="list-group-item">

+                 &nbsp;Installation Guide

+               </a>

+               <a href="f27/system-administrators-guide/index.html" class="list-group-item">

+                 &nbsp;System Administrator's Guide

+               </a>

+               <a href="other-releases.html" class="list-group-item">

+                 &nbsp;Older and Beta Release Documentation

+               </a>

+             </div>

+             <h5><strong>Fedora Project and Community Information</strong></h5>

+             <div class="list-group">

+               <a href="fedora-project/project/fedora-overview.html" class="list-group-item">

+                 &nbsp;Project Overview

+               </a>

+               <a href="fedora-project/council/charter.html" class="list-group-item">

+                 &nbsp;Fedora Council

+               </a>

+               <a href="fedora-project/subprojects/collaboration.html" class="list-group-item">

+                 &nbsp;Subprojects

+               </a>

+               <a href="https://budget.fedoraproject.org" class="list-group-item">

+                 &nbsp;Budget <i class="fa fa-external-link" aria-hidden="true"></i>

+               </a>

+             </div>

+             <h5><strong>Fedora Participates In:</strong></h5>

+             <div class="list-group">

+               <a href="https://fedoraproject.org/wiki/Outreachy/2017" class="list-group-item">

+                 &nbsp;Outreachy <i class="fa fa-external-link" aria-hidden="true"></i>

+               </a>

+               <a href="mentored-projects/gsoc/2018/index.html" class="list-group-item">

+                 &nbsp;Google Summer of Code

+               </a>

+             </div>

            </div>

          </div>

-         <div class="col-md-8">

-           <p>This documentation describes the Fedora Project and how to install and use the Fedora operating system and software.</p>

-           <p>In 1997, Richard Stallman wrote:</p>

-           <blockquote class="blockquote">“The biggest deficiency in free operating systems is not in the software — it is the lack of good free manuals that we can include in these systems.”</blockquote>

-           <p>Thanks to the many, many Fedora writers and translators for working to correct this.</p>

-           <p>If you would like to contribute to Fedora documentation, visit the Fedora Documentation Project at <a href="https://fedoraproject.org/wiki/DocsProject">https://fedoraproject.org/wiki/DocsProject</a>.</p>

-           <p><!--

-           If you would like to translate Fedora documentation into your language, visit the Fedora Localization Project at <a href="https://fedoraproject.org/wiki/L10N">https://fedoraproject.org/wiki/L10N</a>.  Translations are not being published at this time, but are in progress.-->

-           Translations are not current being published because of version 1.0 publishing toolchain limitations.  We will be enabling this as part of the next phase.  For now, please do not open bugs.  Instead, please watch for an announcement that will be sent to the translators mailing list.  You may also wish to monitor this <a href="https://pagure.io/fedora-docs/docs-fp-o/issue/5">issue</a>.</p>

- 

-         </div>

- 

        </div>

      </div>

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