319319
320320 <script src =" https://cdnjs.cloudflare.com/ajax/libs/markdown-it/8.3.2/markdown-it.min.js" type =" text/javascript" charset =" UTF-8" ></script >
321321 </head >
322- <body data-spy =" scroll" data-target =" .xs3p-sidebar" data-offset =" 65 " >
322+ <body data-spy =" scroll" data-target =" .xs3p-sidebar" data-offset =" 110 " >
323323
324324 <div class =" navbar navbar-fixed-top navbar-inverse" role =" navigation" >
325325 <div class =" container" >
332332 <span class="icon-bar"><xsl:text> </xsl:text></span>
333333 </button>
334334 -->
335- <a href =" https://cyclonedx.org " class =" navbar-brand site-header__logo" ><img src =" https://cyclonedx.org/theme/assets/ images/layout/ logo-white.svg" width =" 150 " /></a >
335+ <a href =" / " class =" navbar-brand site-header__logo" ><img src =" https://cdx-staging.pages.dev/ images/logo-all- white.svg" height = " 48 " width =" 276 " /></a >
336336
337337 <!-- Version selection dropdown -->
338+ <div style =" display:flex; align-items:center; height:100%;" >
338339 <ul class =" nav navbar-nav navbar-right" >
339340 <li class =" dropdown" >
340341 <a href =" #" class =" dropdown-toggle version-selector" data-toggle =" dropdown" role =" button" aria-haspopup =" true" aria-expanded =" false" >v<xsl : value-of select =" $cycloneDxVersion" /> (XML)<span class =" caret" ></span ></a >
341342 <ul class =" dropdown-menu" >
342- <li ><a class =" dropdown-item" href =" https://cyclonedx.org /docs/1.6/json/" >v1.6 (JSON)</a ></li >
343- <li ><a class =" dropdown-item" href =" https://cyclonedx.org /docs/1.5/json/" >v1.5 (JSON)</a ></li >
344- <li ><a class =" dropdown-item" href =" https://cyclonedx.org /docs/1.4/json/" >v1.4 (JSON)</a ></li >
345- <li ><a class =" dropdown-item" href =" https://cyclonedx.org /docs/1.3/json/" >v1.3 (JSON)</a ></li >
346- <li ><a class =" dropdown-item" href =" https://cyclonedx.org /docs/1.2/json/" >v1.2 (JSON)</a ></li >
343+ <li ><a class =" dropdown-item" href =" /docs/1.6/json/" >v1.6 (JSON)</a ></li >
344+ <li ><a class =" dropdown-item" href =" /docs/1.5/json/" >v1.5 (JSON)</a ></li >
345+ <li ><a class =" dropdown-item" href =" /docs/1.4/json/" >v1.4 (JSON)</a ></li >
346+ <li ><a class =" dropdown-item" href =" /docs/1.3/json/" >v1.3 (JSON)</a ></li >
347+ <li ><a class =" dropdown-item" href =" /docs/1.2/json/" >v1.2 (JSON)</a ></li >
347348 <li style =" padding:0" ><hr class =" dropdown-divider" /></li >
348- <li ><a class =" dropdown-item" href =" https://cyclonedx.org /docs/1.6/xml/" >v1.6 (XML)</a ></li >
349- <li ><a class =" dropdown-item" href =" https://cyclonedx.org /docs/1.5/xml/" >v1.5 (XML)</a ></li >
350- <li ><a class =" dropdown-item" href =" https://cyclonedx.org /docs/1.4/xml/" >v1.4 (XML)</a ></li >
351- <li ><a class =" dropdown-item" href =" https://cyclonedx.org /docs/1.3/xml/" >v1.3 (XML)</a ></li >
352- <li ><a class =" dropdown-item" href =" https://cyclonedx.org /docs/1.2/xml/" >v1.2 (XML)</a ></li >
353- <li ><a class =" dropdown-item" href =" https://cyclonedx.org /docs/1.1/xml/" >v1.1 (XML)</a ></li >
354- <li ><a class =" dropdown-item" href =" https://cyclonedx.org /docs/1.0/xml/" >v1.0 (XML)</a ></li >
349+ <li ><a class =" dropdown-item" href =" /docs/1.6/xml/" >v1.6 (XML)</a ></li >
350+ <li ><a class =" dropdown-item" href =" /docs/1.5/xml/" >v1.5 (XML)</a ></li >
351+ <li ><a class =" dropdown-item" href =" /docs/1.4/xml/" >v1.4 (XML)</a ></li >
352+ <li ><a class =" dropdown-item" href =" /docs/1.3/xml/" >v1.3 (XML)</a ></li >
353+ <li ><a class =" dropdown-item" href =" /docs/1.2/xml/" >v1.2 (XML)</a ></li >
354+ <li ><a class =" dropdown-item" href =" /docs/1.1/xml/" >v1.1 (XML)</a ></li >
355+ <li ><a class =" dropdown-item" href =" /docs/1.0/xml/" >v1.0 (XML)</a ></li >
355356 </ul >
356357 </li >
357358 </ul >
359+ </div >
358360
359361 </div >
360362 </div >
471473 if ($(".xs3p-sidebar").css("position") == "fixed" && $(window).height() < $(".xs3p-sidebar").height()) {
472474 var perc = $(window).scrollTop() / $("#xs3p-content").height();
473475 var overflow = $(".xs3p-sidebar").height() + 105 - $(window).height();
474- $(".xs3p-sidebar").css("top", (65 - Math.round(overflow * perc)) + "px");
476+ $(".xs3p-sidebar").css("top", (110 - Math.round(overflow * perc)) + "px");
475477 }
476478 });
477479 $(window).resize(function() {
478480 if ($(".xs3p-sidebar").css("position") == "fixed") {
479- $(".xs3p-sidebar").css("top", "65px ");
481+ $(".xs3p-sidebar").css("top", "110px ");
480482 }
481483 });
482484 </xsl : text >
@@ -753,34 +755,44 @@ body {
753755}
754756
755757.navbar {
756- padding: 0.5rem 1rem;
758+ padding: 0;
759+ height: 90px;
757760}
758761.navbar-inverse .navbar-nav>.open>a,
759762.navbar-inverse .navbar-nav>.open>a:focus,
760- .navbar-inverse .navbar-nav>.open>a:hover,
763+ .navbar-inverse .navbar-nav>.open>a:hover {
764+ background-image: none;
765+ background-color: transparent;
766+ }
761767.navbar-inverse {
762- background-color: #071525 ;
768+ background-image: linear-gradient(269.12deg, rgba(232, 52, 82, 1) 0%, rgba(136, 38, 125, 1) 51.26%, rgba(52, 57, 175, 1) 100%) ;
763769}
764770.navbar-brand {
765771 display: inline-block;
766772 margin-right: 1rem;
767773 font-size: 1.25rem;
768774 line-height: inherit;
769775 white-space: nowrap;
770- padding: 0 15px 0 15px;
776+ padding: 0 30px 0 30px;
777+ }
778+ .navbar-header {
779+ height: 100%;
771780}
772781.navbar-fixed-top {
773- padding: 8px 15px 8px 15px;
782+
774783}
775784.navbar-inverse .navbar-nav>li>a {
776785 color: #ffffff;
777786}
778787.site-header__logo img {
779- height: 50px ;
788+ height: 90px ;
780789}
781790.version-selector {
782791 font-size: 1.6rem
783792}
793+ .table .thead-dark th {
794+ background-color: #323550;
795+ }
784796.version-selector .caret {
785797 border-left: 8px solid transparent;
786798 border-right: 8px solid transparent;
@@ -794,38 +806,44 @@ body {
794806 padding: 6px 20px;
795807 line-height: 1.42857143;
796808}
797-
809+ h1, h2, h3, h4, h5, h6 {
810+ color: rgb(52 57 175) !important;
811+ }
812+ h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
813+ color: rgb(52 57 175) !important;
814+ }
798815code {
799816 color: #333;
800817}
801818
802819.container {
820+ height: 100%;
803821 margin-left: 0;
804822 margin-right: 0;
805823}
806824
807825.container-fluid {
808- padding: 15px 15px ;
826+ padding: 30px 30px ;
809827}
810828
811829.nav-sub-item > a {
812830 padding-left: 30px !important;
813831}
814832
815833a {
816- color: #1e4877 ;
834+ color: #2157c4 ;
817835}
818836a.name {
819- padding-top: 65px ;
837+ padding-top: 110px ;
820838}
821839
822840h3.xs3p-subsection-heading {
823841 margin-bottom: 30px;
824842}
825843
826844section, #top {
827- margin-top: -65px ;
828- padding-top: 65px ;
845+ margin-top: -110px ;
846+ padding-top: 110px ;
829847}
830848
831849pre {
@@ -907,7 +925,7 @@ pre {
907925@media (min-width: 992px) {
908926 .xs3p-sidebar {
909927 position: fixed;
910- top: 65px ;
928+ top: 110px ;
911929 width: 22%;
912930 }
913931}
0 commit comments