Home Explore Help
Sign In
bachir
/
edlp_d8
1
0
Fork 0
Files Issues 8 Pull Requests 0 Wiki
Tree: 07e5560361
Branches Tags
edlp_d8
/
sites
/
all
/
modules
/
figli
/
edlp_corpus
/
assets
/
dist
/
styles
/
corpus.min.css

corpus.min.css 2.3 KB
History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071 
  1. canvas#corpus-map {
    2. 

  2.   position: absolute;
    3. 

  3.   -webkit-box-sizing: border-box;
    4. 

  4.   box-sizing: border-box;
    5. 

  5.   top: 0;
    6. 

  6.   left: 0;
    7. 

  7.   z-index: 0; }
    8. 

  8.   canvas#corpus-map.de-activated {
    9. 

  9.     background-color: #f4f4f4; }
    10. 

  10. 

  11. div.node-popup {
    12. 

  12.   z-index: 10;
    13. 

  13.   position: absolute;
    14. 

  14.   -webkit-box-sizing: content-box;
    15. 

  15.   box-sizing: content-box;
    16. 

  16.   width: 300px;
    17. 

  17.   min-height: 30px;
    18. 

  18.   pointer-events: none;
    19. 

  19.   top: 60%;
    20. 

  20.   left: 30%;
    21. 

  21.   pointer-events: none; }
    22. 

  22.   div.node-popup .inner {
    23. 

  23.     padding: 1em;
    24. 

  24.     outline: 1px solid red;
    25. 

  25.     background-color: white; }
    26. 

  26.   div.node-popup:before {
    27. 

  27.     content: "";
    28. 

  28.     position: absolute;
    29. 

  29.     width: 60px;
    30. 

  30.     height: 0;
    31. 

  31.     border-top: 1px solid red; }
    32. 

  32.   div.node-popup[pos="bottom-right"] {
    33. 

  33.     -webkit-transform: translateY(42px) translateX(42px);
    34. 

  34.     transform: translateY(42px) translateX(42px); }
    35. 

  35.     div.node-popup[pos="bottom-right"]:before {
    36. 

  36.       top: -1px;
    37. 

  37.       left: -61px;
    38. 

  38.       -webkit-transform-origin: bottom right;
    39. 

  39.       transform-origin: bottom right;
    40. 

  40.       -webkit-transform: rotateZ(45deg);
    41. 

  41.       transform: rotateZ(45deg); }
    42. 

  42.   div.node-popup[pos="bottom-left"] {
    43. 

  43.     -webkit-transform: translateX(-100%) translateY(42px) translateX(-42px);
    44. 

  44.     transform: translateX(-100%) translateY(42px) translateX(-42px); }
    45. 

  45.     div.node-popup[pos="bottom-left"]:before {
    46. 

  46.       top: calc(100% +1px);
    47. 

  47.       left: 100%;
    48. 

  48.       -webkit-transform-origin: top left;
    49. 

  49.       transform-origin: top left;
    50. 

  50.       -webkit-transform: rotateZ(-45deg);
    51. 

  51.       transform: rotateZ(-45deg); }
    52. 

  52.   div.node-popup[pos="top-left"] {
    53. 

  53.     -webkit-transform: translateY(-100%) translateX(-100%) translateY(-42px) translateX(-42px);
    54. 

  54.     transform: translateY(-100%) translateX(-100%) translateY(-42px) translateX(-42px); }
    55. 

  55.     div.node-popup[pos="top-left"]:before {
    56. 

  56.       bottom: 0;
    57. 

  57.       left: 100%;
    58. 

  58.       -webkit-transform-origin: top left;
    59. 

  59.       transform-origin: top left;
    60. 

  60.       -webkit-transform: rotateZ(45deg);
    61. 

  61.       transform: rotateZ(45deg); }
    62. 

  62.   div.node-popup[pos="top-right"] {
    63. 

  63.     -webkit-transform: translateY(-100%) translateY(-42px) translateX(42px);
    64. 

  64.     transform: translateY(-100%) translateY(-42px) translateX(42px); }
    65. 

  65.     div.node-popup[pos="top-right"]:before {
    66. 

  66.       top: calc(100% + 1px);
    67. 

  67.       left: -61px;
    68. 

  68.       -webkit-transform-origin: top right;
    69. 

  69.       transform-origin: top right;
    70. 

  70.       -webkit-transform: rotateZ(-45deg);
    71. 

  71.       transform: rotateZ(-45deg); }
    72.