bella/mathFrame.css at main · Bella-5x/bella · 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
iframe{
  border:none;
}

#tutorial{
  width:100px;
  height:80%;
  position:fixed;
  top:85px;
  left:-100px;
  visibility:hidden;
  transition:0.5s;
  background:rgba(0,0,0,0.4);
  box-shadow:2px 2px 9px black;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
}
#tutorial:target,#example:target,#exercise:target{
   left:0;
  visibility: visible;
}
#exercise{
  width:100px;
  height:80%;
  position:fixed;
  top:85px;
  left:-100px;
  visibility:hidden;
  transition:0.5s;
  background:rgba(0,0,0,0.4);
  box-shadow:2px 2px 9px black;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
}
#example{
  width:100px;
  height:80%;
  position:fixed;
  top:85px;
  left:-100px;
  visibility:hidden;
  transition:0.5s;
  background:rgba(0,0,0,0.4);
  box-shadow:2px 2px 9px black;
  border-top-right-radius:20px;
  border-bottom-right-radius:20px;
}

#math{
  width:100%;
  height:100%;
  position:fixed;
  top:0;
  left:0;
}