From f7f806f420e1ade1eafe4862b6c790b5fab88a97 Mon Sep 17 00:00:00 2001 From: Fibinger Ádám <adam.fibinger@wup.hu> Date: Wed, 09 Oct 2019 20:16:32 +0200 Subject: [PATCH] Overlay végleges Bo1 verzió --- .gitignore | 2 + overlay-test.html | 11 ++++- assets/overlay.css | 50 ++++++++++++++++++++---- assets/hun.png | 0 assets/ESL_Logo.png | 0 5 files changed, 52 insertions(+), 11 deletions(-) diff --git a/.gitignore b/.gitignore new file mode 100644 index 0000000..13bbe5b --- /dev/null +++ b/.gitignore @@ -0,0 +1,2 @@ +.idea/ + diff --git a/assets/ESL_Logo.png b/assets/ESL_Logo.png new file mode 100644 index 0000000..478527d --- /dev/null +++ b/assets/ESL_Logo.png Binary files differ diff --git a/assets/hun.png b/assets/hun.png new file mode 100644 index 0000000..1c49860 --- /dev/null +++ b/assets/hun.png Binary files differ diff --git a/assets/overlay.css b/assets/overlay.css index 65bf04a..35106d7 100644 --- a/assets/overlay.css +++ b/assets/overlay.css @@ -7,8 +7,9 @@ body { width: 1920px; height: 1080px; - background-image: url("/assets/test.png"); - background-repeat: no-repeat; + /*background-image: url("/assets/test.png"); + background-repeat: no-repeat;*/ + font-family: 'Oswald', sans-serif; } #stripe { @@ -35,7 +36,6 @@ #stripe .team .name { color: white; font-size: 34px; - font-family: 'Oswald', sans-serif; } #stripe .team.orange { @@ -44,7 +44,7 @@ } #stripe .ban { position: inherit; - top: -2px; + top: -1px; } #stripe .ban.blue { @@ -71,9 +71,9 @@ } #stripe .info { position: inherit; - top: 0; + top: 4px; width: 220px; - height: 58px; + height: 50px; } #stripe .info.left { left: 0; @@ -85,15 +85,47 @@ } #stripe .operator { - filter: grayscale(80%); + filter: grayscale(65%); text-align: center; } + #stripe .operator .prohibit { text-align: center; color: gray; margin-top: 31px; font-size: 20px; - font-family: 'Oswald', sans-serif; - text-shadow: 2px 2px #ff0000; + text-shadow: 1px 1px 1px gray, + 1px 0px 1px gray, + 0px -1px 1px gray, + -1px -1px 1px gray; + filter: none; + color: red; +} +#stripe .esl-logo { + height: 40px; + margin-top: 5px; + margin-right: 8px; +} + +#stripe .flag.hun { + height: 34px; + margin: 8px 0 0 8px; + float: left; + margin-right: 10px; +} +#stripe .info.left .text { + display: table-cell; + vertical-align: middle; + height: 50px; + font-size: 20px; + text-shadow: 1px 1px 1px black, + 1px 0px 1px black, + 0px -1px 1px black, + -1px -1px 1px black; +} +.text em { + font-style: normal; + font-weight: bold; + font-size: 22px; } \ No newline at end of file diff --git a/overlay-test.html b/overlay-test.html index 7801b4f..4500fc6 100644 --- a/overlay-test.html +++ b/overlay-test.html @@ -8,7 +8,12 @@ </head> <body> <div id="stripe"> - <span class="info left">Info left</span> + <span class="info left"> + <img src="/assets/hun.png" class="flag hun"> + <span class="text"> + <em>#76</em> 5on5 Open Cup + </span> + </span> <span class="team orange"> <span class="name">Lucky Strike Esport</span> </span> @@ -28,7 +33,9 @@ <span class="operator jackal"><span class="prohibit">x</span></span> <span class="operator mira"><span class="prohibit">x</span></span> </span> - <span class="info right">Info right</span> + <span class="info right"> + <img class="esl-logo" src="/assets/ESL_Logo.png"/> + </span> </div> </body> </html> -- Gitblit v1.8.0