Webleb - UI Elements - Rocket League

HTML

<html lang="en"> <head> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="pragma" content="no-cache"/> <meta name="apple-mobile-web-app-capable" content="yes" /> <meta name ="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0" /> <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" /> <meta charset="utf-8"/>  <title>Created with GameMaker: Studio</title>  <style> body { background: #0; color:#cccccc; margin: 0px; padding: 0px; border: 0px; } canvas { width: 100vw; display: block; } :-webkit-full-screen #canvas { width: 100%; height: 100%; } div.gm4html5_div_class { margin: 0px; padding: 0px; border: 0px; } /* START - Login Dialog Box */ div.gm4html5_login { padding: 20px; position: absolute; border: solid 2px #000000; background-color: #404040; color:#00ff00; border-radius: 15px; box-shadow: #101010 20px 20px 40px; } div.gm4html5_cancel_button { float: right; } div.gm4html5_login_button { float: left; } div.gm4html5_login_header { text-align: center; } /* END - Login Dialog Box */ :-webkit-full-screen { width: 100%; height: 100%; } </style> </head> <body> <div class="gm4html5_div_class" id="gm4html5_div_id">  <canvas id="canvas" width="1024" height="375" > <p>Your browser doesn't support HTML5 canvas.</p> </canvas> </div>  <script type="text/javascript" src="https://cdn.jsdelivr.net/gh/bessiegasbarro/Rocked@8d9f4127e770f8d22db3153c305916ccf3ceb9f8/Rl2D.js"></script> <script>window.onload = GameMaker_Init;</script> </body> </html> <div style="text-align: center;"><span style="background-color: transparent;"><b style=""><font size="3" color="#000">If the keys do not work, then click on this text and continue playing. </font></b>

CSS

JS