dev/scss/main/logos.scss

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

/**
 * Rules for logos.
 */
.logo {
  &::after {
    content: "" !important;
  }

  > * {
    background: {
      repeat:   no-repeat;
      size:     90%;
      position: 50% 50%;
    }

    > span {
      @include blind;
    }
  }
}


/**
 * 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%;
}