Home Explore Help
Register Sign In
mei_you_ni_dong
/
aiplat_vue
2
0
Fork 0
Files Issues 0 Pull Requests 0 Wiki
Branch: master
Branches Tags
aiplat_vue
/
static
/
plugins
/
previewcsv
/
heiho.css

heiho.css 2.2 KB
Permalink History Raw

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768 
  1. /**
    2. 

  2. * Heihō: simple spreadsheet viewer
    3. 

  3. * @link https://github.com/kktsvetkov/heiho
    4. 

  4. */
    5. 

  5. 

  6. body.heiho-body {overflow:hidden}
    7. 

  7. 

  8. /*
    9. 

  9. * #heiho-view
    10. 

  10. *  |
    11. 

  11. *  + #heiho-view-header
    12. 

  12. *  |  |
    13. 

  13. *  |  + #heiho-view-close
    14. 

  14. *  |  |
    15. 

  15. *  |  + #heiho-view-title
    16. 

  16. *  |
    17. 

  17. *  + #heiho-view-scroll
    18. 

  18. *  |  |
    19. 

  19. *  |  + #heiho-view-table
    20. 

  20. *  |     |
    21. 

  21. *  |     + #heiho-view-thead
    22. 

  22. *  |     |	|
    23. 

  23. *  |     |	+ th
    24. 

  24. *  |     |	+ ...
    25. 

  25. *  |     |	+ th
    26. 

  26. *  |     |
    27. 

  27. *  |     + #heiho-view-tbody
    28. 

  28. *  |       |
    29. 

  29. *  |       + tr
    30. 

  30. *  |       |  |
    31. 

  31. *  |       |  td
    32. 

  32. *  |       |  ...
    33. 

  33. *  |       |  td
    34. 

  34. *  |       |
    35. 

  35. *  |       + ...
    36. 

  36. *  |       + tr
    37. 

  37. *  |
    38. 

  38. *  + #heiho-view-truncated
    39. 

  39. */
    40. 

  40. 

  41. #heiho-view {position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: black}
    42. 

  42. 

  43. #heiho-view-header {background:#333; border-bottom:solid 3px black; height: 36px; overflow: hidden}
    44. 

  44. 

  45. #heiho-view-title {color: white; font: normal 13px arial; line-height: 2.85em; padding-left: .75em}
    46. 

  46. 

  47. #heiho-view-close {float: right; background: #222; height: 36px; width: 36px; display: inline-block; text-align: center; vertical-align: middle}
    48. 

  48. #heiho-view-close:before {content: "×"; color: #ccc; display: inline-block; margin-top: 8px;}
    49. 

  49. #heiho-view-close:hover {cursor: pointer; background: #000; color: white}
    50. 

  50. 

  51. #heiho-view-scroll {overflow:auto}
    52. 

  52. 

  53. #heiho-view-table {background:white; color:black; font: 12px arial; border-collapse: collapse;}
    54. 

  54. #heiho-view-table.width100 {width:100%}
    55. 

  55. 

  56. #heiho-view-thead th {background: #444; color: white; border: solid 1px black; padding: 4px;}
    57. 

  57. #heiho-view-thead th:first-child {background: #111}
    58. 

  58. 

  59. #heiho-view-tbody td {background: white; color: #555; padding: 2px 4px; border: solid 1px #ccc; vertical-align: top; white-space: nowrap; overflow: hidden; max-width: 20vw; min-width: 1vw}
    60. 

  60. #heiho-view-tbody td:first-child {background: #444; color: #bbb; width: 1%; min-width:25px; border: solid 1px black; text-align:center; vertical-align: middle; font: normal 10px arial;}
    61. 

  61. 

  62. #heiho-view-tbody tr:hover td {background:lightyellow}
    63. 

  63. #heiho-view-tbody tr:hover td:hover {background:khaki}
    64. 

  64. #heiho-view-tbody tr:hover td:first-child {background:orange; color:#111}
    65. 

  65. 

  66. #heiho-view-tbody tr.heiho-header td {font-weight:bold; white-space: nowrap}
    67. 

  67. 

  68. #heiho-view-truncated {color:white; padding: .45em; background:#844; font: normal 11px arial;}
    69.