From aee2d5e854016d24a6470fd625ff378b16531509 Mon Sep 17 00:00:00 2001 From: Fibinger Ádám <adam.fibinger@wup.hu> Date: Fri, 01 May 2020 14:40:40 +0200 Subject: [PATCH] Stripe update - Wargasz logó --- assets/overlay.scss | 93 ++++++++++++++++++++++++++++++++++++++-------- 1 files changed, 77 insertions(+), 16 deletions(-) diff --git a/assets/overlay.scss b/assets/overlay.scss index 3cdb73c..5ed4a5d 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: 812px; } } .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, @@ -104,8 +137,29 @@ 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 { + height: 40px; + margin-top: 5px; + margin-right: 8px; + } + .wargasz-logo { height: 40px; margin-top: 5px; margin-right: 8px; @@ -127,6 +181,7 @@ 1px 0 1px black, 0 -1px 1px black, -1px -1px 1px black; + width: 350px; } .text em { @@ -144,8 +199,13 @@ &.soon { background: transparent url("/assets/backgrounds/start-soon.png") no-repeat; } + &.interview { background: transparent url("/assets/backgrounds/interrogation.png") no-repeat; + } + + &.interview.fauw { + background: transparent url("/assets/backgrounds/interrogation-fauw.png") no-repeat; } .text, .placeholder { @@ -157,13 +217,14 @@ font-size: 5em; color: white; } + .placeholder { opacity: 0.5; background-color: black; border-radius: 0.2em; } - div.interview { + &.interview { .text.team { top: 2em; } -- Gitblit v1.8.0