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
| body {
| margin: 0;
| background-color: #000;
| color:#ffffff;
| font-family: Monospace;
| font-size: 13px;
| line-height: 24px;
| overflow: hidden;
| }
| #label {
| position: absolute;
| padding: 10px;
| background: rgba(255, 255, 255, 0.6);
| line-height: 1;
| color:#000000;
| border-radius: 5px;
| display:none;
| }
| .sidebar {
| margin-top:100px;
| width: 1.5%;
| height:400px;
| border-radius:8px;
| text-align:center;
| background: rgba(205, 215, 230, 1);
| left: 10px;
| position: absolute;
| z-index: 1;
| }
|
| .buttonClass
| {
| width: 90%;
| border-radius: 50%;
| overflow: hidden;
| cursor: pointer;
| transition: all 0.6s;
| margin-top: 10px;
| }
| .buttonClass:hover{
| transform: scale(1.2);
| }
|
|
