infoWindow.css 1.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102
  1. .pop-container {
  2. cursor: default;
  3. }
  4. .pop-header{
  5. width: 100%;
  6. height: 36px;
  7. background-color: #0083cb;
  8. left: 0;
  9. top: 0;
  10. border-top-left-radius: 2px;
  11. border-top-right-radius: 2px;
  12. }
  13. .pop-header .pop-titlename{
  14. color: #ffffff;
  15. font-size: 16px;
  16. margin-left: 20px;
  17. overflow: hidden;
  18. font-weight: 400;
  19. line-height: 2.3;
  20. text-overflow: ellipsis;
  21. }
  22. .pop-header .pop-hide{
  23. position: absolute;
  24. cursor: pointer;
  25. top: 26%;
  26. color: #ffffff;
  27. font-size: 17px;
  28. right: 18px;
  29. }
  30. .arrow-container {
  31. width: 40px;
  32. height: 20px;
  33. left: 46%;
  34. top: 100%;
  35. }
  36. .arrow-container .arrow{
  37. background: white;
  38. width: 20px;
  39. height: 20px;
  40. padding: 1px;
  41. margin: -13px auto 0;
  42. transform: rotate(45deg);
  43. -webkit-transform: rotate(45deg);
  44. -moz-transform: rotate(45deg);
  45. -ms-transform: rotate(45deg);
  46. -o-transform: rotate(45deg);
  47. }
  48. .theme-pop-header {
  49. width: 100%;
  50. height: 25px;
  51. background-color: #ffffff;
  52. position: absolute;
  53. left: 0;
  54. top: 0;
  55. }
  56. .theme-pop-header .pop-hide {
  57. cursor: pointer;
  58. top: 7px;
  59. opacity: 0.6;
  60. right: 10px;
  61. }
  62. .pop-hide:hover{
  63. opacity: 1;
  64. }
  65. .content-table {
  66. width: 100%;
  67. margin-top: 9px;
  68. table-layout: fixed;
  69. }
  70. .content-table td{
  71. height: 30px;
  72. font-size: 14px;
  73. padding-left: 18px;
  74. word-wrap: break-word;
  75. color: #ababab;
  76. }
  77. .content-table tr {
  78. height: 32px;
  79. }
  80. .nano >.nano-pane {
  81. opacity: 1;
  82. }
  83. .gray-line {
  84. background-color: #eaeaea;
  85. }
  86. .content-table span {
  87. display: inline-block;
  88. color: #585858;
  89. overflow: hidden;
  90. max-width: 133px;
  91. text-overflow: ellipsis;
  92. }
  93. .gray-line .title-td {
  94. overflow: hidden;
  95. white-space: nowrap;
  96. text-overflow: ellipsis;
  97. }