Added new nav breadcrumbs

This commit is contained in:
Scott Butler 2016-10-05 11:12:08 -07:00
parent b233f3ed3c
commit 02b08b1b0c
2 changed files with 126 additions and 24 deletions

View file

@ -20,6 +20,9 @@
</script>
<!-- End Google Tag Manager Data Layer -->
{% block htmltitle %}
<title>{{ title|striptags|e }}{{ titlesuffix }}</title>
{% endblock %}
@ -125,6 +128,16 @@
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src='//www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-PSB293');</script>
<!-- End Google Tag Manager -->
<div class="DocSite-globalNav ansibleNav">
<ul>
<li><a href="https://www.ansible.com/ansiblefest" target="_blank">AnsibleFest</a></li>
<li><a href="https://www.ansible.com/tower" target="_blank">Products</a></li>
<li><a href="https://www.ansible.com/community" target="_blank">Community</a></li>
<li><a href="https://www.ansible.com/webinars-training" target="_blank">Webinars & Training</a></li>
<li><a href="https://www.ansible.com/blog" target="_blank">Blog</a></li>
</ul>
</div>
<a class="DocSite-nav" href="http://docs.ansible.com/">
<img class="DocSiteNav-logo"
src="{{ pathto('_static/', 1) }}images/logo_invert.png"
@ -158,13 +171,24 @@
{{ toc }}
{% endif %}
<!-- changeable widget -->
<center>
<br/>
<a href="http://www.ansible.com/docs-left?utm_source=docs">
<img style="border-width:0px;" src="https://cdn2.hubspot.net/hubfs/330046/docs-graphics/ASB-docs-left-rail.png" />
</a>
</center>
<div class="DocSite-sideNav ansibleNav">
<ul class="">
<li><a href="https://www.ansible.com/ansiblefest" target="_blank">AnsibleFest</a></li>
<li><a href="https://www.ansible.com/tower" target="_blank">Products</a></li>
<li><a href="https://www.ansible.com/community" target="_blank">Community</a></li>
<li><a href="https://www.ansible.com/webinars-training" target="_blank">Webinars & Training</a></li>
<li><a href="https://www.ansible.com/blog" target="_blank">Blog</a></li>
</ul>
</div>
<!-- changeable widget -->
<div id="sideBanner">
<br/>
<a href="http://www.ansible.com/docs-left?utm_source=docs">
<img style="border-width:0px;" src="https://cdn2.hubspot.net/hubfs/330046/docs-graphics/ASB-docs-left-rail.png" />
</a>
</div>
</div>
@ -184,7 +208,7 @@
<div class="wy-nav-content">
<div class="rst-content">
<!-- Banner ads -->
<!-- Banner ads
<div class="DocSiteBanner">
<a class="DocSiteBanner-imgWrapper"
href="http://www.ansible.com/docs-top?utm_source=docs">
@ -194,7 +218,7 @@
href="http://www.ansible.com/docs-top?utm_source=docs">
<img src="https://cdn2.hubspot.net/hubfs/330046/docs-graphics/ASB-docs-top-right.png">
</a>
</div>
</div> -->
{% include "breadcrumbs.html" %}
<div id="page-content">
@ -210,18 +234,4 @@
</div>
{% include "versions.html" %}
<!-- begin analytics -->
<script type="text/javascript">
var _hsq = _hsq || [];
_hsq.push(["setContentType", "standard-page"]);
(function(d,s,i,r) {
if (d.getElementById(i)){return;}
var n = d.createElement(s),e = document.getElementsByTagName(s)[0];
n.id=i;n.src = '//js.hs-analytics.net/analytics/'+(Math.ceil(new Date()/r)*r)+'/330046.js';
e.parentNode.insertBefore(n, e);
})(document, "script", "hs-analytics",300000);
</script>
<!-- end analytics -->
</body>
</html>
<!-- begin

View file

@ -4765,4 +4765,96 @@ table {
#google_image_div {
display: none !important;
}
}
#sideBanner{
display: none;
}
.DocSite-globalNav {
display: none;
}
.DocSite-sideNav {
display: block;
margin-bottom: 40px;
}
.ansibleNav {
background: #000;
padding: 0px 20px;
width: auto;
border-bottom: 1px solid #444;
font-size: 14px;
}
.ansibleNav ul {
list-style: none;
padding-left: 0px;
margin-top: 0px;
}
.ansibleNav ul li{
padding: 7px 0px;
border-bottom: 1px solid #444;
}
.ansibleNav ul li:last-child{
border: none;
}
.ansibleNav ul li a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
padding: 6px 0px;
}
.ansibleNav ul li a:hover {
color: #5bbdbf ;
background: transparent;
}
@media screen and (min-width: 768px) {
.DocSite-globalNav{
display: block
}
#sideBanner{
display: block;
}
.DocSite-sideNav{
display: none;
}
.ansibleNav{
height: 45px;
width: 100%;
font-size: 13px;
padding: 0px 60px 0px 0px;
}
.ansibleNav ul {
float: right;
display: flex;
flex-wrap: nowrap;
margin-top: 13px;
}
.ansibleNav ul li{
padding: 0px;
border-bottom: none;
}
.ansibleNav ul li a {
color: #fff;
text-decoration: none;
text-transform: uppercase;
padding: 8px 13px;
}
}