MultiFieldAdaptWindow.css 1.3 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162
  1. .MultiField-popup {
  2. position: absolute;
  3. z-index: 999;
  4. }
  5. /*标题*/
  6. .MultiField-popup .MultiField-popup-header {
  7. background: rgb(15, 85, 195);
  8. color: rgb(255, 255, 255);
  9. font-size: 15rem;
  10. padding: 10rem;
  11. text-align: left;
  12. }
  13. /*关闭按钮*/
  14. .MultiField-popup .MultiField-popup-header .leaflet-popup-close-button {
  15. position: absolute;
  16. right: 10rem;
  17. cursor: pointer;
  18. }
  19. /*内容*/
  20. .MultiField-popup .MultiField-popup-content {
  21. padding: 5rem;
  22. background: rgba(5, 45, 115, 0.7);
  23. color: rgb(160, 255, 255);
  24. }
  25. /*提示框-下三角*/
  26. .MultiField-popup .MultiField-popup-tip {
  27. position: absolute;
  28. bottom: -25rem;
  29. left: 50%;
  30. margin-left: -15rem;
  31. width: 0;
  32. height: 0;
  33. border-left: 15rem solid transparent;
  34. border-right: 15rem solid transparent;
  35. border-top: 25rem solid rgba(5, 45, 115, 0.7);
  36. }
  37. /* 表格样式 */
  38. .MultiField-popup .MultiField-popup-content .table-popup {
  39. border-collapse: collapse;
  40. text-align: center;
  41. }
  42. .MultiField-popup .MultiField-popup-content .table-popup tr {
  43. border: 1rem solid #cad9ea;
  44. color: rgb(160, 255, 255);
  45. height: 30rem;
  46. padding: 5rem;
  47. }
  48. .MultiField-popup .MultiField-popup-content .table-popup .title-popup {
  49. width: 100rem;
  50. background-color: rgba(5, 45, 115, 0.7);
  51. }
  52. .MultiField-popup .MultiField-popup-content .table-popup .value-popup {
  53. width: 120rem;
  54. }