Update ads code and styles (also fixes #20477 in different way)

docs/_includes/ads.html

@@ -1 +1 @@
-<div id="carbonads-container"><div class="carbonad"><div id="azcarbon"></div><script>var z = document.createElement("script"); z.async = true; z.src = "http://engine.carbonads.com/z/32341/azcarbon_2_1_0_HORIZ"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(z, s);</script></div></div>
+<script async type="text/javascript" src="https://cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=getbootstrapcom" id="_carbonads_js"></script>

docs/assets/css/docs.min.css

@@ -281,64 +281,54 @@
   }
 }
 
-.carbonad {
-  width: auto !important;
-  height: auto !important;
-  padding: 1.25rem !important;
-  margin: 2rem -30px -2rem !important;
+#carbonads {
+  display: block;
+  padding: 15px 15px 15px 160px;
+  margin: 50px -15px 0;
   overflow: hidden;
-  font-family: inherit !important;
-  font-size: .8rem !important;
-  line-height: 1rem !important;
-  color: #cdbfe3 !important;
+  font-size: 13px;
+  line-height: 1.5;
   text-align: left;
-  background: #3e2c5a !important;
-  border: 0 !important;
+  border: solid #866ab3;
+  border-width: 1px 0 0;
 }
 
-.carbonad-img {
-  margin: 0 !important;
+#carbonads a {
+  color: #fff;
+  text-decoration: none;
 }
 
-.carbonad-text,
-.carbonad-tag {
-  display: block !important;
-  float: none !important;
-  width: auto !important;
-  height: auto !important;
-  margin-left: 145px !important;
-  font-family: inherit !important;
+@media (min-width: 544px) {
+  #carbonads {
+    max-width: 330px;
+    margin: 50px auto 0;
+    border-width: 1px;
+    border-radius: 4px;
+  }
 }
 
-.carbonad-text {
-  padding-top: 0 !important;
+@media (min-width: 992px) {
+  #carbonads {
+    position: absolute;
+    top: 0;
+    right: 15px;
+    margin-top: 0;
+  }
+  .bd-masthead #carbonads {
+    position: static;
+  }
 }
 
-.carbonad-tag {
-  color: inherit !important;
-  text-align: left !important;
+.carbon-img {
+  float: left;
+  margin-left: -145px;
 }
 
-.carbonad-text a,
-.carbonad-tag a {
+.carbon-poweredby {
+  display: block;
   color: #cdbfe3 !important;
 }
 
-.carbonad-text a:hover,
-.carbonad-tag a:hover {
-  color: #fff !important;
-}
-
-@media (min-width: 544px) {
-  .carbonad {
-    width: 330px !important;
-    padding: 1rem !important;
-    margin-right: auto !important;
-    margin-left: auto !important;
-    border-radius: .25rem;
-  }
-}
-
 .bd-content > table {
   display: block;
   width: 100%;