ethanaobrien/EmulatorJS
1
0
Fork 0
mirror of https://github.com/EmulatorJS/EmulatorJS.git synced 2024-09-20 10:56:30 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

Fix CSS

Browse source
This commit is contained in:
Allan Niles 2022-02-22 20:45:45 -07:00 committed by GitHub
parent e5909eabd9
commit 612c277c23
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 46 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

47
index.html
View file

@ -1,5 +1,44 @@
<html> <html>
<head>
<title>Emulatorjs | Select Game Rom</title>
<link rel="icon" type="image/png" href="docs/Emulatorjs Logo.png">
</head>
<body> <body>
<style>
body{
background: #c4bdff;
}
.form{
position: absolute;
top: 450px;
left: 50%;
margin-top: -150px;
margin-left: -250px;
width: 500px;
height: 200px;
border: 4px dashed #111;
}
.form p{
width: 100%;
height: 100%;
text-align: center;
line-height: 170px;
color: #111;
font-family: Arial;
}
.form input{
position: absolute;
margin: 0;
padding: 0;
width: 100%;
height: 100%;
outline: none;
opacity: 0;
}
.eimg{
width: 250px;
}
</style>
<script> <script>
window.addEventListener('load', function() { window.addEventListener('load', function() {
document.getElementById('file').onchange = async function(e) { document.getElementById('file').onchange = async function(e) {
@ -106,6 +145,12 @@
} }
}) })
</script> </script>
Select Game Rom: <input type="file" id="file"> <center>
<img class="eimg" src="docs/Emulatorjs Logo.png">
</center>
<div class="form">
<input type="file" id="file">
<b><p>Select Game Rom: Drag your files here or click in this area.</p></b>
</div>
</body> </body>
</html> </html>