JavaScript_Browser_Game/style.css at main · Frank-1998/JavaScript_Browser_Game · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
* {
margin:0;
padding:0;
box-sizing: border-box;
font-family:'Bangers', cursive;
}
#canvas1 {
background:url('all_project_images/background.png');
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

#overlay {
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
pointer-events: none; /* make sure overlay image doesn't interfere with mouse events on canvas */
}

#obstacles,#bull,#egg,#toad,#larva,#toads {
display: none;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
* {
margin:0;
padding:0;
box-sizing: border-box;
font-family:'Bangers', cursive;
}
#canvas1 {
background:url('all_project_images/background.png');
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

#overlay {
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
pointer-events: none; /* make sure overlay image doesn't interfere with mouse events on canvas */
}

#obstacles,#bull,#egg,#toad,#larva,#toads {
display: none;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
* {
margin:0;
padding:0;
box-sizing: border-box;
font-family:'Bangers', cursive;
}
#canvas1 {
background:url('all_project_images/background.png');
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

#overlay {
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
pointer-events: none; /* make sure overlay image doesn't interfere with mouse events on canvas */
}

#obstacles,#bull,#egg,#toad,#larva,#toads {
display: none;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
* {
margin:0;
padding:0;
box-sizing: border-box;
font-family:'Bangers', cursive;
}
#canvas1 {
background:url('all_project_images/background.png');
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

#overlay {
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
pointer-events: none; /* make sure overlay image doesn't interfere with mouse events on canvas */
}

#obstacles,#bull,#egg,#toad,#larva,#toads {
display: none;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
* {
margin:0;
padding:0;
box-sizing: border-box;
font-family:'Bangers', cursive;
}
#canvas1 {
background:url('all_project_images/background.png');
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

#overlay {
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
pointer-events: none; /* make sure overlay image doesn't interfere with mouse events on canvas */
}

#obstacles,#bull,#egg,#toad,#larva,#toads {
display: none;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
* {
margin:0;
padding:0;
box-sizing: border-box;
font-family:'Bangers', cursive;
}
#canvas1 {
background:url('all_project_images/background.png');
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

#overlay {
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
pointer-events: none; /* make sure overlay image doesn't interfere with mouse events on canvas */
}

#obstacles,#bull,#egg,#toad,#larva,#toads {
display: none;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
* {
margin:0;
padding:0;
box-sizing: border-box;
font-family:'Bangers', cursive;
}
#canvas1 {
background:url('all_project_images/background.png');
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

#overlay {
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
pointer-events: none; /* make sure overlay image doesn't interfere with mouse events on canvas */
}

#obstacles,#bull,#egg,#toad,#larva,#toads {
display: none;
}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
* {
margin:0;
padding:0;
box-sizing: border-box;
font-family:'Bangers', cursive;
}
#canvas1 {
background:url('all_project_images/background.png');
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
}

#overlay {
position: absolute;
top:50%;
left:50%;
transform:translate(-50%,-50%);
pointer-events: none; /* make sure overlay image doesn't interfere with mouse events on canvas */
}

#obstacles,#bull,#egg,#toad,#larva,#toads {
display: none;
}