Proyectos de Subversion Moodle

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 efrain 1 
.h5p-tooltip {
2 
  --translateX: -50%;
3 
  --translateY: 0;
4 
 
5 
  display: none;
6 
  position: absolute;
7 
  bottom: 100%;
8 
  left: 50%;
9 
  transform: translateX(var(--translateX)) translateY(var(--translateY));
10 
 
11 
  z-index: 4;
12 
 
13 
  font-size: 0.9rem;
14 
  line-height: 1.5rem;
15 
 
16 
  padding: 0 0.5rem;
17 
  white-space: nowrap;
18 
 
19 
  background: #000;
20 
  color: #FFF;
21 
 
22 
  cursor: default;
23 
 
24 
  /* To hide the position adjustments and to get a bit more
25 
     pleasent popup effect */
26 
  -webkit-animation: 800ms ease 0s normal forwards 1 fadein;
27 
  animation: 800ms ease 0s normal forwards 1 fadein;
28 
}
29 
 
30 
@keyframes fadein{
31 
  0% { opacity: 0; }
32 
  80% { opacity: 0; }
33 
  100% { opacity: 1; }
34 
}
35 
 
36 
@-webkit-keyframes fadein{
37 
  0% { opacity: 0; }
38 
  80% { opacity: 0; }
39 
  100% { opacity: 1; }
40 
}
41 
 
42 
.h5p-tooltip-bottom {
43 
  top: 100%;
44 
  bottom: auto;
45 
}
46 
 
47 
.h5p-tooltip-left {
48 
  --translateY: -50%;
49 
  --translateX: 0;
50 
  top: 50%;
51 
  bottom: auto;
52 
  left: auto;
53 
  right: 100%;
54 
}
55 
 
56 
.h5p-tooltip-right {
57 
  --translateY: -50%;
58 
  --translateX: 0;
59 
  top: 50%;
60 
  bottom: auto;
61 
  left: 100%;
62 
  right: auto;
63 
}
64 
 
65 
.h5p-tooltip-visible {
66 
  display: block;
67 
}