Multi-user gravity beats for Sound of Science 2013 (website)
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
This repo is archived. You can view files and clone it, but cannot push or open issues/pull-requests.
 
 
 

90 lines
1.3 KiB

/* General */
body {
font-family: Georgia, serif;
color: #999;
background: #333;
font-size: 16pt;
margin: 0px;
overflow: hidden;
height: 100%;
}
a {
color: #fff;
text-shadow: 0px 1px 1px #f80;
}
#text {
position: relative;
text-align: center;
}
/* Login */
.modalDialog {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
background: rgba(0,0,0,0.5);
z-index: 99999;
}
.modalDialog > div {
text-align: center;
width: 300px;
position: relative;
margin: 40px auto;
padding: 5px 20px 13px 20px;
border-radius: 10px;
background: #fff;
}
/* App */
#app {
position: absolute;
width: 1000px;
height: 600px;
left:0;
right:0;
margin-left:auto;
margin-right:auto;
}
/* BALLS */
#ballscreen {
position: absolute;
background-color: rgba(0.0, 0.0, 0.0, 0.0);
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.ball {
-webkit-transition: left 0.1s linear, top 0.1s linear;
position: absolute;
}
.ball .bullet {
width: 10px;
height: 10px;
position: absolute;
left: -5px;
top: -5px;
border-radius: 5px;
background-color: #f00;
}
/* LINES */
#svgscreen {
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
#svgscreen line.guitar {
stroke: rgb(255,127,0);
stroke-width: 2;
}
#svgscreen line.solid {
stroke: rgb(0,127,255);
stroke-width: 2;
}