case.info.css 2.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159
  1. /* ul li 的通用样式 */
  2. ul,
  3. li {
  4. margin: 0;
  5. padding: 0;
  6. }
  7. /* 时间轴线 整体 */
  8. .layui-timeline {
  9. padding-left: 5px;
  10. }
  11. /* 时间轴线 子项 */
  12. .layui-timeline-item {
  13. position: relative;
  14. padding-bottom: 20px;
  15. }
  16. li {
  17. list-style: none;
  18. }
  19. /* 时间轴子项 第一个样式 */
  20. .layui-timeline-item:first-child::before {
  21. display: block;
  22. }
  23. /* 时间轴子项 最后一项样式 */
  24. .layui-timeline-item:last-child::before {
  25. content: '';
  26. position: absolute;
  27. left: 5px;
  28. top: 0;
  29. z-index: 0;
  30. width: 0;
  31. height: 100%;
  32. }
  33. .layui-timeline-item::before {
  34. content: '';
  35. position: absolute;
  36. left: 5px;
  37. top: 0;
  38. z-index: 0;
  39. width: 1px;
  40. height: 100%;
  41. }
  42. .layui-timeline-item::before,
  43. hr {
  44. background-color: #FF00FF;
  45. }
  46. /* 时间轴左侧图标样式 外框*/
  47. .layui-timeline-axis {
  48. position: absolute;
  49. left: -7px;
  50. top: -7px;
  51. z-index: 10;
  52. width: 24px;
  53. height: 24px;
  54. line-height: 24px;
  55. background-color: #fff;
  56. color: #0062CC;
  57. border-radius: 50%;
  58. text-align: center;
  59. cursor: pointer;
  60. }
  61. /* 时间轴左侧图标 内部样式 */
  62. .layui-icon {
  63. font-family: layui-icon !important;
  64. font-size: 14px;
  65. font-style: normal;
  66. font-weight: bold;
  67. }
  68. /* 时间轴内容样式 */
  69. .layui-timeline-content {
  70. padding-left: 20px;
  71. }
  72. /* 时间轴日期格式 */
  73. .layui-timeline-title {
  74. position: relative;
  75. margin-bottom: 5px;
  76. }
  77. /* 标题样式 */
  78. h3 {
  79. font-size: 14px;
  80. color: #000000;
  81. padding-top: 0px;
  82. }
  83. /* 案件关联人员样式 */
  84. .wc-member {
  85. font-size: 14px;
  86. color: #000000;
  87. font-weight: normal;
  88. margin-bottom: 10px;
  89. }
  90. /* 描述内容样式 */
  91. p {
  92. font-size: 13px;
  93. color: #0b5890;
  94. font-weight: bold;
  95. font-family: 'TTTGB-Medium';
  96. }
  97. /* 下一环节 等待 图标 */
  98. .wc-wait-icon {
  99. color: #FF0000;
  100. }
  101. /* 下一环节 等待 文字样式 */
  102. .wc-completion-icon {
  103. color: #009688;
  104. }
  105. /* 下一环节 完结 图标 */
  106. .wc-wait-text {
  107. color: #FF0000;
  108. }
  109. /* 下一环节 完结 文字样式 */
  110. .wc-completion-text {
  111. color: #009688;
  112. }
  113. /* 案件基础信息标识样式 */
  114. .mui-input-row .key {
  115. font-size: 14px;
  116. width: 90px;
  117. }
  118. /* 案件基础信息内容样式 */
  119. .mui-input-row .value {
  120. font-size: 14px;
  121. width: calc(100% - 90px);
  122. color: #0062CC;
  123. }
  124. /* 图片容器样式 */
  125. .wc-img-panel {
  126. height: 50px;
  127. line-height: 50px;
  128. margin-top: 10px;
  129. }
  130. /* 图片样式 */
  131. img {
  132. width: 50px;
  133. height: 50px;
  134. border-radius: 5px;
  135. border: solid 1px #007DDB;
  136. margin-right: 10px;
  137. }