From 9c05d24ce8acc82b2df7fcea5e1d65836349164b Mon Sep 17 00:00:00 2001 From: Fibinger Ádám <adam.fibinger@wup.hu> Date: Thu, 04 Jun 2020 23:10:09 +0200 Subject: [PATCH] BO pöttyök + BestOf kupa típus --- assets/overlay.scss | 50 +++++++++++++++++++++++++++++++++++++++++--------- 1 files changed, 41 insertions(+), 9 deletions(-) diff --git a/assets/overlay.scss b/assets/overlay.scss index e5a16b4..8dc90e6 100644 --- a/assets/overlay.scss +++ b/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; } -- Gitblit v1.8.0