gitcoinco/code_fund_ads

div#cf[data-template='image-only'] {
  &[data-theme='dark'] {
    max-width: 280px;
    margin: 0 auto;

    span.cf-wrapper {
      display: block;
      padding: 15px;
      font-size: 14px;
      line-height: 1.4;
      text-align: center;
      font-family: Helvetica, Arial, sans-serif;
      margin-left: auto;
      margin-right: auto;

      a {
        box-shadow: none !important;
      }

      div.cf-header {
        font-size: 12px;
        color: rgba(255, 255, 255, 0.6);
        display: block;
        margin-bottom: 8px;

        &:before {
          content: '-';
          margin: 0 0.5em;
          opacity: 0.5;
        }

        &:after {
          content: '-';
          margin: 0 0.5em;
          opacity: 0.5;
        }
      }

      a.cf-img-wrapper {
        display: block;
        margin-bottom: 8px;

        img.cf-img {
          width: 150px;
          height: 150px;
          position: relative;
          margin: 0 auto;
        }
      }

      a.cf-powered-by {
        margin-top: 5px;
        font-size: 11px;
        display: block;
        color: rgba(255, 255, 255, 0.6);
        text-decoration: none;
        text-align: center;
      }
    }
  }

  &[data-theme='light'] {
    max-width: 280px;
    margin: 0 auto;

    span.cf-wrapper {
      display: block;
      padding: 15px;
      font-size: 14px;
      line-height: 1.4;
      text-align: center;
      font-family: Helvetica, Arial, sans-serif;
      margin-left: auto;
      margin-right: auto;

      a {
        box-shadow: none !important;
      }

      div.cf-header {
        font-size: 12px;
        color: #678;
        display: block;
        margin-bottom: 8px;

        &:before {
          content: '-';
          margin: 0 0.5em;
          opacity: 0.5;
        }

        &:after {
          content: '-';
          margin: 0 0.5em;
          opacity: 0.5;
        }
      }

      a.cf-img-wrapper {
        display: block;
        margin-bottom: 8px;

        img.cf-img {
          width: 150px;
          height: 150px;
          position: relative;
          margin: 0 auto;
        }
      }

      a.cf-powered-by {
        margin-top: 5px;
        font-size: 11px;
        display: block;
        color: #678;
        text-decoration: none;
        text-align: center;
      }
    }
  }
}