update docsite ads

docsite/_themes/srtd/layout.html

@@ -214,17 +214,15 @@
       <div class="wy-nav-content">
         <div class="rst-content">
 
-<!-- AnsibleFest and free eBook preview stuff -->
-<center>
-<a href="http://www.ansible.com/tower?utm_source=docs">
-<img src="http://www.ansible.com/hubfs/Docs_Ads/TowerDocs.png">
+          <!-- Tower ads -->
+          <a class="DocSiteBanner" href="http://www.ansible.com/tower?utm_source=docs">
+            <div class="DocSiteBanner-imgWrapper">
+              <img src="{{ pathto('_static/', 1) }}images/banner_ad_1.png">
+            </div>
+            <div class="DocSiteBanner-imgWrapper">
+              <img src="{{ pathto('_static/', 1) }}images/banner_ad_2.png">
+            </div>
           </a>
-<a href="http://www.ansible.com/ansible-book?utm_source=docs">
-<img src="http://www.ansible.com/hubfs/Docs_Ads/Get_2_full_chapters_of_Ansible-_Up_.png">
-</a>
-<br/>&nbsp;<br/>
-<br/>&nbsp;<br/>
-</center>
 
           {% include "breadcrumbs.html" %}
           <div id="page-content">

docsite/_themes/srtd/static/css/theme.css

@@ -4714,3 +4714,32 @@ span[id*='MathJax-Span'] {
     color: #fff;
     font-size: 20px;
 }
+
+.wy-menu-vertical a {
+    padding: 0;
+}
+
+.wy-menu-vertical a.reference.internal {
+    padding: 0.4045em 1.618em;
+}
+
+
+.DocSiteBanner {
+    width: 100%;
+    display: flex;
+    flex-wrap: wrap;
+    justify-content: space-between;
+    background-color: #ff5850;
+    margin-bottom: 25px;
+}
+
+@media screen and (max-width: 1403px) {
+    .DocSiteBanner {
+        width: 100%;
+        display: flex;
+        flex-wrap: wrap;
+        justify-content: center;
+        background-color: #fff;
+        margin-bottom: 25px;
+    }
+}