Skip to content

Commit 0a1671e

Browse files
fwortham4fwortham4
committed
Adds styling to style.css
1 parent 4cc507e commit 0a1671e

1 file changed

Lines changed: 52 additions & 0 deletions

File tree

  • Forrests_Builds/01 - JavaScript Drum Kit

‎Forrests_Builds/01 - JavaScript Drum Kit/style.css‎

Lines changed: 52 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,52 @@
1+
html {
2+
font-size: 10px;
3+
background:url(http://bopdj.com/skin/frontend/bopdj/default/ebay/Products/NativeInstruments/MASCHINE/STUDIO/BLACK/5.jpg) no-repeat center center;
4+
/*background-color: black;*/
5+
background-size: cover;
6+
}
7+
8+
body,html {
9+
margin: 0px;
10+
padding: 0px;
11+
font-family: sans-serif;
12+
}
13+
14+
.keys {
15+
display: flex;
16+
flex: 1;
17+
min-height: 100vh;
18+
align-items: center;
19+
justify-content: center;
20+
}
21+
22+
.key {
23+
border: 4px solid black;
24+
border-radius: 5px;
25+
margin: 1em;
26+
font-size: 1.95em;
27+
padding: 1em .5em;
28+
transition: all .07s;
29+
width: 100px;
30+
text-align: center;
31+
color: white;
32+
background:rgba(0,0,0,0.4);
33+
text-shadow: 0 0 5px black;
34+
}
35+
36+
.playing {
37+
transform:scale(1.1);
38+
border-color:#ffc600;
39+
box-shadow: 0 0 10px #ffc600;
40+
}
41+
42+
kbd {
43+
display: block;
44+
font-size: 40px;
45+
}
46+
47+
.sound {
48+
font-size: 1.2rem;
49+
text-transform:uppercase;
50+
letter-spacing: 1px;
51+
color:#ffc600;
52+
}

0 commit comments

Comments
 (0)