io3fix
Version:
toolkit for interior apps
49 lines (40 loc) • 1.12 kB
CSS
@import url('https://fonts.googleapis.com/css?family=Droid+Sans+Mono');
@import url('https://fonts.googleapis.com/css?family=Satisfy');
* {
box-sizing: border-box;
}
html {
position: relative;
height: 100%;
}
body {
color: white;
font-family: 'Droid Sans Mono', monospace;
font-size: 12px;
line-height: 1.6;
position: absolute;
height: 100%;
width: 100%;
padding: 30px;
margin: 0;
overflow: hidden;
background-repeat: no-repeat;
background-attachment: fixed;
background: #6c6bc9; /* fallback for old browsers */
background: -webkit-linear-gradient(-45deg, #6a5ea5, #6c6bc9); /* Chrome 10-25, Safari 5.1-6 */
background: linear-gradient(140deg, #594a96, #6c6bc5); /* W3C, IE 10+/ Edge, Firefox 16+, Chrome 26+, Opera 12+, Safari 7+ */
}
#file-drop-box {
position: absolute;
top: 60px;
left: 60px;
height: 300px;
width: 300px;
padding-top: 120px;
text-align: center;
border: 1px dotted white;
background: rgba(255,255,255,0.1);
}
.file-drop-box-dragover {
background: rgba(0,255,0,0.3) ;
}