Pool-Game-Web/style.css at master · BenitezDev/Pool-Game-Web · 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

#myCanvas{
    border-style: solid;
    border-width: 3px;
    display: block;
    margin: 0 auto;
}

#buttonsLeft{

    position: absolute;
    top: 11%;
    left: 0;

}
#buttonsRight{
    position: absolute;
    top: 11%;
    right: 0;

}

.ButtonGroup > div {
    width: 50px;
    height: 50px;
    background-repeat: no-repeat;
    line-height: 20px;
    background-image: url("./assets/sprites/arrow.png");
    overflow: hidden;
    cursor: pointer;
}

#F1, #B2{
   transform: rotate(90deg);
}
#R1 , #L2{
    transform: rotate(180deg);
}
#B1 , #F2{
    transform: rotate(270deg);
}

/* Only in browser */
.ButtonGroup{
    display: none;
}

/* Remove scroll */
html {
    overflow-y: hidden;
}