From 11cf465478a5b2dd4847eb439ea6b9eeafbc3cb0 Mon Sep 17 00:00:00 2001
From: Fibinger Ádám <adam.fibinger@wup.hu>
Date: Fri, 01 May 2020 13:45:35 +0200
Subject: [PATCH] Stripe update - végre rendes logóval
---
assets/overlay.scss | 121 +++++++++++++++++++++++++++++++---------
1 files changed, 93 insertions(+), 28 deletions(-)
diff --git a/assets/overlay.scss b/assets/overlay.scss
index 2876f91..0306a5d 100644
--- a/assets/overlay.scss
+++ b/assets/overlay.scss
@@ -8,11 +8,12 @@
width: 1920px;
height: 1080px;
font-family: 'Oswald', sans-serif;
+ /*background-image: url("/assets/test.png");*/
}
#stripe {
position: fixed;
- top: 2px;
+ top: -3px;
left: 0;
width: 100%;
height: 58px;
@@ -38,37 +39,37 @@
.name {
color: white;
- font-size: 34px;
+ font-size: 33px;
}
&.blue {
- left: 270px;
+ left: 325px;
text-align: right;
}
&.orange {
- left: 1215px;
+ left: 1160px;
text-align: left;
}
}
.ban {
position: inherit;
- top: -1px;
+ top: 2px;
&.orange {
- left: 1080px;
+ left: 1000px;
}
&.blue {
- left: 715px;
+ left: 815px;
}
}
.info {
position: inherit;
- top: 4px;
- width: 220px;
+ top: -3px;
+ width: 300px;
height: 50px;
}
@@ -78,24 +79,56 @@
}
.info.right {
- left: 1700px;
+ left: 1620px;
text-align: right;
}
+ .mapwin {
+ background-color: #fff800;
+ position: fixed;
+ top: 6px;
+ left: 861px;
+ width: 32px;
+ height: 14px;
+ &.left {
+ left: 861px;
+ &.one {
+ top: 6px;
+ }
+ &.two {
+ top: 23px;
+ }
+ }
+
+ &.right {
+ left: 1028px;
+ &.one {
+ top: 6px;
+ }
+ &.two {
+ top: 23px;
+ }
+ }
+ }
+
+
.operator {
+ z-index: 10;
background-repeat: no-repeat;
background-size: cover;
- width: 60px;
- height: 60px;
+ width: 50px;
+ height: 50px;
+ margin-top: -2px;
- filter: grayscale(65%);
+ filter: grayscale(50%);
text-align: center;
.prohibit {
+ z-index: 20;
text-align: center;
color: gray;
- margin-top: 31px;
- font-size: 20px;
+ margin-top: 15px;
+ font-size: 24px;
text-shadow: 1px 1px 1px gray,
1px 0 1px gray,
0 -1px 1px gray,
@@ -103,6 +136,22 @@
filter: none;
color: red;
}
+ }
+ .operator :after {
+ z-index: -1px;
+ position: relative;
+ top: -42px;
+ left: 0;
+ content: '';
+ width: 33px;
+ height: 33px;
+ display: block;
+ }
+ .blue .operator :after {
+ box-shadow: 0 0 10px 0 #1486e5;
+ }
+ .orange .operator :after {
+ box-shadow: 0 0 10px 0 #EA7019;
}
.esl-logo {
@@ -127,6 +176,7 @@
1px 0 1px black,
0 -1px 1px black,
-1px -1px 1px black;
+ width: 350px;
}
.text em {
@@ -143,20 +193,35 @@
&.soon {
background: transparent url("/assets/backgrounds/start-soon.png") no-repeat;
+ }
- .text, .placeholder {
- position: absolute;
- width: 50%;
- left: 25%;
- text-align: center;
- top: 97%;
- font-size: 5em;
- color: white;
- }
- .placeholder {
- opacity: 0.5;
- background-color: black;
- border-radius: 0.2em;
+ &.interview {
+ background: transparent url("/assets/backgrounds/interrogation.png") no-repeat;
+ }
+
+ &.interview.fauw {
+ background: transparent url("/assets/backgrounds/interrogation-fauw.png") no-repeat;
+ }
+
+ .text, .placeholder {
+ position: absolute;
+ width: 50%;
+ left: 25%;
+ text-align: center;
+ top: 10em;
+ font-size: 5em;
+ color: white;
+ }
+
+ .placeholder {
+ opacity: 0.5;
+ background-color: black;
+ border-radius: 0.2em;
+ }
+
+ &.interview {
+ .text.team {
+ top: 2em;
}
}
--
Gitblit v1.8.0