diff --git a/docs/_includes/ads.html b/docs/_includes/ads.html index ba4775f5e38715ddb91d07afb74f8b5191a971a6..fc4e990433a3c1c78fddc6b595e75e6dafff3d77 100644 --- a/docs/_includes/ads.html +++ b/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="//cdn.carbonads.com/carbon.js?zoneid=1673&serve=C6AILKT&placement=getbootstrapcom" id="_carbonads_js"></script> diff --git a/docs/assets/css/src/docs.css b/docs/assets/css/src/docs.css index eb153b2a91f6d6735b8a53b877daea8e9bd92dbe..540ab9782628893f7d0c333e0dbf73d3e302767e 100644 --- a/docs/assets/css/src/docs.css +++ b/docs/assets/css/src/docs.css @@ -317,83 +317,95 @@ h4 code { /* - * Carbon ads + * Carbon Ads * * Single display ad that shows on all pages (except homepage) in page headers. * The hella `!important` is required for any pre-set property. */ -.carbonad { - width: auto !important; - height: auto !important; - padding: 20px !important; - margin: 30px -15px -31px !important; - overflow: hidden; /* clearfix */ - font-size: 13px !important; - line-height: 16px !important; - text-align: left; - background: transparent !important; - border: solid #866ab3 !important; - border-width: 1px 0 !important; +#carbonads { + display: block; + overflow: hidden; + margin: 0 auto; + padding: 1em; + max-width: 330px; + border: solid 1px #866bb3; + border-radius: 3px; + font-size: 13px; + line-height: 1.5; } -.carbonad-img { - margin: 0 !important; + +#carbonads a:hover { + color: #ddd; + 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: "Helvetica Neue", Helvetica, Arial, sans-serif !important; + +#carbonads span { + position: relative; + display: block; + overflow: hidden; } -.carbonad-text { - padding-top: 0 !important; + +.carbon-img { + float: left; + margin-right: 1em; } -.carbonad-tag { - color: inherit !important; - text-align: left !important; + +.carbon-img img { + display: block; } -.carbonad-text a, -.carbonad-tag a { - color: #fff !important; + +.carbon-text { + display: block; + float: left; + max-width: calc(100% - 130px - 1em); + text-align: left; + color: #fff; } -.carbonad #azcarbon > img { - display: none; /* hide what I assume are tracking images */ + +.carbon-poweredby { + position: absolute; + bottom: 0; + left: 143px; + display: block; + color: hsl(263, 39%, 82%) !important; + text-transform: uppercase; + letter-spacing: 1px; + font-size: 9px; + line-height: 1; } -@media (min-width: 480px) { - .carbonad { - width: 330px !important; - margin: 20px auto !important; - border-width: 1px !important; - border-radius: 4px; - } - .bs-docs-masthead .carbonad { - margin: 50px auto 0 !important; - } +@media only screen and (min-width: 320px) and (max-width: 479px) { + #carbonads { + max-width: 100%; + border: 0; + border-top: solid 1px hsl(263, 32%, 56%); + border-radius: 0; + padding-top: 2em; + } } +/* Rules to overwrite the position of Carbon Ads on docs pages */ -@media (min-width: 768px) { - .carbonad { - margin-right: 0 !important; - margin-left: 0 !important; - } +.bs-docs-header #carbonads { + position: absolute; + top: 0; + right: 15px; } -@media (min-width: 992px) { - .carbonad { - position: absolute; - top: 0; - right: 15px; /* 15px instead of 0 since box-sizing */ - width: 330px !important; - padding: 15px !important; - margin: 0 !important; - } - .bs-docs-masthead .carbonad { - position: static; - } +@media only screen and (min-width: 480px) and (max-width: 979px) { + .bs-docs-header #carbonads { + position: relative; + right: 0; + margin: 4em auto 0; + } +} + +@media only screen and (min-width: 320px) and (max-width: 479px) { + .bs-docs-header #carbonads { + position: relative; + right: 0; + margin: 2em 0 0; + } }