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