cld-custom.css 4.7 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209210211212213214215216217218219220221222223224225226227228229230231232233234235236237238
  1. /* app dialog */
  2. .dialog-sheet{
  3. position: relative;
  4. }
  5. .dialog-sheet > .close {
  6. position: absolute;
  7. right:8px;
  8. top:8px;
  9. z-index: 999
  10. }
  11. .dialog-sheet .sheet-box{
  12. width: 100%;
  13. height: 100%;
  14. overflow: hidden;
  15. }
  16. .dialog-sheet .sheet-left-panel{
  17. position: relative;
  18. width: 650px;
  19. height: 100%;
  20. flex-direction: column;
  21. z-index: 11;
  22. }
  23. .dialog-sheet .sheet-right-panel{
  24. position: relative;
  25. overflow: hidden;
  26. border-left: 1px solid #eaeaea;
  27. background-color: #fafafa;
  28. }
  29. .sheet-panel-header{
  30. height: 56px;
  31. line-height: 56px
  32. }
  33. .sheet-panel-content{
  34. margin-bottom:24px
  35. }
  36. .cldform .cldform-line{
  37. height: 1px;
  38. background: #f3f3f3;
  39. clear: both;
  40. }
  41. .cldform .cldform-item{
  42. float: left;
  43. width: 100%;
  44. position: relative;
  45. padding: 8px 0;
  46. box-sizing: border-box;
  47. }
  48. .cldform .cldform-item.cldform-item-half{
  49. width: 50%
  50. }
  51. .cldform .cldform-item.cldform-item-wauto{
  52. width:auto;
  53. min-width: 310px
  54. }
  55. .cldform .cldform-item .cldform-label{
  56. float: left;
  57. height: 36px;
  58. display: flex;
  59. align-items: center;
  60. box-sizing: border-box;
  61. z-index: 1;
  62. width:78px;
  63. }
  64. .cldform .cldform-item .cldform-control{
  65. width: 100%;
  66. padding-left: 90px;
  67. box-sizing: border-box;
  68. position: relative;
  69. }
  70. .cldform .cldform-item .cldform-control:after{
  71. content: "";
  72. display: block;
  73. width: 100%;
  74. clear: both;
  75. }
  76. .cldform .cldform-item .cldform-control .cldform-contarl-box{
  77. box-sizing: border-box;
  78. height: 36px;
  79. border: 1px solid #f7f7f7;
  80. font-size: 13px;
  81. background: #f7f7f7;
  82. border-radius: 4px;
  83. padding: 0 12px;
  84. width: 100%;
  85. outline: none;
  86. -webkit-appearance: none;
  87. }
  88. .cldform .cldform-item .cldform-control .cldform-contarl-box:hover{
  89. border-color: #f2f2f2;
  90. background: #f2f2f2;
  91. }
  92. .cldform .cldform-item .cldform-control .cldform-contarl-box:focus{
  93. border-color: #2196f3!important;
  94. background: #fff!important;
  95. }
  96. .cldform .cldform-item .cldform-control .cldform-contarl-textareabox{
  97. padding: 8px 12px 6px;
  98. word-break: break-all;
  99. height: auto;
  100. white-space: pre-wrap;
  101. }
  102. .cldform .cldform-item .cldform-control .cldform-contarl-blank{
  103. background: #fff;
  104. border:none;
  105. }
  106. .cldform .cldform-item .cldform-control .cldform-contarl-blank:hover{
  107. background: #fff;
  108. border:none;
  109. }
  110. .cldform .cldform-item .cldform-control .cldform-contarl-textarea{
  111. border-radius: 4px;
  112. box-sizing: border-box;
  113. padding: 8px 12px 7px;
  114. vertical-align: top;
  115. border-color: #2196f3;
  116. background: #fff;
  117. font-size: 14px;
  118. border: 1px solid #ccc;
  119. overflow-x: hidden;
  120. overflow-y: hidden;
  121. resize: none;
  122. }
  123. .cldform .cldform-item .cldform-control .cldform-contarl-textarea:focus,.cldform .cldform-item .cldform-control .cldform-contarl-textarea:hover {
  124. border-color: #1e88e5
  125. }
  126. .cldform .cldform-item .cldform-control .cldform-contarl-dropdown{
  127. display: inline-block;
  128. width: 100%;
  129. cursor: pointer;
  130. }
  131. .cldform .cldform-item .cldform-control .cldform-contarl-dropdown > .far{
  132. float:right;
  133. color:#868e96;
  134. }
  135. .cldform .cldform-item-wauto .cldform-control .cldform-contarl-dropdown > .far{
  136. margin-left:30px;
  137. }
  138. .city-item .btn {
  139. margin-right:3px;
  140. margin-bottom:3px;
  141. }
  142. .sheet-nav-tabs .nav-link.active{
  143. background: none;
  144. color: #886ab5;
  145. border-top-color: #886ab5;
  146. border-bottom-color: #fafafa
  147. }
  148. .sheet-nav-tabs .nav-link.active:not(:hover){
  149. color: #886ab5;
  150. }
  151. .sheet-nav-tabs .nav-item .nav-link.active:not(:hover) {
  152. color: #886ab5!important;
  153. }
  154. .cldform .cldform-item .cldform-control .cldform-control-checkbox{
  155. margin-top:8px;
  156. }
  157. .cldform-control-checkbox .custom-control{
  158. padding-left: 1.4rem;
  159. margin-right: .5rem;
  160. margin-bottom: .5rem
  161. }
  162. .cldform-control-checkbox .custom-control-label::before,.cldform-control-checkbox .custom-control-label::after{
  163. left:-1.3rem;
  164. top:0.02469rem;
  165. }
  166. .modal {
  167. background:rgba(0, 0, 0,0.2);
  168. }
  169. .modal-backdrop {
  170. background:none;
  171. }
  172. .pointer-hover:hover{
  173. background-color: #fafafa;
  174. cursor: pointer;
  175. }
  176. .sheet-panel-log{
  177. height:306px;
  178. }
  179. .sheet-btns {
  180. height:24px;
  181. }
  182. .save-tips {
  183. position: absolute;
  184. top:0;
  185. left:0;
  186. width:100%;
  187. z-index:999;
  188. }
  189. .custom-checkbox .custom-control-label,.custom-radio .custom-control-label{
  190. cursor: pointer;
  191. }
  192. .tagcol-01{
  193. background-color:#16A085;
  194. }
  195. .tagcol-02{
  196. background-color:#2980B9;
  197. }
  198. .tagcol-03{
  199. background-color:#8E44AD;
  200. }
  201. .tagcol-04{
  202. background-color:#f90000;
  203. }
  204. .tagcol-05{
  205. background-color:#B8651B;
  206. }
  207. .tagcol-06{
  208. background-color:#2C3E50;
  209. }
  210. .tagcol-07{
  211. background-color:#efd200;
  212. }
  213. .tagcol-01-s{
  214. color:#16A085;
  215. }
  216. .tagcol-02-s{
  217. color:#2980B9;
  218. }
  219. .tagcol-03-s{
  220. color:#8E44AD;
  221. }
  222. .tagcol-04-s{
  223. color:#f90000;
  224. }
  225. .tagcol-05-s{
  226. color:#B8651B;
  227. }
  228. .tagcol-06-s{
  229. color:#2C3E50;
  230. }
  231. .tagcol-07-s{
  232. color:#efd200;
  233. }
  234. .tagcol-01,.tagcol-02,.tagcol-03,.tagcol-04,.tagcol-05,.tagcol-06,.tagcol-07,.tagcol-08{
  235. color:#fff;
  236. margin:0 1px;
  237. }