#carbonads { display: block; overflow: hidden; margin-bottom: 1em; font-family: Verdana, "Lucida Grande", sans-serif; color: #333; font-size: .9em; } .carbon-wrap { padding: 15px; padding-bottom: 5px; border: solid 1px #cccccc; border-top: 0; border-bottom: 0; border-left: 0; background-color: #f0f0f0; } #carbonads span { position: relative; display: block; overflow: hidden; } .carbon-img { display: block; margin-bottom: 1em; } .carbon-img img { display: block; margin: 0 auto; } .carbon-text { display: block; text-align: left; } .carbon-poweredby { display: block; padding: .5em 0; background-color: #778877; color: #fff !important; text-align: center; font-size: 10px; } #docs-sidebar #carbonads { background: inherit; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc; margin-right: 1px; font-size: .8em; } .bsa-ad { display: none; margin: 20px 20px 0; padding: 20px 40px; border-radius: 3px; background-color: #f0f0f0; flex-flow: row nowrap; } .partner { display: flex; flex-direction: column; width: 44%; justify-content: center; } .partner p { margin: 0 0 .25em; font-size: 1.5em; line-height: 1.5; } .partner strong { padding: .1em .3em; border-radius: 3px; background-color: #778877; color: #fff; } .partner sub { font-weight: 200; font-size: 1.3em; } .bsa-cpc #_default_ { position: relative; display: flex; font-size: 16px; line-height: 1.5; } .bsa-cpc .default-ad { position: absolute; left: 100%; display: block; padding: 3px 5px; border-radius: 3px; background-color: #778877; color: #fff; text-transform: uppercase; font-weight: 800; font-size: 11px; line-height: 1; } .bsa-cpc ._default_ { position: relative; display: block; overflow: hidden; margin: 0 1em; padding: 1em; width: 50%; border-radius: 3px; background-color: #fff; line-height: 1.5; } .bsa-cpc a { color: inherit; text-decoration: none; transition: background-color .15s ease-in-out; } .bsa-cpc a:hover { background-color: #778877; color: #fff; text-decoration: none; } .bsa-cpc .default-image img { display: block; float: left; margin-right: 10px; width: 40px; border-radius: 7.5%; } .bsa-cpc .default-title, .bsa-cpc .default-description { display: block; margin-left: 50px; max-width: calc(100% - 36px); } .bsa-cpc .default-title { font-weight: 600; } @media only screen and (min-width: 320px) and (max-width: 759px) { .bsa-cpc #_default_ { flex-wrap: wrap; } .bsa-cpc .default-ad { display: none; } .bsa-cpc ._default_ { margin: .2em 1em; width: 100%; } }