gitote/templates/misc/ad.tmpl

{{if .Owner.ShowSponsors}}
<script async type="text/javascript" src="//cdn.carbonads.com/carbon.js?serve=CK7D52J7&placement=gitotein" id="_carbonads_js"></script>

<style>
#carbonads {
   display: block;
   overflow: hidden;
   margin: 0 auto;
   padding: 1em;
   max-width: 380px;
   border: solid 1px #dcdcdc;
   border-radius: 3px;
   font-size: 13px;
   line-height: 1.5;
   margin-top: 1.5em;
 }

 #carbonads a {
   color: #575757;
   text-decoration: none;
 }

 #carbonads a:hover {
   color: #000000;
   text-decoration: none;
 }

 #carbonads span {
   position: relative;
   display: block;
   overflow: hidden;
 }

 .carbon-img {
   float: left;
   margin-right: 1em;
 }

 .carbon-img img {
   display: block;
 }

 .carbon-text {
   display: block;
   float: left;
   max-width: calc(100% - 130px - 1em);
   text-align: left;
   color: #fff;
 }

 .carbon-poweredby {
   position: absolute;
   bottom: 0;
   left: 143px;
   display: block;
   color: hsl(0, 0%, 66%) !important;
   text-transform: uppercase;
   letter-spacing: 1px;
   font-size: 9px;
   line-height: 1;
 }

 @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 */

 .bs-docs-header #carbonads {
   position: absolute;
   top: 0;
   right: 15px;
 }

 @media only screen and (min-width: 480px) and (max-width: 980px) {
   .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;
   }
 }

</style>
{{end}}