af70a05fc7226fbd53771fa12007a7da78f39774
[wolnelektury.git] / src / wolnelektury / static / css / tlite.css
1 .tlite {
2   background: #111;
3   color: white;
4   font-family: sans-serif;
5   font-size: 0.8rem;
6   font-weight: normal;
7   text-decoration: none;
8   text-align: left;
9   padding: 0.6em 0.75rem;
10   border-radius: 4px;
11   position: absolute;
12   opacity: 0;
13   visibility: hidden;
14   transition: opacity 0.4s;
15   white-space: nowrap;
16   box-shadow: 0 0.5rem 1rem -0.5rem black;
17   z-index: 1000;
18   -webkit-backface-visibility: hidden;
19 }
20
21 .tlite-table td,
22 .tlite-table th {
23   position: relative;
24 }
25
26 .tlite-visible {
27   visibility: visible;
28   opacity: 0.9;
29 }
30
31 .tlite::before {
32   content: ' ';
33   display: block;
34   background: inherit;
35   width: 10px;
36   height: 10px;
37   position: absolute;
38   transform: rotate(45deg);
39 }
40
41 .tlite-n::before {
42   top: -3px;
43   left: 50%;
44   margin-left: -5px;
45 }
46
47 .tlite-nw::before {
48   top: -3px;
49   left: 10px;
50 }
51
52 .tlite-ne::before {
53   top: -3px;
54   right: 10px;
55 }
56
57 .tlite-s::before {
58   bottom: -3px;
59   left: 50%;
60   margin-left: -5px;
61 }
62
63 .tlite-se::before {
64   bottom: -3px;
65   right: 10px;
66 }
67
68 .tlite-sw::before {
69   bottom: -3px;
70   left: 10px;
71 }
72
73 .tlite-w::before {
74   left: -3px;
75   top: 50%;
76   margin-top: -5px;
77 }
78
79 .tlite-e::before {
80   right: -3px;
81   top: 50%;
82   margin-top: -5px;
83 }