spatial.analysis.css 2.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596
  1. /**
  2. * 创建者:王成
  3. * 创建日期:2022年7月2日
  4. * 描述:空间分析结果样式集 所有样式均以jt开头
  5. */
  6. /* 分析结果分组标签样式 */
  7. .jt-spatial-analysis-group-label {
  8. position: relative;
  9. font-size: 13px;
  10. color: rgb(203, 203, 203);
  11. background-color: rgb(44, 64, 134);
  12. padding-left: 24px !important;
  13. height: 40px !important;
  14. line-height: 40px !important;
  15. font-weight: bold;
  16. }
  17. /* 分析结果分组标签前置div小方块样式 */
  18. .jt-spatial-analysis-group-label:before {
  19. position: absolute;
  20. content: '';
  21. width: 4px;
  22. height: calc(40px - 16px);
  23. background-color: rgb(64, 97, 173);
  24. left: 12px;
  25. top: 8px;
  26. }
  27. /* 分析结果行样式 */
  28. .jt-spatial-analysis-content-row {
  29. position: relative;
  30. height: 34px;
  31. line-height: 34px;
  32. color: rgb(255, 255, 255);
  33. font-size: 13px;
  34. display: flex;
  35. flex-direction: row;
  36. align-items: center;
  37. padding: 0px 5px;
  38. }
  39. /* 分析结果行底边框线样式 */
  40. .jt-spatial-analysis-content-row::after {
  41. content: '';
  42. width: 100%;
  43. position: absolute;
  44. left: 20px;
  45. bottom: 0px;
  46. border-bottom: solid 1px rgba(203, 203, 203, 0.75);
  47. z-index: 20,
  48. }
  49. /* 干掉最有一条底部边框线 */
  50. .jt-spatial-analysis-content-row-last::after {
  51. border-bottom: solid 0px red;
  52. }
  53. /* 分析结果编号样式 */
  54. .jt-spatial-analysis-content-row>span:nth-child(1) {
  55. display: inline-block;
  56. height: 20px;
  57. width: 20px;
  58. line-height: 20px;
  59. font-size: 11px;
  60. border: solid 1px rgb(230, 230, 230);
  61. border-radius: 20px;
  62. color: rgb(146, 224, 212);
  63. font-weight: bold;
  64. background-color: rgba(255, 255, 255, 0);
  65. text-align: center;
  66. box-shadow: rgb(95, 150, 222) 0px 0px 10px inset;
  67. margin-left: 10px;
  68. }
  69. /* 分析结果面积值样式 */
  70. .jt-spatial-analysis-content-row>span:nth-child(2) {
  71. display: inline-block;
  72. width: 100px;
  73. text-align: right;
  74. padding-right: 10px;
  75. color: rgb(147, 224, 212);
  76. font-weight: bold;
  77. }
  78. /* 分析结果标题样式 */
  79. .jt-spatial-analysis-content-row>span:nth-child(3) {
  80. display: inline-block;
  81. width: 100px;
  82. text-align: left;
  83. padding-right: 10px;
  84. flex: 1;
  85. font-family: 'TTTGB-Medium', sans-serif !important;
  86. }