carbon update their ad code, so we have to overhaul our css to support new JS embeds

2.2.2/assets/css/docs.css

@@ -706,80 +706,62 @@ form.bs-docs-example {
 /* Ads in headers
 -------------------------------------------------- */
 
-.subhead h1,
-.subhead .lead {
-  margin-right: 340px;
+@media (min-width: 992px) {
+  .subhead h1,
+  .subhead .lead {
+    margin-right: 350px;
+  }
 }
 
-.carbonad {
-  position: absolute;
-  top: 0;
-  right: 0;
-  margin-top: 0 !important;
-  padding: 15px;
-  height: auto !important;
-  overflow: hidden; /* clearfix */
-  font-size: 13px !important;
-  line-height: 16px !important;
-  background: #222 !important; /* reset image and color in one line */
-  background: rgba(0,0,0,.5) !important;
-  border: 0 !important;
-  border-radius: 4px;
+#carbonads {
+  display: block;
+  overflow: hidden;
+  margin: 40px -20px -40px;
+  padding: 15px 15px 15px 160px;
+  font-size: 13px;
+  line-height: 1.5;
+  text-align: left;
+  background-color: rgba(0,0,0,.5);
   box-shadow: inset 0 3px 5px rgba(0,0,0,.5), 0 1px 0 rgba(255,255,255,.1);
 }
-.carbonad-img {
-  margin: 0 !important;
-}
-.carbonad-text,
-.carbonad-tag,
-.carbonad-tag a {
-  color: #fff !important;
-}
-.carbonad-text,
-.carbonad-tag {
-  float: none !important;
-  display: block !important;
-  width: auto !important;
-  height: auto !important;
-  margin-left: 145px !important;
-  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif !important;
-}
-.carbonad-text {
-  padding-top: 0 !important;
-}
-.carbonad-tag {
-  text-align: left !important;
+
+#carbonads a {
+  color: #fff;
 }
 
-/* Ads on homepage */
-.masthead .carbonad {
-  position: static;
-  margin: 30px auto 0 !important;
-  text-align: left !important;
+.carbon-img {
+  float: left;
+  margin-left: -145px;
 }
 
-@media (max-width: 980px) {
-  .carbonad {
-    position: static;
-    width: auto !important;
-    margin-top: 30px !important;
+.carbon-poweredby {
+  display: block;
+  color: #cdbfe3 !important;
+}
+
+@media (min-width: 480px) {
+  #carbonads {
+    max-width: 155px; /* 330 - padding */
+    margin: 50px auto 0;
+    border-radius: 4px;
   }
 }
 
-@media (max-width: 767px) {
-  .carbonad {
+@media (min-width: 992px) {
+  #carbonads {
+    position: absolute;
+    top: 0;
+    right: 15px;
+    margin-top: 0;
+  }
+  .masthead #carbonads {
     position: static;
-    width: auto !important;
-    margin: 40px -20px -40px !important;
-    padding: 20px !important;
-    overflow: hidden; /* clearfix */
-    border-radius: 0;
+    margin: 30px auto 0;
   }
 }
 
 
 
-
 /* Responsive docs
 -------------------------------------------------- */