From 2585d732dffb7df87babd32a4922835d8d142c8a Mon Sep 17 00:00:00 2001 From: Fibinger Ádám <adam.fibinger@wup.hu> Date: Fri, 19 Jun 2020 19:18:45 +0200 Subject: [PATCH] Ace + Melusi --- assets/overlay.css | 70 ++++++++++++++++++++++++++++------ 1 files changed, 57 insertions(+), 13 deletions(-) diff --git a/assets/overlay.css b/assets/overlay.css index 9132cf7..07912ac 100644 --- a/assets/overlay.css +++ b/assets/overlay.css @@ -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; @@ -30,35 +30,34 @@ } #stripe .team { position: fixed; - margin-top: 2px; - width: 435px; + margin-top: 4px; + width: 500px; overflow: hidden; } #stripe .team .name { color: white; - font-size: 33px; + font-size: 28px; } #stripe .team.blue { left: 270px; text-align: right; } #stripe .team.orange { - left: 1215px; + left: 1150px; text-align: left; } #stripe .ban { position: inherit; - top: -1px; + top: 2px; } #stripe .ban.orange { - left: 1080px; + left: 1000px; } #stripe .ban.blue { - left: 735px; + left: 812px; } #stripe .info { position: inherit; - top: -3px; width: 300px; height: 50px; } @@ -97,6 +96,7 @@ top: 23px; } #stripe .operator { + z-index: 10; background-repeat: no-repeat; background-size: cover; width: 50px; @@ -106,6 +106,7 @@ text-align: center; } #stripe .operator .prohibit { + z-index: 20; text-align: center; color: gray; margin-top: 15px; @@ -114,9 +115,28 @@ filter: none; color: red; } +#stripe .operator :after { + z-index: -1px; + position: relative; + top: -42px; + left: 0; + content: ""; + width: 33px; + height: 33px; + display: block; +} +#stripe .blue .operator :after { + box-shadow: 0 0 10px 0 #1486e5; +} +#stripe .orange .operator :after { + box-shadow: 0 0 10px 0 #EA7019; +} #stripe .esl-logo { height: 40px; margin-top: 5px; + margin-right: 8px; +} +#stripe .wargasz-logo { margin-right: 8px; } #stripe .flag.hun { @@ -129,14 +149,29 @@ 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, -1px -1px 1px black; width: 350px; } #stripe .text em { + display: block; + position: absolute; + top: 11px; font-style: normal; - font-weight: bold; - font-size: 22px; + font-weight: normal; + font-size: 20px; +} +#stripe .text.rotate em { + animation-name: fade; + animation-fill-mode: both; + animation-iteration-count: infinite; + animation-duration: 15s; +} +#stripe .text.rotate em:nth-child(1) { + animation-direction: alternate-reverse; +} +#stripe .text.rotate em:nth-child(2) { + animation-direction: alternate; } #main { @@ -171,4 +206,13 @@ top: 2em; } +@keyframes fade { + 0%, 49% { + opacity: 0; + } + 51%, 100% { + opacity: 1; + } +} + /*# sourceMappingURL=overlay.css.map */ -- Gitblit v1.8.0