dev/scss/main/logos.scss

@charset "utf-8";
@import "../util";

.logo {
  &::after {
    content: "" !important;
  }
  > * {
    background: {
      repeat: no-repeat;
      size: 90%;
      position: 50% 50%;
    }
    > span {
      margin-left: -30000px;
    }
  }
}

/**
 * Background image for the front page
 */
#kalamar-bg {
  position: fixed;
  height: 110%;
  width: 175%;
  top: 0;
  z-index: -5000;
  opacity: .1;
  background: {
    image:url('#{$img-path}/korap-bg-kalamar.svg');
    size: 50%;
    repeat: no-repeat;
    position: 50% 50%;
  }
}

/**
 * Logo table of the front page
 */
#logos {
  position: relative;
  text-align: right;
  font-size: 85%;
  right: 0;
  width: 100%;
  margin-left: ($standard-margin / 2);

  padding-left: 60%;
  > div {
    border-top: 26px solid $dark-orange;
    padding-right: 2em;
  }
  p {
    text-align: left;
    display: inline-block;
  }
}


/**
 * Logo: Institute for German Language
 */
#ids-logo {
  display: block;
  width: (631 / 30) + em;
  height: (200 / 30) + em;
  background: {
    image:url('#{$img-path}/ids-leibniz-institute-for-the-german-language.svg');
  }
}


/**
 * Logo: KorAP
 */
h1 {
  position: absolute;
  margin: 0;
  margin-left:15px;
  left: 0;
  top: 0;
  width: 7.8em;
  height: 2.4em;
  z-index: 105;
  background: {
    size: 72%;
    image: url('#{$img-path}/korap-logo-kalamar.svg');
  }
}

#overview {
  text-align: center;
  width: 100%;
}