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 }