Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
SoundForcast
/**
* SoundForcast
*/
* { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; }
body {
background: linear-gradient(180deg, #111, #000);
min-height: 100%;
height:300px;
color:#333;
}
.container {
background-color:black;
width:200px;
margin:auto;
border-radius:10px;
padding:10px;
box-shadow:0 0 10px #000;
margin-top:100px;
}
#seed {
border-radius:5px;
padding:10px;
background-color:#eee;
width:100%;
border-color:#ccc;
border-width:0;
color:#333;
}
#seed:focus {
box-shadow:0 0 10px #ccc;
outline:none;
}
<div class=container>
<input type=text name="seed" id="seed" placeholder="Insert Seed & Press Enter"/>
</div>
<script type="text/javascript">
document.style.height = window.innerHeight + 'px';
</script>
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"html"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment