case.info.css 4.5 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238239240241242243244245
  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. /* 时间轴展示块标题样式 */
  17. .layui-timeline-title {
  18. color: rgb(255, 255, 255);
  19. }
  20. li {
  21. list-style: none;
  22. }
  23. /* 时间轴子项 第一个样式 */
  24. .layui-timeline-item:first-child::before {
  25. display: block;
  26. }
  27. /* 时间轴子项 最后一项样式 */
  28. .layui-timeline-item:last-child::before {
  29. content: '';
  30. position: absolute;
  31. left: 5px;
  32. top: 0;
  33. z-index: 0;
  34. width: 0;
  35. height: 100%;
  36. }
  37. .layui-timeline-item::before {
  38. content: '';
  39. position: absolute;
  40. left: 5px;
  41. top: 0;
  42. z-index: 0;
  43. width: 1px;
  44. height: 100%;
  45. }
  46. .layui-timeline-item::before,
  47. hr {
  48. background-color: #FF00FF;
  49. }
  50. /* 时间轴左侧图标样式 外框*/
  51. .layui-timeline-axis {
  52. position: absolute;
  53. left: -7px;
  54. top: -7px;
  55. z-index: 10;
  56. width: 24px;
  57. height: 24px;
  58. line-height: 24px;
  59. color: #0062CC;
  60. border-radius: 50%;
  61. text-align: center;
  62. cursor: pointer;
  63. background-color: rgba(255, 255, 255, 1.0);
  64. box-shadow: rgb(95, 150, 222) 0px 0px 10px inset;
  65. }
  66. /* 展示块样式 */
  67. .mui-table-view {
  68. background-color: rgb(203, 203, 203) !important;
  69. border-radius: 5px;
  70. box-shadow: rgb(95, 150, 222) 0px 0px 10px inset;
  71. }
  72. /* 去除展示块底部边框 */
  73. .mui-table-view::after {
  74. height: 0px;
  75. }
  76. /* 去掉展示块顶部边框 */
  77. .mui-table-view::before {
  78. height: 0px;
  79. }
  80. /* 分组展示样式 */
  81. .mui-input-group {
  82. background-color: rgb(203, 203, 203) !important;
  83. border-radius: 5px;
  84. box-shadow: rgb(95, 150, 222) 0px 0px 10px inset;
  85. }
  86. /* 去除分组展示底部边框 */
  87. .mui-input-group::after {
  88. height: 0px;
  89. }
  90. /* 去除分组展示顶部边框 */
  91. .mui-input-group::before {
  92. height: 0px;
  93. }
  94. /* 分组行分隔线样式 */
  95. .mui-input-group .mui-input-row::after {
  96. background-color: rgb(255, 255, 255);
  97. }
  98. /* 分组行分隔线样式 去掉最有一行的分隔线*/
  99. .mui-input-group .mui-input-row:last-child::after {
  100. height: 0px;
  101. }
  102. /* 修正图标按钮样式 */
  103. .mui-icon {
  104. font-family: 'Muiicons' !important;
  105. }
  106. /* 时间轴左侧图标 内部样式 */
  107. .layui-icon {
  108. font-family: layui-icon !important;
  109. font-size: 14px;
  110. font-style: normal;
  111. font-weight: bold;
  112. }
  113. /* 时间轴内容样式 */
  114. .layui-timeline-content {
  115. padding-left: 20px;
  116. }
  117. /* 时间轴日期格式 */
  118. .layui-timeline-title {
  119. position: relative;
  120. margin-bottom: 5px;
  121. }
  122. /* 标题样式 */
  123. h3 {
  124. font-size: 14px;
  125. color: #000000;
  126. padding-top: 0px;
  127. }
  128. /* 案件关联人员样式 */
  129. .wc-member {
  130. font-size: 14px;
  131. color: #000000;
  132. font-weight: normal;
  133. margin-bottom: 10px;
  134. }
  135. /* 描述内容样式 */
  136. p {
  137. font-size: 13px;
  138. color: #0b5890;
  139. font-weight: bold;
  140. font-family: 'TTTGB-Medium';
  141. }
  142. /* 下一环节 等待 图标 */
  143. .wc-wait-icon {
  144. color: #FF0000;
  145. }
  146. /* 下一环节 等待 文字样式 */
  147. .wc-completion-icon {
  148. color: #009688;
  149. }
  150. /* 下一环节 完结 图标 */
  151. .wc-wait-text {
  152. color: #FF0000;
  153. }
  154. /* 下一环节 完结 文字样式 */
  155. .wc-completion-text {
  156. color: #009688;
  157. }
  158. /* 案件基础信息标识样式 */
  159. .mui-input-row .key {
  160. font-size: 14px;
  161. width: 90px;
  162. }
  163. /* 案件基础信息内容样式 */
  164. .mui-input-row .value {
  165. font-size: 14px;
  166. width: calc(100% - 90px);
  167. color: #0062CC;
  168. }
  169. /* 图片容器样式 */
  170. .wc-img-panel {
  171. height: 50px;
  172. line-height: 50px;
  173. margin-top: 10px;
  174. }
  175. /* 图片样式 */
  176. img {
  177. width: 50px;
  178. height: 50px;
  179. border-radius: 5px;
  180. border: solid 1px #007DDB;
  181. margin-right: 10px;
  182. }
  183. /* 案件审核信息输入行样式 */
  184. .case-input-row {
  185. background-color: rgb(203, 203, 203) !important;
  186. border-radius: 5px;
  187. box-shadow: rgb(95, 150, 222) 0px 0px 10px inset;
  188. }
  189. /* 案件审核输入行输入框样式 */
  190. .case-input-row>textarea {
  191. height: 100%;
  192. margin-bottom: 0px;
  193. background-color: rgba(255, 255, 255, 0);
  194. color: rgb(82, 111, 242);
  195. border: solid 0px rgb(255, 255, 255);
  196. }
  197. /* 案件输入行多行文本和单行文本提示文字样式 */
  198. .case-input-row>textarea::placeholder,
  199. .case-input-row>input::placeholder {
  200. font-size: 14px;
  201. }
  202. /* 案件审核输入行输入框样式 */
  203. .case-input-row>input {
  204. height: 100%;
  205. margin-bottom: 0px;
  206. background-color: rgba(255, 255, 255, 0);
  207. color: rgb(82, 111, 242);
  208. border: solid 0px rgb(255, 255, 255);
  209. }