HTML-Pong/style.css at master · edokoa/HTML-Pong · 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
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
html{
	background: black;
}
#playfield{
	position: relative;
	width: 960px;
	height: 800px;
	background: #666666;
	margin-top: 80px;
	margin-left: auto;
	margin-right: auto;

	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px; /* rounded corners */
}

.player, .ball{
	position: absolute;
	display: block;
	background: white;


	width: 30px;
	height:100px;

	-moz-background-clip: padding;
	-webkit-background-clip: padding-box;

	left: 50px;
	top: 0px;

}

.ball{
	height: 30px;
	width: 30px;
	left: 480px;
	top: 400px;
}

#player2{
	left: 880px;
}

#divider{
	position: absolute;
	top: 0;
	display: block;
	left: 465px;
	width: 0;
	height: 800px;
	border-right: 30px dotted #FFF;
	opacity: 0.2;
}
.score{
	opacity: .2;
	position: absolute;
	left: 285px;
	top: 30px;
}

#p2Score{
	left: 555px;

}

.pixel{
	display: block;
	background: white;
	position: absolute;
	height: 30px;
	width: 30px;
}