ESL Overlay közvetítésekhez
Fibinger Ádám
2020-06-04 9c05d24ce8acc82b2df7fcea5e1d65836349164b
BO pöttyök + BestOf kupa típus
1 files modified
50 ■■■■ changed files
assets/overlay.scss 50 ●●●● patch | view | raw | blame | history
assets/overlay.scss
@@ -82,35 +82,65 @@
    text-align: right;
  }
$base-left: 750px;
$base-right: 1105px;
  .mapwin {
    background-color: #fff800;
    position: fixed;
    border-radius: 10px;
    top: 6px;
    left: 861px;
    width: 32px;
    height: 14px;
    width: 10px;
    height: 10px;
    &.one {
      top: 2px;
    }
    &.two {
      top: 2px;
    }
    &.three {
      top: 15px;
    }
    &.left {
      left: 861px;
      border: 1px solid rgba(20, 134, 229, 0.5);
      &.checked {
        background-color: #1486e5;
      }
      &.one {
        top: 6px;
        left: $base-left + 37px;
      }
      &.two {
        top: 23px;
        left: $base-left + 52px;
      }
      &.three {
        left: $base-left + 45px    ;
      }
    }
    &.right {
      left: 1028px;
      border: 1px solid rgba(234, 112, 25, 0.5);
      &.checked {
        background-color: #EA7019;
      }
      &.one {
        top: 6px;
        left: $base-right + 13px;
      }
      &.two {
        top: 23px;
        left: $base-right - 2px;
      }
      &.three {
        left: $base-right + 5px;
      }
    }
  }
@@ -200,6 +230,7 @@
    font-weight: normal;
    font-size: 20px;
  }
  .text.rotate {
    em {
      animation-name: fade;
@@ -210,6 +241,7 @@
      &:nth-child(1) {
        animation-direction: alternate-reverse;
      }
      &:nth-child(2) {
        animation-direction: alternate;
      }