From 3bcc95932af59569d7d8c7a6cd8e91e8fd0b290d Mon Sep 17 00:00:00 2001 From: Fibinger Ádám <adam.fibinger@wup.hu> Date: Wed, 09 Oct 2019 21:10:40 +0200 Subject: [PATCH] Orange - Blue csere --- overlay-test.html | 115 +++++++++++---------------------------------------------- 1 files changed, 23 insertions(+), 92 deletions(-) diff --git a/overlay-test.html b/overlay-test.html index 1b62ab7..4500fc6 100644 --- a/overlay-test.html +++ b/overlay-test.html @@ -3,108 +3,39 @@ <head> <meta charset="UTF-8"> <link href="https://fonts.googleapis.com/css?family=Oswald&display=swap" rel="stylesheet"> + <link rel="stylesheet" href="/assets/overlay.css"> <link rel="stylesheet" href="/assets/operators-color.css"> - <style type="text/css"> - html *, body * { - margin: 0; - padding: 0; - color: white; - } - - body { - width: 1920px; - height: 1080px; -/* background-image: url("assets/test.png"); - background-repeat: no-repeat;*/ - } - - #stripe { - position: fixed; - top: 2px; - left: 0; - width: 100%; - background: transparent url("assets/stripe.png") no-repeat; - height: 58px; - text-align: center; - } - - #stripe * { - display: inline-block; - } - - #stripe .team { - margin-top: 2px; - position: inherit; - width: 420px; - overflow: hidden; - } - - #stripe .team .name { - color: white; - font-size: 34px; - font-family: 'Oswald', sans-serif; - } - - #stripe .team.orange { - left: 270px; - } - #stripe .ban { - - } - .operator { - background-repeat: no-repeat; - background-size: cover; - width: 60px; - height: 60px; - } - #stripe .team.blue { - left: 1070px; - } - - #stripe .logo { - display: inline-block; - } - #stripe .info { - position: inherit; - top: 0; - width: 220px; - height: 58px; - } - #stripe .info.left { - left: 0; - text-align: left; - } - #stripe .info.right { - left: 1700px; - text-align: right; - } - #stripe .operator { - width: 60px; - height: 60px; - border: 1px solid red; - display: inline-block; - } - </style> </head> <body> <div id="stripe"> - <span class="info left">Info left</span> - <span class="team orange"> - <span class="name">ÁRVÍZTŰRŐ ASDF asd csapat</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="ban orange"> - <span class="operator jackal"></span> - <span class="operator mira"></span> + <span class="team orange"> + <span class="name">Lucky Strike Esport</span> + </span> + <span class="team blue"> + <span class="name">The Grizz Esports</span> </span> <span class="logo"></span> <span class="ban blue"> - <span class="operator montagne"></span> - <span class="operator goyo"></span> + <span class="operator montagne"> + <span class="prohibit">x</span> + </span> + <span class="operator goyo"> + <span class="prohibit">x</span> + </span> </span> - <span class="team blue"> - <span class="name">ÁRVÍZTŰRŐ ASDF asd csapat</span> + <span class="ban orange"> + <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