From 4a63dc62bfb5cbc41002a77df6acb68bcf7a3bfb Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 21 Aug 2016 22:38:08 -0700 Subject: Update ads code and styles (also fixes #20477 in different way) --- docs/assets/css/docs.min.css | 76 +++++++++++++++++++------------------------- 1 file changed, 33 insertions(+), 43 deletions(-) (limited to 'docs/assets/css/docs.min.css') diff --git a/docs/assets/css/docs.min.css b/docs/assets/css/docs.min.css index 3d4f5a396..5daf17102 100644 --- a/docs/assets/css/docs.min.css +++ b/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%; -- cgit v1.2.3