mirror of
https://github.com/EmulatorJS/EmulatorJS.git
synced 2024-09-20 10:56:30 +00:00
Fix CSS
This commit is contained in:
parent
e5909eabd9
commit
612c277c23
1 changed files with 46 additions and 1 deletions
47
index.html
47
index.html
|
@ -1,5 +1,44 @@
|
|||
<html>
|
||||
<head>
|
||||
<title>Emulatorjs | Select Game Rom</title>
|
||||
<link rel="icon" type="image/png" href="docs/Emulatorjs Logo.png">
|
||||
</head>
|
||||
<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>
|
||||
window.addEventListener('load', function() {
|
||||
document.getElementById('file').onchange = async function(e) {
|
||||
|
@ -106,6 +145,12 @@
|
|||
}
|
||||
})
|
||||
</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>
|
||||
</html>
|
||||
|
|
Loading…
Reference in a new issue