From ae05924ee19a3c532bfff5a0a7631ad92545c569 Mon Sep 17 00:00:00 2001
From: Fibinger Ádám <adam.fibinger@wup.hu>
Date: Wed, 03 Jun 2020 21:57:11 +0200
Subject: [PATCH] Overlay átrendezések és előkészülés websocket szerverre
---
assets/overlay.scss | 87 ++++++++++++++++++++++++++++++++++++-------
1 files changed, 73 insertions(+), 14 deletions(-)
diff --git a/assets/overlay.scss b/assets/overlay.scss
index 3532b22..e5a16b4 100644
--- a/assets/overlay.scss
+++ b/assets/overlay.scss
@@ -8,12 +8,12 @@
width: 1920px;
height: 1080px;
font-family: 'Oswald', sans-serif;
- /* background-image: url("/assets/test.png");*/
+ /*background-image: url("/assets/test.png");*/
}
#stripe {
position: fixed;
- top: -6px;
+ top: 0;
left: 0;
width: 100%;
height: 58px;
@@ -33,13 +33,13 @@
.team {
position: fixed;
- margin-top: 2px;
- width: 435px;
+ margin-top: 4px;
+ width: 500px;
overflow: hidden;
.name {
color: white;
- font-size: 33px;
+ font-size: 28px;
}
&.blue {
@@ -48,27 +48,26 @@
}
&.orange {
- left: 1215px;
+ left: 1150px;
text-align: left;
}
}
.ban {
position: inherit;
- top: -1px;
+ top: 2px;
&.orange {
- left: 1080px;
+ left: 1000px;
}
&.blue {
- left: 735px;
+ left: 812px;
}
}
.info {
position: inherit;
- top: -3px;
width: 300px;
height: 50px;
}
@@ -90,11 +89,14 @@
left: 861px;
width: 32px;
height: 14px;
+
&.left {
left: 861px;
+
&.one {
top: 6px;
}
+
&.two {
top: 23px;
}
@@ -102,17 +104,20 @@
&.right {
left: 1028px;
+
&.one {
top: 6px;
}
+
&.two {
top: 23px;
}
}
- }
+ }
.operator {
+ z-index: 10;
background-repeat: no-repeat;
background-size: cover;
width: 50px;
@@ -123,6 +128,7 @@
text-align: center;
.prohibit {
+ z-index: 20;
text-align: center;
color: gray;
margin-top: 15px;
@@ -136,9 +142,34 @@
}
}
+ .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 {
height: 40px;
margin-top: 5px;
+ margin-right: 8px;
+ }
+
+ .wargasz-logo {
+ // height: 40px;
+ //margin-top: 5px;
margin-right: 8px;
}
@@ -153,7 +184,7 @@
display: table-cell;
vertical-align: middle;
height: 50px;
- font-size: 20px;
+ font-size: 15px;
text-shadow: 1px 1px 1px black,
1px 0 1px black,
0 -1px 1px black,
@@ -162,10 +193,29 @@
}
.text em {
+ display: block;
+ position: absolute;
+ top: 11px;
font-style: normal;
- font-weight: bold;
- font-size: 22px;
+ font-weight: normal;
+ font-size: 20px;
}
+ .text.rotate {
+ em {
+ animation-name: fade;
+ animation-fill-mode: both;
+ animation-iteration-count: infinite;
+ animation-duration: 15s;
+
+ &:nth-child(1) {
+ animation-direction: alternate-reverse;
+ }
+ &:nth-child(2) {
+ animation-direction: alternate;
+ }
+ }
+ }
+
}
#main {
@@ -206,5 +256,14 @@
top: 2em;
}
}
+}
+
+@keyframes fade {
+ 0%, 49% {
+ opacity: 0;
+ }
+ 51%, 100% {
+ opacity: 1;
+ }
}
--
Gitblit v1.8.0